You are here: Home » About Homepage
There are no limits to building an unlimited variables of frontpage via theme's shortocodes.
Understanding
Custom Frontpage is a standalone WP page which displayed at the special section on homepage.
Examples
Custom Frontpage
How to add a Custom Frontpage?
-
Create a new page.
GotoAdmin panel > Pages > Add Newand fill that page as you need. The shortcodes -OR- examples can be used as well. -
Select a page.
Take a lookAdmin panel > Theme Settings > Homepage > Custom Frontpageand select that page. Press Update button. If all steps are right you will get the Custom Frontpage.
Examples
Here is an expamles of Custom Frontpages.
01.
LIVE DEMOView source
[raw] <!-- start SLIDER --> [slider width="940" height="330" transition="fade" autoplay="7000" nav="inside" circular="yes"] [slide type="image" src="/wp-content/themes/masterful/images/temp/01.jpg" link="#"] [slide type="image" src="/wp-content/themes/masterful/images/temp/02.jpg" link="#"] [slide type="image" src="/wp-content/themes/masterful/images/temp/03.jpg" link="#"] [slide type="image" src="/wp-content/themes/masterful/images/temp/04.jpg" link="#"] [/slider] <!-- end SLIDER --> <!-- start WELCOME MESSAGE --> <h2 class="welcome">Welcome to the ‘MasterfulBusiness’ Premium <a class="tooltip" title="Tooltip goes here. Donec imperdiet turpis vulputate massa tempor laoreet. " href="#">WordPress theme</a>. <br />This is a best way to present your business on the Web.</h2> <!-- end WELCOME MESSAGE --> <!-- start FEATURES --> <div class="wfull" id="contentbox"> [one_third] <!-- start #1 feature --> <img class="alignleft" src="/wp-content/themes/masterful/images/temp/ico_laptop.gif" alt=""/> <h2 class="float-title">Super Flexible Homepage</h2> [clear] <p><a href="#">Pellentesque habitant morbi</a>. Tristique senectus et netus et malesuada fames ac turpis egestas. Nam tempor lorem sed lorem.</p> [button link="#" tooltip="Tooltip goes here."]Read More[/button] <!-- end #1 feature --> [/one_third] [one_third] <!-- start #2 feature --> <img class="alignleft" src="/wp-content/themes/masterful/images/temp/ico_stamp.gif" alt=""/> <h2 class="float-title">73 Advanced Shortcodes</h2> [clear] <p><a href="#">Pellentesque habitant morbi</a>. Tristique senectus et netus et malesuada fames ac turpis egestas. Nam tempor lorem sed lorem.</p> [button link="#" tooltip="Tooltip goes here."]Read More[/button] <!-- end #2 feature --> [/one_third] [one_third_last] <!-- start #3 feature --> <img class="alignleft" src="/wp-content/themes/masterful/images/temp/ico_forest.gif" alt=""/> <h2 class="float-title">Extended Documentation</h2> [clear] <p><a href="#">Pellentesque habitant morbi</a>. Tristique senectus et netus et malesuada fames ac turpis egestas. Nam tempor lorem sed lorem.</p> [button link="#" tooltip="Tooltip goes here."]Read More[/button] <!-- end #3 feature --> [/one_third_last] </div> <!-- end FEATURES --> [clear]<div class="h10"><!-- --></div> <!-- start SHORTLY ABOUT --> <div class="wfull" id="contentbox"> <img class="frnom" src="/wp-content/themes/masterful/images/temp/man.jpg" alt=""/> <h2 class="no-pt">Shortly about theme</h2> <p>Mauris eget orci id leo rhoncus volutpat. Nullam auctor lorem. Duis id eros sed dolor fringilla lobortis. Etiam ornare. <strong>Donec imperdiet turpis vulputate</strong> massa tempor laoreet. <a href="#">Nam tempor lorem sed</a> lorem. Proin at tellus non arcu interdum facilisis. Praesent egestas ullamcorper arcu.</p> [big_button link="#" tooltip="Tooltip goes here. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas." color="067EBD"] Sign Up [/big_button] [big_button link="#" color="F27200"] Purchase [/big_button] </div> <!-- end SHORTLY ABOUT --> [clear]<div class="h10"><!-- --></div> <!-- start RECENTPOSTS & TESTIMONIALS --> <div class="wfull" id="contentbox"> <!-- start FROM BLOG --> [one_third] <h2 class="no-pt">From blog</h2> [clear]<div class="h10"><!-- --></div> [posts width="279" qty="1,3" cat="1" view="list" postedin="yes" comments="yes" excerpt="yes" thumb="left" thumbw="120" thumbh="60"] [/one_third] <!-- end FROM LOG --> <!-- start FROM PORTFOLIO --> [one_third] <h2 class="no-pt">From portfolio</h2> [clear]<div class="h10"><!-- --></div> [posts width="279" qty="3" cat="1,4" title="no" thumb="right" thumbw="279" thumbh="207" nav="inside" transition="slide"] [/one_third] <!-- end FROM PORTFOLIO --> <!-- start TESTIMONIALS --> [one_third_last] <h2 class="no-pt">Testimonials</h2> [clear]<div class="h10"><!-- --></div> [slider width="257" circular="yes" transition="slide" autoplay="6000" style="white"] [slide][quote author="clowwny, TF customer"] Genius! Thanks so much. The shortcodes have been awesome so far and I didn't even think of trying a height attribute. Great work! [/quote][/slide] [slide][quote author="ovey, TF customer"] The theme is great, but the support was even better! Thanks. Highly recommend this author.[/quote][/slide] [slide][quote author="markmoe, TF customer"] WOW! Great job - I just purchased and am so excited about this theme!! The admin is so incredible, and I am loving every bit of it so far![/quote][/slide] [/slider] [/one_third_last] <!-- end TESTIMONIALS --> </div> <!-- end RECENTPOSTS & TESTIMONIALS --> [/raw]
02.
LIVE DEMOView source
[raw] <div class="h10"></div> <!-- SLIDER #1 --> [slider width="207" height="420" style="gray" transition="slide" circular="yes" autoplay="6000" float="left" nav="inside"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4100/4924194652_98a517b821_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4134/4923484517_ac74583850_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4121/4924350076_f62033cf95_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4079/4923486133_f10ffe5f34_z.jpg"] [/slider] <!-- END SLIDER #1 --> <!-- SLIDER #2 --> [slider width="207" height="420" style="gray" transition="slide" circular="yes" autoplay="6000" float="left" nav="inside"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4121/4924350076_f62033cf95_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4141/4923483521_4be271e2c8_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4097/4924185336_3c694cee29_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4134/4923484517_ac74583850_z.jpg"] [/slider] <!-- END SLIDER #2 --> <!-- SLIDER #3 --> [slider width="207" height="420" style="gray" transition="slide" circular="yes" autoplay="6000" float="left" nav="inside"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4075/4924083376_2a6d5ac26e_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4076/4896397719_766e05d42c_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4141/4923483521_4be271e2c8_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4100/4924194652_98a517b821_z.jpg"] [/slider] <!-- END SLIDER #3 --> <!-- SLIDER #4 --> [slider width="207" height="420" style="gray" transition="slide" circular="yes" autoplay="6000" float="left_last" nav="inside"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4076/4896397719_766e05d42c_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4100/4924194652_98a517b821_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4134/4923484517_ac74583850_z.jpg"] [slide type="image" link="#" src="http://farm5.static.flickr.com/4101/4924082688_2baea0a977_z.jpg"] [/slider] <!-- END SLIDER #4 --> <!-- start WELCOME MESSAGE --> <div class="wfull" id="contentbox"> <h1 class="no-pt">Welcome to the ‘<a class="tooltip" title="Tooltip goes here. Donec imperdiet turpis vulputate massa tempor laoreet. " href="#">MasterfulBusiness</a>’ theme.</h1> [three_fourth] <p>The highly efficient and flexible theme is designed specifically for organizations, companies and corporate purposes. Thanks of shortcodes collection and fully adjustable Custom Frontpage section you will be able to build website which ideally fits your business needs.</p> [/three_fourth] [one_fourth_last] [big_button link="#" tooltip="Tooltip goes here. Mauris eget orci id leo rhoncus volutpat. Nullam auctor lorem. Duis id eros sed dolor fringilla lobortis." color="067EBD"] Purchase theme [/big_button] [/one_fourth_last] </div> <!-- end WELCOME MESSAGE --> [/raw]
There are no limits to building an unlimited variables of frontpage via theme's shortocodes.
