Individual settings

Every page or post has individual page settings. Some of these duplicate Appearance ▸ Customize options to get more flexibility in the page design and features while Customize settings are global. But, there are also many unique options, you might need to configure in order to build full-featured pages/posts.

Hero header

Plain page has 3 tabs in the "Settings" options panel: "Hero header", "Branding" and "Sidebar and footer".

Custom description

This tab allows to set up hero header appearance on the page.

Add a short page description. Press [Shift]+[Enter] to add line breaks (<br> tag) if you need it. Note that <h1> tag comes first for providing semantic page markup. You can select certain tag in "Formats" dropdown menu, choose font size (it's fluid/responsive to ensure that even huge page description text looks good on mobile), modify "line-height" CSS property and convert text to all uppercase letters. Also, you can change font family via neighbour select box. All these custom settings are availabe in the page or post editor.

Alignment

This option defines page description alignment inside the hero header. If featured image or slideshow weren't added, horizontal alignment ("* left", "* center" or "* right") applies only.

Media

You can add slides in this section. Select "Custom set" option, if you want to add slides manually. Every slide has the following settings:

Image

Upload jpeg/gif/png image.

Mp4 video

It's optional. You can upload mp4 file besides image to show video instead. This implies that the picture, added above, is the first frame of your video.

Image luminance

Let theme decide, what page description and site header colors to apply, or select image brightness manually.

Fill mode

This setting is the same as in Appearance ▸ Customize ▸ Hero settings. The only difference - "Global" option which means that Customize option value will be applied.

Background color

Set slide background color. Dominant color of the image is preferred. Generally, if an average tone of the image is light, set light background. If it's dark one - select darker.

Optionally, you can also add slide caption.

Link URL

Enter url of a target page.

Open link in a new tab

Enable if you need the link to be opened in a new browser window/tab (depends on browser and its settings).

Title

Enter a slide title to this field.

Description

Enter a short slide description.

Alignment

Select caption alignment.

Please don't enter too much caption text, if you're planning to add a page description, because slide caption will be moved to the left bottom corner of the hero header to ensure that a well-organized layout is presented. Otherwise, it may not fit the page width, especially on small mobile screens. Always save your changes and check the final result.

Alternatively, you can switch to "Portfolio posts" option to use featured images or first slide (which depends on single post settings configuration) as slides. Additionally, you can manually create a posts selection.

Slideshow settings

Autoplay

Set a slideshow delay (milliseconds). Default value "0" disables autoplay completely.

Transition

Slideshow animation type. Switch between "Slide" and "Fade" transitions.

Dynamic background

This option determines whether the slide background ("Background color" option) is static, i.e. every slide is colored separately, or it does change background color smoothly during "slide" animation between two neighbor slides. It's better to disable this option, if every image/video fills the whole available space (slide "Cover" option) of the hero slideshow. This option isn't visible when slide transition type has been set to "Fade".

Infinite mode

Enable or disable infinite scrolling (loop).

Branding

Here you can modify page colors and upload custom logo.

Colors

These settings duplicate the similar set of options at Appearance ▸ Customize ▸ Colors. So, you can override colors, using Color Picker.

Custom logo

Upload a separate custom logotype, if it's a requirement within your creative ideas. "Alt logo" and "Alt retina logo" are optional, but you have to upload these, if hero image and page background have different luminance, i.e. when page background is dark, but hero image is light, for example.

Sidebar and Footer

These settings duplicate the similar set of options at Appearance ▸ Customize ▸ Sidebar and footer. You can select certain widget area to attach it to this page exclusively.

Template specific settings

Almost every WordPress theme has unique page templates. So, Wakiro theme have specific settings that appear in the "Settings" panel while switching between different templates.

Portfolio

As you can see on the screenshot, there is a separate "Portfolio" tab, because current page template is "Portfolio".

Posts per page

Specify number of portfolio posts per one page.

Content link text

Actually, it's not a separate tab, but this option is only available, if "Showcase" has been selected as page template. You need to enter custom text for the content link label. More information about it can be found in the "Showcase" template overview.

Show Google Map

This option becomes avalable, if selected page template is "Split". Read more about this template here please.

Type

Switch between 3 map types: "ROADMAP", "SATELLITE" and "HYBRID".

Enter latitude and and lingitude to the fields below.

Zoom

Modify an initial map zoom level (0-18).

Make sure that you've added Google Maps API Key (Appearance ▸ Customize ▸ Miscellaneous ▸ Google Maps) in order to get the map working.

Post type specific settings

There are a few differences between available settings on pages and posts. It's due to post type and its features. We will review portfolio post options first.

Hero header

This post type has almost the same options in the "Settings" panel as page, but it doesn't have "Page description" field.

Featured image

Unlike on pages, where the featured image is always presented in the slideshow (if it was uploaded, of course), you can decide to show it or not on single portfolio posts. It's a very helpful option, if you want to display featured image of the post on your projects page, but would like to exclude it from the single post. So, just deactivate the option and it's done.

Title

Show or hide post title. Note that if you want to hide the post title, you need to compensate the loss. So, you should add post title manually to the content editor and wrap it in <h1> tag.