Setting up your theme

1) Creating theme pages

Start by adding the pages you are going to need. Go to Pages > Add New and create the following pages:

  1. Home. This will serve as your homepage, assign to it either the “Homepage Template” from the “Page attributes” panel.
  2. Blog. This will be your posts page. Just create it, no further action needed.
  3. Contact. (optional) Here you can place your contact form which you will create using the Contact Form 7 plugin.

(TIP: all page titles serve as examples, you can name your pages according to your needs.)

Once the pages are created, navigate to Settings > Reading , set the “Home” page to be your static frontpage and the “Blog” page to be your posts page, as demonstrated in the image below:

reading-settings

2) Populating your blog

Moment’ central feature is its posts. Let’s see how you can add some. Go to Posts > Add New. Start by giving the post a title and add your text in the text editor. Then add a featured image and move to the Layout panel below the main editor.

moment-layout
Here you can select the post’s layout and the width of the post’s featured image on the homepage.
Available post layouts are:

  1. Content on the left: The post’s content appears on the left hand side with the featured image on the right.
  2. Content on the right: The post’s content appears on the right hand side with the featured image on the left.
  3. Centered – Fixed width: The post’s content appears centered with the featured image above it.
  4. Centered – Full width: The post’s content appears centered with the featured image above it taking up all the available screen width.

Available widths for featured images on the homepage are:

  1. Normal square, 425px by default
  2. Double square, 850px by default
  3. Wide, 425px by default
  4. Tall, 850px by default
  5. Random

Quote boxes: If you want to recreate a quote box like the ones you see on the demo, just wrap your text in blockquote, like this

<blockquote>“Lorem ipsum dolor sit amet, an choro epicuri sea, ad vis falli petentium. Pro at eius ponderum. Odio volutpat no mel, autem vituperata an ius, lorem accommodare sed ad. Unum luptatum quo ad, qui malis repudiandae no. Temporibus complectitur cu quo, pri liber laoreet maluisset ad, usu tota epicurei efficiendi at. Sit ex inermis abhorreant, ut copiosae legendos eam, eu vis soleat euripidis. Ea sed congue utroque, tempor oblique ponderum usu ad, sensibus suscipiantur ex vel..”

<cite>— Author name </cite> </blockquote>

Once you are done, you can publish the post.

3) Creating your menu

Now that your content is in place, you will need a menu. Go to Appearance > Menus, check the pages you want on your menu and add them. Give your menu a name and save it. Finally you will need to set your menu as Main menu. This can be done either by checking the Main menu box in Menu Settings just below your menu items in Menu Structure, or by going to the Manage Locations tab and selecting the menu you just created.

moment-menu

(TIP: for more info on creating and managing menus, please read the WordPress Menu User Guide here)

The CSSIgniter settings panel

Last but not least, under Appearance > CSSIgniter settings, you can find the settings panel. From here you can modify various aspects your theme has. You can change your logo, set a custom background, change color scheme and apply custom styles via the custom CSS tab. All options feature a description so that you know their provided function.

Additional Information

Useful Plugins

  • CSSIgniter Shortcodes You can use this shortcode plugin to create a variety of layouts and elements on your website. Instructions can be found here.
  • Contact Form 7 Use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.

Image Sizes

The recommended image sizes for the Moment theme are:

  • Post thumbnail: 500×350px
  • Single post narrow thumbnail: 555×600px
  • Single post full fixed thumbnail: 1140×500px
  • Single post full width thumbnail: 1920×1000px
  • Related post thumbnail: 400×265px
  • Front page normal square: 400×425px
  • Front page double square: 800×850px
  • Front page tall thumbnail: 400×850px
  • Front page wide thumbnail: 800×425px