Support

Homepage layout code & integration

September 9th, 2010 in Support, Themes tutorials

How to add homepage content

Create a page from the WP Admin menu. You will need to paste that code below in that page. In order to do that, you need to go to the Add New Page form and above the textarea on the right click HTML and then paste the code in the textarea.

Now that you have created the homepage content page, you need to actually add it to the homepage. From the WP Admin menu go to Chimera Themes > Theme Options > General Settings > Homepage. You see there two select boxes – one for the top of your homepage and one for the bottom. Select the page you created earlier.

Homepage top content

[one_third]
[content_box style="padding10"]
[icon_box icon_url="http://demo.chimerathemes.com/wp-content/themes/business_canvas/images/icons/included/multi-agents.png" size="small" title="Small Icon Example I"]
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.
[divider]
Read more
[/icon_box]
[/content_box]
[/one_third]
[one_third]
[content_box style="padding10"]
[icon_box icon_url="http://demo.chimerathemes.com/wp-content/themes/business_canvas/images/icons/included/bar-chart.png" size="small" title="Small Icon Example II"]
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.
[divider]
Read more
[/icon_box]
[/content_box]
[/one_third]
[one_third_last]
[content_box style="padding10"]
[icon_box icon_url="http://demo.chimerathemes.com/wp-content/themes/business_canvas/images/icons/included/fancy-globe.png" size="small" title="Small Icon Example III"]
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.
[divider]
Read more
[/icon_box]
[/content_box]
[/one_third_last]
[break]
[divider]
[break]
[two_third]
[one_half]
[icon_box icon_url="http://demo.chimerathemes.com/wp-content/themes/apppress/images/icons/included/Settings.png" size="big" title="Big icon example"]
Note: you will need to first create a custom sidebar in your themes option panel before it will show up here.
[/icon_box]
[/one_half]
[one_half_last]
[icon_box icon_url="http://demo.chimerathemes.com/wp-content/themes/apppress/images/icons/included/Maps.png" size="big" title="Another example"]
Note: you will need to first create a custom sidebar in your themes option panel before it will show up here.
[/icon_box]
[/one_half_last]
[divider]
This is an example homepage layout. You can create your own unique homepage layout using the preinstalled shortcodes for column layouts, icon boxes, testimonials, content boxes and many more ...
[/two_third]
[one_third_last]
[action_box title="Call to action box" button_title="Example Shortcode" link="#" bgcolor="blue" button_color="green"]This is just an example![/action_box]
[/one_third_last]
[break]
[break]

Example Blog Section

[description]You can remove the section below from the theme admin, or you can show small blog posts without a homepage sidebar.[/description] [divider]

Homepage bottom content

[twitter username="chimerathemes"]
[break]
[info_box style="green"]
Use multiple style declarations to achieve something like this.
[/info_box]
[break]

Video

    Comments Off on Homepage layout code & integration
    Hummingbird Web Solutions Pvt Ltd. Copyright © 2014. Premium WordPress Themes - Terms & Conditions