Are you looking for a fresh, modern, and fun magazine theme? Nikau is a flexible theme designed with travel, food, tech, and personal bloggers in mind, but it’s a great choice for anyone who wants to display their content in a bold and beautiful way.
Featured Content Slider
Nikau is all about featuring your posts in the best possible way, so it comes with a featured-content slider where you can highlight up to six posts.
The slider has three different layout options. Choose between the Full Screen, Full Width, or Boxed — examples of each are shown below:
Magazine-style Blog Page
Nikau offers four additional sections on the Blog Page where you can show posts with specific categories, and include a section about you and your site.
A Sticky Header
The sticky header ensures that the slide-out menu, widget area, search form, and your social icons are always available to your visitors, even as they scroll down the page.
Multiple Widget Areas
Nikau offers lots of options for your widgets. You can use a right- or left-aligned sidebar, add widgets to the four-column footer area, and show additional widgets in a slide-out area.
The last sidebar widget stays visible when scrolling down the page, so your most important information is always accessible.
A Beautiful Reading Experience
When designing Nikau, we made sure to create a theme that’s perfect for reading longer posts. Single posts offer some additional features like large Featured Images overlaid with the post’s excerpt, large blockquotes, drop caps, and a text size that is comfortable to read on all devices.
Today it’s more important than ever to connect your blog or website to your social media profiles. With Nikau, your readers won’t miss the links to your social sites, since you can show your social links in the sticky header, at the bottom of your footer, and next to your About section on the Blog Page.
We also prepared beautiful social-sharing icons on single posts to make sharing your posts a breeze. And since they’re more present on single posts, it encourages readers to share your posts more often!
Optimized For All Devices
Nikau’s responsive design makes sure that your website looks amazing on all devices, from small smartphone screens to big desktop monitors.
Quick Specs (all measurements in pixels):
- The maximum width of the content area is
- The featured image width on single posts is
1260 with a variable height. When single posts have a custom excerpt, the featured images are displayed at
- In the Featured Content slider, the featured images are
1440 wide and
530 high when set to the “Full Width” layout. When using the “Full Screen” or “Boxed” layout, featured images are
1440 wide and
- The custom header image is
1440 wide with a flexible height.
- The maximum sidebar width is
- The featured image that appears in Front Page Section Two is
580 wide with a flexible height.
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:
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
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.
Blog Page Section 1 in the Customizer.
Blog Page Section 2
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.
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.
Blog Page Section 2 in the Customizer.
Blog Page Section 3
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.
Blog Page Section 3 in the Customizer.
Blog Page Section 4
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.
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).
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.
Press Save & Publish, and your slider will appear on your blog.
Nikau comes with a slide-out panel, which automatically shows your Main Menu and an optional widget area.
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.
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.
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:
- Email (mailto: links)
- RSS Feed (urls with /feed/)
Nikau offers two options to display featured images on single posts. By default, the Featured Images are displayed as follows:
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:
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: