To create a custom menu, go to Appearance --> Menus in your dashboard.
Creating a Custom Menu
To create a custom navigation menu, type in a name for it (only you will see this) and click Create Menu.
Adding Pages and Categories to Your Menu
Adding pages or Categories to your menu is as simple as checking the proper boxes for the pages you want and then clicking Add to Menu.
Adding custom links to your menu
Enter in the URL, the label name, and then Add to Menu.
Adding Tag Pages and Posts to Your Menu
You can also add your tag pages and posts to your custom menu. To display these options in the custom menu editor, click the "Screen Options" drop down at the top right of your screen:
Check the boxes for posts and/or tags, and those modules will appear in the custom menu editor
Be sure to click Save Menu each time you make changes to your custom menu.
Changing Menu Item Titles
You can also change the label and the hover-over text of menu items independently from the page name itself. To edit a page or category title, click the down arrow to the right of the item. Once expanded, enter the new label name and any desired hover-over text. The underlying page will always show its name in the Original section of the menu item.
Don't forget to save your changes.
Changing the Order of Menu Items and Creating Sub-Menus
You can change the order and placement of menu items. Drag and drop the items up and down to change the order of menu items. Drag and drop the items left and right to create sub-menu items.
Activating Your Menu
In the Theme Locations module, under Main Menu, select the title of the custom menu you want to activate for main menu.
In the Theme Locations module, under Footer Menu, select the title of the custom menu you want to activate for main menu and click
Save.
G) Custom Shortcode Generator - top
It would be imposible to remember the syntax of every shortcodes available options associated with it. Our shorcodes generator is an easy way for you to place a shortcode in the theme to display the content.
Go to Inspiration > Shortcode Generator you will see following screen.
There are two pane, "Single shortcode" is on the left and "Integrated Shortcode" is on the right.
Create single shortcodes
On "Single shortcode" panel, click on "Create New"
then select a "Short code" type
You will see following screen
The preview image shows you how the shortcode will display the content, in this example, this is for latest news in home page. Enter shortcode name, choose categories and/or tag. Select other options then save data. You will see following screen
The shortcode has been generated on yellow bar on top of the panel. Copy this shortcode to paste to where you would like to display the slider.
Shortcodes avaiable with this theme
This theme comes with following shortcode to display the content
Single shortcode
Article List - Main Content to display the articles in main content
Article List - Sidebar to display the articles list in sidebar
Slider to display the articles in slider at home page
Gallery to display the gallery post
Advertisement to display the advertisement banner
H) Setup and customize your site with Kopatheme Layout Manager - top
You're one step closer to having total control over your theme. This Layout Manager help you to total control how every pages of your site will be displayed.
Summary:
- Start by selecting a layout from the menu on the right for your page that you want to customize
- Select your page that need to be customize and drag it to the template that you want it to be displayed.
By default, all neccessary pages of your site has been setup, but you can use "Layout Manager" to change the theme data that fit your need.
- Create sidebar for widget area. The new sidebar will be available on the Widgets page.
- Save your works and come to Widgets page to setup for your Widget.
Note: You can re-use sidebar of other page that is in the same position.
H.1) Setup Home Page - top
Now, let's go through an example of setting Home page, then you will recognize the powerful of Kopatheme Layout Manager features.
Step 1: Go to Inspiration > Layout Manager you will see following screen.
Click on the down arrow at the right hand side of the template that you want it to display your home page to expand the tab. In this example, we click on down-arrow at the right hand side of Home Template to expand the Home Page tab
Step 2: You will see the expanded tab of Home template with preview home image at the bottom of the page with widget area locations that help you to know which sidebar need to be created for which location
Step 3:Drag Home Page from Template Hierarchy on left hand side then drop it to the Home temlate at the right hand as following image.
By default, we have draged all items inside Template Hierarchy to suitable template as default setting before delivery the theme. You need to do this step only when you would like to customize the layout. Otherwise, you can skip and go to step 7.
Step 4: Expand the Home tab to start editing sidebars
You will see following sreen:
You need to select a default sidebar for each widget area. You can also add more sidebar, rename sidebar or delete sidebar. In this example, we will add one more sidebar for Widget Area 1 sidebar location.
Step 5: Click on Add New Sidebar button of Widget Area 1 Sidebar location.
Enter sidebar name then click Save Sidebar button
Now you can see the new sidebar on the sidebar list of Widget Area 1 Sidebar location. You can select one of them to contain widgets.
Step 6: Come to bottom of Home tab, click on Save button.
1. If you want to rename a sidebar, select it from the drop-down list and rename it then click Save Sidebar button
2. I you want to remove a sidebar, select it from the drop-down list then click Remove Sidebar button. After that, click Save Sidebar button to save data. However, please be noted that, each sidebar location must consist of at least one sidebar so you can not delete the last one.
Note:
- Don't forget to save data at this step before leaving this page to go to next step otherwise your data will be lost.
- If you want to change the template to display this type of page, click remove button. The page will be appeared in the Template Hierarchy on the left.
Step 7:Go to Appearance > Widgets
You will see the sidebars we have created at the right side of the screen
Choose a Widget and drag it to the sidebar where you wish it to appear. There might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the Theme.
Now, we will do an example of display slider in home page.
Here is the image to show you how the slider will be displayed at the home page.
Come to Shortcode Generator page to copy slider shortcode that we have created above
Drag the Kopatheme Text Widget to Widget Area 1 sidebar location. Paste the slider shortcode to text widget.
Finaly, click Save button. Now, you can see the slider at the home page.
Do the same procedure to display other content in home page
Note:
To display latest news as in demo site, please use shortcode of "Article List - Main content" and paste to "Home Lastest News (Shortcode)" in General Setting
H.2) Setup News Pages - top
The procedure of setup News Page is almost the same as setup Home Page.
Step 1: Drag "Category" or "Tag" that you would like to setup display page to the template you want it to display.
Step 2: Select a sidebar in every sidebar location if you would like re-use the sidebar that you have created previously. Or, create new sidebar for the location if you would like to use new one.
Step 3: Click Save button to save the data.
Repeat the same procedure to setup for every categories and tags.
H.3) Setup Single Pages - top
The procedure of setup Single Page is almost the same above procedure.
Step 1: Drag "Post" from "Template Hierarchy" to the template you want it to display.
Step 2: Select a sidebar in every sidebar location if you would like re-use the sidebar that you have created previously. Or, create new sidebar for the location if you would like to use new one.
Step 3: Click Save button to save the data.
H.4) Setup Static Page - top
The procedure of setup Static Page is almost the same above procedure.
Step 1: Drag "Page" from "Template Hierarchy" to the template you want it to display.
Step 2: Select a sidebar in every sidebar location if you would like re-use the sidebar that you have created previously. Or, create new sidebar for the location if you would like to use new one.
Step 3: Click Save button to save the data.
After seting up for Static Page, all static page will display in the same template. However, if you would like a specific page to be displayed in other template, you can select it from "Pages" and drag it to the template.
H.4) Restore default data - top
This theme comes with default data. If you would like restore default setting, go to Layout Manager, scroll down, you can see Restore Default link on the left of the page
Click Restore Default, all default layout setting will be restored. However, please be careful because all of your created data of layout setting will be lost.
