“Clean Retina Free WordPress Theme”

Clean Retina Theme Instruction by “Theme Horse"

Created: 28/12/2012  By: themehorse.com  Email: support@themehorse.com  Theme page: Clean Retina 

Thank you for using our theme. If you have any questions that are beyond the scope of this following instructions, please feel free to email via our contact form here. Thank you so much!

Hey! buy us a beer and we shall come with new features and update.

Table of Contents

  1. Installation
  2. Custom Menu
  3. Customizing sidebar with widgets
  4. Custom Header
  5. Custom Background
  6. Homepage Layout Configuration
  7. Default Layout Configuration
  8. Specific Layout Per Post/Page Configuration
  9. Set up Homepage Slider
  10. Set up Custom Gallery
  11. Plugin Support
  12. Custom CSS
  13. How to Disable Page Comments
  14. Recommended Image Sizes

1) Installation - top

a) Through Dashboard

b) Manual Installation using FTP


2) Custom Menus - top

Clean Retina supports custom menu you can set it through following steps.

See Menu Help for more information.


As you may have probably noticed, after installing the theme, your side sidebar and footer sidebar is empty. We have provided you with an opportunity to completely customizing it to your liking with the use of WordPress Widgets

Note: This theme has one extra widget with the theme i.e. Theme Horse:Custom Tag Cloud. It is used to show tag clouds with beautiful button design. Try it you may like it.


4) Custom Header - top

Clean Retina supports Custom Header Feature.

a) Header Image

Note: If you use small image(as logo) it will appear at just right side of the header text. So, better use small image(as logo) or header text, only one of at a time, for beautiful look. But if you using big image as header image(big and not logo/small image), it will appear just below the header text. So, if you are using big image you can use both header text and image.

b) Header Text


5) Custom Background - top

Clean Retina supports Custom Background Feature.

NOTE:The background effect will only change the content part but not in the header and footer part. If you want the change to reflect in the header and footer as well then write follwing custom CSS in Appearance->Theme Options->Design Options->Custom CSS input field to hide the Header and Footer pattern.

#branding, #colophon {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

And Save the Changes.

If you want to change header and footer pattern with your own image/color choice, then write follwing custom CSS in Appearance->Theme Options->Design Options->Custom CSS input field.

For Header:

#branding {
    background: none #YOUR-BACKGROUND-COLOR;
    border-bottom-color: #YOUR-BORDER-COLOR;
    -moz-box-shadow: 0 7px 0 #YOUR-SHADOW-COLOR;
    -webkit-box-shadow: 0 7px 0 #YOUR-SHADOW-COLOR;
    box-shadow: 0 7px 0 #YOUR-SHADOW-COLOR;
}

For Footer:

#colophon {
    background: none #YOUR-BACKGROUND-COLOR;
    border-top-color: #YOUR-BORDER-COLOR;
    -moz-box-shadow: 0 -7px 0 #YOUR-SHADOW-COLOR;
    -webkit-box-shadow: 0 -7px 0 #YOUR-SHADOW-COLOR;
    box-shadow: 0 -7px 0 #YOUR-SHADOW-COLOR;
}
}

And Save the Changes.


6) Homepage Layout Configuration - top

There are different layouts for the home page. You can choose the homepage layout by following the instructions given Below.

a. Normal Layouts for Home Page

You can select No Sidebar/No Sidebar, Full Width/No Sidebar, One Column/Left Sidebar/Right Sidebar according to your choice.

Note:

You have to check on Your latest posts instead of static page. in Reading Settings sub-menu page of the Settings main menu.

b. Latest Posts listing display type on Home Page

You can select any of these above mentioned layouts, all these mentioned layouts show the latest posts in the content area. Now, you can also choose the display type for these posts(i.e. the content area-posts listing part). The display type are mentioned below one bye one.

i. Excerpt Display Type 1

Note:This display type shows the repective featured image, title, post meta information and excerpt of every posts. The size of the featured image shown is 700*290(width*height) in pixels.

ii. Excerpt Display Type 2

Note:This display type shows the repective featured image, title, post meta information and excerpt of every posts. The size of the featured image shown is 330*330(width*height) in pixels.

iii. Full Content Display

Note:This display type shows the title, post meta information and the whole content of the every posts. This way you can embed images and videos in the content and display them on the homepage.

c. Corporate Layout for Home Page

Our Theme offers one unique homepage layout named as Corporate Layout. Below is the instruction to set Corporate Layout for the homepage.

Note:You have to check on Your latest posts instead of static page in Reading Settings sub-menu page of the Settings main menu.

d. Static Page as Home Page

You can set any of your static page as home page.


7) Default Layout Configuration - top

There are different layouts and you can set any layout to be your default layout. Every page, post that don't have their specific layout will follow have this default layout. Archives(i.e. category pages) will also follow this default layout. You can choose the default layout by following the instructions given below.

a) No Sidebar/No Sidebar, Full Width/No Sidebar, One Column/Left Sidebar/Right Sidebar


8) Specific Layout Per Post/Page Configuration - top

This theme allows you to choose the specific layout for every post display and every page display. You can do so by following the steps give below.


9) Set up Homepage Slider - top

NOTE: Slider works for the home page and static front page.



11) Plugin Support- top

a. Contact Form 7 Plugin Support

Our theme supports Contact Form 7 Plugin i.e. there is already css written for the Contact Form 7 which would show you contact form in very simple and beautiful design. You can view the demo here.

b. WP-PageNavi Plugin Support

Our theme supports WP-PageNavi Plugin to show pagination. The theme already has the wp_pagenavi() function coded within the theme. The theme also has written css in the style.css file that would show the WP-PageNavi pagination in a very beautiful way. So, just install the WP-PageNavi plugin and turn off the pagenavi plugin CSS from the backend in the WP-PageNavi Setting page. You can view the demo here.

c. Breadcrumb NavXt Plugin Support

Our theme supports Breadcrumb NavXt plugin. This plugin generates locational breadcrumb trails for your WordPress blog. These represent the hierarchy leading up to the current page rather than the actual path taken to arrive at the current page. The theme has the bcn_display() function coded within the theme. You can view the demo here.


12) Custom CSS- top

If you want to edit some CSS, you can follow the instructions below, your custom CSS will overwrite the theme's CSS.


13) How to disable Page Comments - top


14) Recommended Image Sizes - top

This theme depends heavily on Featured Images per post. Read more about Featured Images.

a. Slider Image

Width: 962px
Height: 390px

b. Featured Image per post for Home Excerpt Display 2 (Medium Image)

Width: 330px
Height: 330px

c. Featured Image per post for Home Excerpt Display 1 (Image Large)

Width: 700px
Height: 290px

d. Featured Image per gallery post

Width: 330px
Height: 230px

NOTE: If you are switching from another theme, you will want to install and run the Regenerate Thumbnails WordPress plugin to resize your existing images.


Go To Table of Contents