Setting up Your Pages
Setting Up a Homepage Template
By default, your site’s homepage displays your latest blog posts, but Notebook is designed to use a static front page, with blog posts displayed on a separate page. Notebook also comes with an optional Homepage template that you can assign to your front page. Here’s how to set it up:
- Create a new Page. The page title should be what you want the Homepage introduction section title to be.
- Add content to the page. It will be displayed in your introduction section under the page title.
- Assign the Homepage template from the Page Attributes box.
- To add a background image to your introduction section, set a featured image.
- Publish the page.
Setting Up a Blog Page
- Create a new Page. You don’t have to add any content or assign a page template.
- Publish the page.
Changing the Number of Posts in the Recent Posts Section
The number of posts displayed in the Recent Posts section is the same as the amount of blog posts that are displayed on your blog page. You can change this number in Settings → Reading.
Adding Featured Images
Displaying Post Excerpts
Displaying Social Icons
Notebook automatically adds social icons based on the link you’ve set in the Social Menu. The following social platforms are supported:
- Navigate to Appearance → Menus.
- Create a new Custom Menu.
- Check the box next to the “Social Menu” label and then click Save Menu.
- To add your social links, select Links from the menu on the left.
- Add a URL and Link text for each social profile.
- Click the Save Menu button when you are ready.
Text Styling Options
You can style your post introduction and add optional drop caps to your paragraphs. Those two styling options are available only for the Single Posts and Pages.
Wrap your paragraph with a “p” tag that has the “intro” class.
<p class="intro">Dummy text is text that is used in the publishing industry or by web designers to occupy the space...</p>
Wrap the first letter of your paragraph with a “span” tag that has the “dropcap” class.
<span class="dropcap">M</span>aecenas nec nunc et ligula egestas mattis ac eget sem.