Imperial Theme Documentation

March 5, 2013

Imperial Theme Online Documentation

First Things First

Please take the time to read through the instructions and take notice of the instructions listed here, as many support related questions can be answered simply by re-reading these instructions.

We will frequently update this theme for bug fix, add new features and more… please follow us on twitter and like us on facebook to get notification.

If you are new with wordpress, please read the wordpress documentation first:

— Klasik Themes

 

Table of Content

  1. Theme Installation and Modification
  2. Theme Overview and Widgets
  3. General Settings
  4. Homepage
  5. About Page
  6. Blog Page
  7. Accommodation Page
  8. Gallery Page
  9. Contact Page

 

1. Theme Installation and Modification

a) Installing a Theme

  1. Download and install Klasik Framework. Then install ‘imperial‘ theme. To install a wordpress theme please follow this instruction.
  2. Install the recommended plugins (listed below):

    Contact Form 7
    Download: http://wordpress.org/extend/plugins/contact-form-7/
    Description: Simple contact form for contact page.

    Content Aware Sidebars
    Download: http://wordpress.org/extend/plugins/content-aware-sidebars/
    Description: Create and display sidebars according to the content being viewed.

    WP PageNavi
    Download: http://wordpress.org/extend/plugins/wp-pagenavi/
    Description: For page navigation.

    WordPress Importer
    Download: http://wordpress.org/extend/plugins/wordpress-importer/
    Description: Import posts, pages, comments, custom fields, categories, tags and more from a WordPress export file.

  3. Import our xml data sample.
    • Log in to the WordPress Administration Panels.
    • Select the Tools panel, then Import. Click ‘WordPress‘ link in there.
    • You will see an upload form in there. Now locate the .xml file in your theme folder and upload it from the upload form.
    • When the upload is finish, choose the author for all of the contents that you import and check the ‘Download and import file attachments‘.
    • Click ‘Submit‘ button when you finished.

b) Theme Modification

All styling for color, background, etc. are inside ‘color.css‘ file.

  1. Click the ‘Appearance >> Editor‘ in the menu.
  2. Then in right side file list, click the ‘color.css‘ file
  3. And you will see the css content in the content editor area.
  4. Find and edit the color or style that you want to change (Note: You should have a little css knowledge).
  5. Click ‘Update File‘ button.

back to top

 

2. Theme Overview and Widgets

Overview theme setting similar with the demo.

a) Homepage

Homepage

 

b) Portfolio

Portfolio

 

c) Default Page and Sidebar Position

Default Page and Sidebar Position

 

d) All Widgets

  1. Theme: Recent Posts - Widgets to show Recent Posts.

  2. Theme: Features - Widgets to show Features.

  3. Theme: Portfolio Filter - Widgets to show Portfolio Filter.

  4. Imperial: Image Carousel- Widgets to show Image Carousel.

 

 

back to top

 

3. General Settings

a) Theme Options

Some settings that you can change easily through theme options.

 


back to top

 

4. Homepage

 

a) Home page

Tutorial to add the Homepage.

  1. Click the ‘Pages‘ tab.
  2. Click the ‘Add New‘ Sub Tab
  3. Enter the title ‘Home‘ in the title box.
  4. Then ‘Save‘ page

     

    Set this home page as front page

  5. In the left side menu, click the ‘Settings‘ tab.
  6. Click the ‘Reading‘ sub tab.
  7. Then change the "Front page displays" to "A static page" and choose the "Homepage" page that you just created.
  8. Save the settings.

b) Home Slider

Any post can be set as homepage slider:

  1. To add a new post in the homepage slider, edit the post you want to feature and check the Feature on Homepage Slider option.

  2. Upload a Featured Image to the posts.

d) Homepage Features

  1. Click the ‘Appearance‘ tab then ‘Widgets‘ Sub Tab
  2. Drag widgets ‘Theme: Features ‘ to ‘ Homepage Feature
    please take a look at the screenshot below :

d) Homepage Bottom

  1. Click the ‘Appearance‘ tab then ‘Widgets‘ Sub Tab
  2. Drag widgets ‘Imperial: Image Carousel‘ to ‘Homepage Bottom‘ sidebar,
    please take a look at the screenshot below :

  3. You need to put the ID of a Page or Post that has featured image.

back to top

 

5. About Page

Adding a About Page

  1. Click the ‘Pages‘ tab.
  2. Click the ‘Add New‘ Sub Tab
  3. Fill in the Title and Content.
  4. Set the setting in the page setting box
  5. When you are ready, click Publish.

 

back to top

 

6. Blog Page

Please read the wordpress documentation regarding writing a post at http://codex.wordpress.org/Posts_Add_New_SubPanel

There are two method to show Blog post:

a) Method 1: Create Blog Page

You can set any pages as blog page, all post will show on this page.

  1. Click the ‘Pages‘ tab.
  2. Click the ‘Add New‘ Sub Tab
  3. Fill in the Title.
  4. Set the setting in the page setting box
  5. When you are ready, click Publish.

    Set this blog page

  6. In the left side menu, click the ‘Settings‘ tab.
  7. Click the ‘Reading‘ sub tab.
  8. Then change the "Front page displays" to "A static page" and choose the "Blog" page that you just created.
  9. Save the settings.

 

b) Method 2: Create Blog Page from Post Category

To show a post from a category in the blog page, please add ‘Blog‘ category and add post to that category first then follow this instruction:

  1. Click the ‘Appearance‘ tab then ‘Menus‘ Sub Tab
  2. Select the menu that you want to edit and click "Select" button.
  3. Click "Categories" tab. and you will see all of categories that you have inputted.
  4. Categories: Select the ‘Blog‘ checkbox.
  5. And Click "Add to Menu" Button.
  6. Then you will see Blog Category Menu Item on the right.
  7. Don’t forget to click the ‘Save Menu‘ before you leave this page!

back to top

 

7. Accommodation Page Setting

a) Create Accommodation Page

  1. Click the ‘Pages‘ tab.
  2. Click the ‘Add New‘ Sub Tab
  3. Fill in the Title.
  4. Set the setting in the page setting box

  5. When you are ready, click Publish.

b) Create Accommodation Content Top

  1. Click the ‘Sidebar >> Add New‘ in the menu (Install Content Aware Sidebars plugin first).
  2. Fill in the title with ‘Accommodation Content Top‘.
  3. Choose ‘Accommodation‘. to show this ‘Accommodation Content Top‘ sidebar.
  4. Choose ‘Replace‘ and choose ‘Content Top‘ position to replace.

     

  5. Click ‘Appearance >> Widget‘ then you will see the new sidebar that you just created.
  6. Drag ‘Theme: Portfolio Filter ‘ widget to this ‘Accommodation Content Top‘ sidebar position.

 

back to top

 

8. Gallery Page

Adding a Contact Page

  1. Click the ‘Pages‘ tab.
  2. Click the ‘Add New‘ Sub Tab
  3. Fill in the Title and Content.
  4. Upload some images (more than one image) to the post from Featured Image Box.

  5. Then enter the wordpress gallery shortcode in the content editor.
  6. When you are ready, click Publish.

 

back to top

 

9. Contact Page

Install Contact Form 7 Plugin.

  1. Download and install contact form 7 plugin first : http://wordpress.org/plugins/contact-form-7/
  2. When The install is finished, please click "Contact" on the left menu.
  3. Please Copy the shortcode from the Contact Form 7 list like the image below :

  4. Now Paste the shortcode you just copied to your Contact Page content.

Adding a Contact Page

  1. Click the ‘Pages‘ tab.
  2. Click the ‘Add New‘ Sub Tab
  3. Fill in the Title and Content.
  4. When you are ready, click Publish.

 

back to top

 

One Comment

  1. Tari Donohue   October 18, 2013 1:21 pm / Reply

    Can you tell me what items were updated in the new version? I’d like to install the update in the site I’ve created with this theme but it was so difficult to implement I don’t want to break anything that is already there. Having a log report will help me decide. Thank you.

Post a Comment

Your email address will not be published. Required fields are marked *

*