This exercise walks you through 3 simple steps to create a front page for your site.
Go to Pages and add a new page.
Home
<style>
.hero { text-align: center; margin-bottom: 50px; }
.hero h1 { font-size: 3rem }
.hero p { font-size: 1.6rem; line-height: 1.3; color: #6a8bad; }
</style>
<div class="hero">
<h1>Fanray</h1>
<p>A simple and elegant blog.</p>
</div>
<style>
.action { margin: 3rem 0 1rem 0; text-align: center }
</style>
<p class="action">
<a href="/blog" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">Get Started →</a>
</p>
Welcome to Fanray
Full
which gives you that full page designClick on Publish to make it public.
Go to Navigation, you should see the new Home page listed under the Pages panel, click on the 3 vertical dots and you will see a Set as Home button, click on it. This will set the Home page as the root of your site.
Finally, you want to add a Home link on to the navigation. In the Navigation, add a Custom Link.
/
Home
Click on Add To Menu to add it to the Main Menu. Then drag the Home item to the top as the first item on the navigation.