Notebookby Themes Harbor

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:

  1. Create a new Page. The page title should be what you want the Homepage introduction section title to be.
  2. Add content to the page. It will be displayed in your introduction section under the page title.
  3. Assign the Homepage template from the Page Attributes box.Notebook home template
  4. To add a background image to your introduction section, set a featured image.
  5. Publish the page.

Setting Up a Blog Page

  1. Create a new Page. You don’t have to add any content or assign a page template.
  2. Publish the page.

Be sure to assign your homepage and blog page under Settings → Reading, as described in the guide to setting up a static front 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

Notebook supports Featured Images. Learn how to add a Featured Image to your post or page.


Displaying Post Excerpts

You can display post excerpts on the blog page by using the More Tag, as seen in the demo.


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:

  • Twitter
  • Facebook
  • YouTube
  • Dribbble
  • Flickr
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Tumblr
  • Behance
  • Vkontakte
  • Soundcloud
  • deviantART
  • Vimeo
  • Reddit
  • RSS
  • Email
  1. Navigate to Appearance → Menus.
  2. Create a new Custom Menu.
  3. Check the box next to the “Social Menu” label and then click Save Menu.
  4. To add your social links, select Links from the menu on the left.
  5. Add a URL and Link text for each social profile.notebook social menu
  6. 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.

notebook intro caps

Post Introduction

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>

Drop Cap

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.