Kiore Moana is a beautiful, single-column responsive blogging theme. It’s well-suited for many types of blogs, including travel, hobby, photography, and personal. The theme has a very modern, open design with lots of white space, large, easy-to-read typography on all devices, and an extra page template for widgets.
Info Page with Beautiful Widgets
Kiore Moana is designed to display your posts without the distraction of a sidebar. However, if you want to include widgets on your site, you can use the special info page template. This template will arrange your widgets in a beautiful, one-column layout.
Info and Home Buttons
With the two minimal “Info” and “Home” buttons your visitors can always switch between your info page and blog content very easily and read your articles without any additional sidebar information taking away the focus from the content.
To set up your info page link, create a new page and assign it to the “info page” page template. Then, navigate to: Appearance → Customize → Theme Options and enter the URL of the page you just created. Hit save, and you’ll see the link to your info page in the top right corner of your site.
Kiore Moana also comes with several custom widgets that let you share additional information about yourself: About Me, Social Links, and Featured Video.
Fun and Easy-to-Use Theme Features
With the Kiore Moana theme, your blog posts can really shine and become the center of attention on your blog. With the help of large featured images, a modern header slogan, support for all post formats, and beautiful typography styling options like side notes and drop caps, you can really make each blog post very special and interesting to read.
Header Slogan Widget
Kiore Moana comes with a custom widget (“Header Slogan”) that makes it easy to display a title and introduction to your blog on the front page. Just navigate to Appearance → Widgets and find the Header Slogan widget. Drop it into the associated Header Slogan widget area, and fill in the options to your liking.
Post Format Icons
The trendy, minimal icons used for the Kiore Moana post formats offer an extra highlight to each blog post.
A Great Blog Design for Mobile Devices
Kiore Moanas single column, minimal and bold blog design works great on all kinds of devices, so your content will be easy to read and look beautiful on smartphones, tablets, laptops, and large desktops.
Make It Your Own Style
From the Customizer, you can easily make Kiore Moana your own. Set up your info page, change the blog title and background color, change your header and background image and a custom menu to display in the footer.
Of course you can also customize your blog title and include your own blog title image under Appearance → Header and customize your main theme background under Appearance → Background.
Quick Specs (all measurements in pixels):
- The standard content width for Posts and Pages is 960.
- Image, Video, and Gallery Posts have a wider content width of 1160.
- Featured images should have a minimum width of 960, and a max width of 1900.
- The custom header image should be 115 x115 in width and height.
After you activate Kiore Moana, you can start customizing the theme under Appearance → Customize. Here, you’ll find the main customization options: background color, header image, and custom menus. Options that are specific to Kiore Moana can be found under the “Theme Options” header in the Customizer.
You can see your changes right away in the Live Preview, so it’s easy and fun to play around with the settings. For further customizations and theme options please read the following theme documentation:
Quick Specs (all measurements in pixels):
- The standard content width for Posts and Pages is 960px.
- Image, video and gallery posts have a wider content width of 1160px.
- Featured images should have a minimum width of 960px, and a maximum width of 1900px.
- The custom logo image should be 115 x 115px in width and height.
The Header Slogan
The custom header slogan widget is a feature that’s unique to Kiore Moana. It’s a simple but effective way to make your blog more personal. You can find the header slogan under Appearance → Widgets. Just drag the Kiore Moana Header Slogan widget to the Header Slogan Widget Area and include your header slogan title and text. You can add additional widgets here if you like.
Please note: the header slogan only appears on the front page.
Blog Title and Logo Image
To add your custom logo image go to Appearance → Header and upload your 115 x 115px logo image (JPG or transparent PNG is recommended). You can also change the color of your blog title or disable the blog title completely.
The Info Page
To set up the Kiore Moana info page and info button (and include all your widgets there), you need to create a new page with any page title you like and choose the Template → Info Page Template in the “Page Attributes”. You should also deactivate the comments and pingbacks in the Discussion setting. If you don’t see the Discussion setting in your page admin area right away, you might need to activate it first via the “Screen Options” button on the top right of your page admin area.
After publishing your new page, you can copy the Page URL (the permalink) and paste it in Appearance → Customizer / Theme Options → Info Page URL. Your Info Page button and your (at the moment still empty) info page will now be visible on your blog. Now you can add some widgets to the Info page under Appearance → Widgets.
Info Page Widgets
To include widgets to your Info page just add any number of available widgets to the Main Widget Area under Appearance → Widgets. You can add the Kiore Moana About widget, the Social Links widget, a Featured Video widget and of course all WordPress standard widgets to your Info page.
The Kiore Moana About Widget
To include an About widget you need to prepare an About image first and upload it to your blog via Media → Add New. The dimensions of the image are flexible, in the Kiore Demo, the image used is a 320 x 320px transparent PNG. Now, you can copy your Image URL and paste it into the About widget option. You also need to add your image width and height. As text options you can include a subtitle and your main about text.
The Kiore Moana Social Links Widget with Icons
With the Kiore Moana social links widgets you have a beautiful option to link to your social profiles like Twitter, Facebook, Google+, Pinterest, Vimeo and many more on your info page. You can just paste the URLs of the social profiles you want to use into the widget options and save your settings.
Under Appearance → Menus you can set up custom menus for the Footer Navigation (always visible on the Kiore Moana blog and info page) and an optional Info Page Navigation. The Info Page menu needs to be activated via a custom menu widget at the top of your main widget area.
You can create your custom menus by adding any number of custom links, pages, categories, tags, post formats or posts and save them to your created menus. If you drag the included menu items to the right, you can also create sub menus (no sub menus are supported in the footer navigation). Now you can choose which saved menu to use in your theme via the “Menu Settings” at the bottom of each custom menu.
To include a Back to Top link to your footer menu, just create a custom link, paste #doc in the URL and give it a title of “Back to Top”.
To customize the main background color (the default color is white) you can go to Appearance → Background and either choose your own color or upload your own background image. By default the background color should be of a lighter color or image, so that the dark font color will still be visible.
If you want to have more color options and also change the info page background color or font color you can try out the Premium Custom Design upgrade. You can preview all the options, before purchasing the upgrade.
Using the Post Formats
The Kiore Moana theme supports all WordPress post formats:
Aside, Video, Audio, Gallery, Image, Status, Quote, Link and Chat
For Link Posts you can just include a single link in your post and add the CSS class “link” to the a tag like in this example:
<a href="YourLinkURLHere" class="link">Your Link Text</a>
For a Quote you can use the b-quote button in the HTML text editor or the quote button in the visual text editor and wrap your quote around a “blockquote” tag. To show also the quote author, you can wrap the author name with link in a cite tag, like in this code example:
<blockquote>Your quote here.
<cite>by <a href="http://quoteauthorurl.com/">Quote Author Name</a></cite>
The Aside post format is great for short notes and news. Status posts are short notes similar to tweets and will have a bigger, non-serif font. In image posts you can include a single image with the max. width of 1160 pixels.
The image and image gallery post formats are great for photography blogs. For gallery posts just include pictures with the media button as a gallery. The option “Tiled Mosaic” gallery option look especially nice to feature your gallery posts.
For a Chat Post you need to add a ul list with the CSS class of “chat” to your posts and then add the class “odd” and “even” to your li elements like in the following example:
<li class="odd">First Person is saying... </li>
<li class="even">Second Person is saying...</li>
Extra Text Styling Options
You can style the first letter of a text paragraph with a drop caps by wrapping this first letter in a span tag with the CSS class of “dropcaps”:
<span class="dropcaps">D</span>ropcaps are very elegant...
You can add left or right aligned side notes to your posts by adding a paragraph with the CSS class “sidenote-left” or “sidenote-right” above the main text paragraph:
<p class="sidenote-left">Your side note content here...</p>
The Archive Page Template
With the Archive Page Template option it’s very easy to create an Archive page for your blog. Just choose the template for an empty new page (under Page Attributes → Template) and the page will show a list of popular tags, your 30 recent posts and a monthly archive.