Nikauby Elmastudio

Getting Started

This document will walk you through setting up your new site using Nikau. The following shows an overview of the complete Blog page, which includes a featured content slider and sections for highlighting different categories, along with your most recent posts:

Nikau WordPress Theme Blog Page

After activating the theme, the Blog page will show your recent posts; every fourth post will have a larger Featured Image if present. You can customize the Blog page by following the steps below:

Blog Page Sections

With Nikau, you can add additional magazine-style sections to your Blog page. You find the Blog page sections settings under Customize → Theme Options.

Blog Page Section 1

Nikau WordPress Theme Blog Page Section One

Blog Page Section 1 will display the six latest posts from a selected category. The most recent will be displayed larger than the rest, with the other five displayed alongside it. The default title for this section is ‘Top Stories,” but it can be changed in the Customizer to anything you like.

Nikau WordPress Theme Blog Page Section One

Blog Page Section 1 in the Customizer.

Blog Page Section 2

Nikau WordPress Theme Blog Page Section Two

Blog Page Section 2 highlights a page. Assign a page to appear here to share some more information about yourself and your website:

First, create a new page. This page’s title will appear as the title of Blog Page Section 2, and the page’s Featured Image will be displayed next to it. The image should be at least 580px wide.

Nikau WordPress Theme About Page

The About page with Featured Image and About text.

Then, open the Customizer, and go to Theme Options > Blog Page Section 2. Now, choose the newly-created page from the “About Section” drop-down menu.

The Social links will automatically appear next to the About area if you create and assign a Social Links Menu. The title that appears above this menu can be changed in the Customizer.

Nikau WordPress Theme Blog Page Section Two

Blog Page Section 2 in the Customizer.

Blog Page Section 3

Nikau WordPress Theme Blog Page Section Three

Like Blog Page Section 1, posts can be assigned to Blog Page Section 3 by selecting a specific post category. The five latest posts will be displayed, with the most recent at the top, and the other four underneath it. The title of this section can be changed in the Customizer.

Nikau WordPress Theme Blog Page Section Three

Blog Page Section 3 in the Customizer.

Blog Page Section 4

Nikau WordPress Theme Blog Page Section Four

In Blog Page Section 4, you can select a post category to display the latest posts in this category in a four-column grid. You can also customize the title, and choose the number of posts to display.

Front Section 4 in the Customizer.

Front Section 4 in the Customizer.

You don’t need to use all available Blog page sections — if you don’t assign any content to a section in the Customizer, that section will not appear on your Blog page.

General Theme Options

In the General panel under Customize → Theme Options, you can choose the featured-content slider design (Full Width, Boxed, or Full Screen), and the sidebar position (left- or right-aligned).

Nikau WordPress Theme Theme Options

Featured Content Slider

The featured-content slider is visible at the top of your on your Blog page, below the header. This slider will display up to six posts that share the tag you designate as your “Featured Content” tag.

To assign a featured content tag, go to Customize → Featured Content and enter a tag of your choice under Tag Name (for example, “featured”). You can also choose to hide the tag in post meta and tag clouds — this way, the tag will not be visible to visitors.

Once a tag is assigned, you can add it to posts. All posts in the slider should have Featured Images that are at least 1440px wide by 530px tall if using the Full Width, layout or 1440px wide by 690px tall for the Boxed and Full Screen layout.

Featured Content in the Customizer.

Featured Content in the Customizer.

Press Save & Publish, and your slider will appear on your blog.

Slide-out Panel

Nikau comes with a slide-out panel, which automatically shows your Main Menu and an optional widget area.

nikau-offcanvas

You can add widgets to this area by adding them to the “Slide-out panel” widget area under Customize → Widgets.

Sidebar and Footer Widget Area

Nikau also offers a sidebar and a four-column footer widget area. You can include widgets to these widget areas under Customize → Widgets.

Widget Areas in the Customizer.

Widget Areas in the Customizer.

When scrolling down the page, the last widget in the sidebar will stay fixed, to remain visible as long as possible. This is very useful to highlight an important widget — for example, you can add the Follow Blog widget here so your readers won’t forget to subscribe to your blog.

Custom Menus

Nikau has two Custom Menus. One is the Main Menu, which is visible in the theme’s header and slide-out areas. The second is the Social Links Menu; when you add a menu to this space it will appear in the Header, Footer and to Blog Page Section 2 (the About section).

Links to any of the following sites in the Social Links Menu will automatically display its icon:

  • CodePen
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • GitHub
  • Google+
  • Instagram
  • Email (mailto: links)
  • LinkedIn
  • Pinterest
  • Pocket
  • Polldaddy
  • RSS Feed (urls with /feed/)
  • StumbleUpon
  • Tumblr
  • Twitter
  • Vimeo
  • WordPress
  • YouTube

Styling Posts

Featured Images

Nikau offers two options to display featured images on single posts. By default, the Featured Images are displayed as follows:

Nikau WordPress Theme Default Single Post

If you add a Custom Excerpt to the post, the featured image will be displayed larger with the title and custom excerpt overlaid on top:

Nikau WordPress Magazine Theme Single Post

The featured image of posts with a custom excerpt should have a minimum width of 1440 pixels.

Additional Text Styles

You can use a number of custom typography styles to design more interesting and easy-to-read posts and pages. You’ll find an overview of all typography styles on the Nikau Text Styles demo page.

Dropcaps – To highlight a paragraph with a drop cap letter, first switch to the HTML editor. wrap the first letter of the paragraph in a span tag with the CSS class “dropcap”:

<span class="dropcap">F</span>irst letter...

Uppercase Text – To highlight text – e.g. the first words of a paragraph – in a bold and uppercase font style, switch to the HTML editor and then wrap the text in a span tag with the CSS class “uppercase”:

<span class="uppercase">Your uppercase intro text here...</span>

Pull Quotes – You can use pull quotes on your text by switching to the HTML editor, and wrapping a sentence or short text in a p tag with the CSS class “pull-left” or “pull-right” for left- or right-aligned pull quotes:

<p class="pull-left">This is a left-aligned pull quote text.</p>

Of course you can also include block quotes, images, galleries and slideshows and shortcodes to your posts.

Post Sharing Icons

You can add sticky sharing buttons to your posts under Settings → Sharing. Use the “Icons only” style option to make the icons stick to the screen, when a reader is scrolling down a post.

Nikau also supports the following features: