Cresendo WordPress Theme

Theme 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 to get notification.

If you are new with wordpress, please read the wordpress administration panel documentation at http://codex.wordpress.org/Administration_Panels

If you still have a problems, please send a message to me via my profile page http://themeforest.net/user/templatesquare, please include the questions/problems, your site url and theme name.

— TemplateSquare

 

Table of Content

  1. Theme Installation
  2. Page Templates and Sidebar
  3. Menu Settings
  4. Posts and Categories
  5. Pages Settings
  6. Homepage Setting
  7. Slider
  8. Portfolio
  9. Testimonial
  10. Sidebar Generator
  11. Custom Layout
  12. Plugin, Widget and Shortcode
  13. Other Settings

 

1. Theme Installation

  1. Unzip the zip file that you download from themeforest and locate the 'Cresendo' folders inside the 'theme' folder. This is the folder and contents you will need to upload to your webserver.
  2. FTP Upload the 'Cresendo' folders to your 'wp-content/themes/' directory on your web server, then you can activate the theme.
  3. After you activate a theme, you can change the theme settings. Login to wordpress admin panel and click the ' Appearance' tab then click ' Theme Options' sub tab .

    Recommended Plugins ( please see instruction #11.a below):
  4. Install and activate all recommended plugins.

If you want quick setup for your website, you can import our xml data sample that included in this 'DOCUMENTATION/' folder, here the step how to import sample data :

  1. Click 'Tools >> Import' then choose 'Wordpress'.
  2. Then browse the xml sample data file.
  3. Click 'Upload file and import'
  4. Now you need to configure the theme menus and widgets.

 

back to top

 

2. Page Templates and Sidebar

a) Page Templates

  1. Default Template (The default page template with left sidebar position)
    Sidebar Position:Page Sidebar


    Screenshot 1: Default template sidebar position

  2. Blog (Page template for display blog posts with left sidebar position)
    Sidebar Position:Post Sidebar

  3. Portfolio (Page template for portfolio)
    No Sidebar Position

  4. Testimonial (Page template for testimonial)
    Sidebar Position:Page Sidebar

  5. No Sidebar (Page template with one column and no sidebar position)
    No Sidebar Position

 

b) All Sidebar Position

  1. Post Sidebar - Located at the left/right side of archives, single and search.
  2. Page Sidebar - Located at the left/right side of page templates.

 

back to top

 

3. Menu Settings

The menu setting use the new WordPress 3.0 menu manager, please read the documentation at
http://codex.wordpress.org/Appearance_Menus_SubPanel

Setup menu guide:

  1. click the 'Appearance' tab then 'Menus' Sub Tab
  2. Add new menu, enter the menu name then click 'Save'
  3. Assign the menu to the 'Main Menu' location
  4. Custom Link: enter your website url in the URL field and 'Home' text in the Label field click then 'Add to Menu'
  5. Pages: Select the pages that you want to add to menu then click 'Add to Menu'
  6. Check the Screen Options (upper right) to insure CSS and Description modules are set to display
  7. You can add custom css to each menu item, this theme first menu on the left use the 'home' css classes. (Not used by this theme)
  8. You can add a description to each main menu item. (Not used by this theme)
  9. Don't forget to click the 'Save Menu' before you leave this page!

 

back to top

 

4. Blog

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

You also can follow this instruction below:

a) Adding a Category

Adding a categories for blog is similar:

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the 'Post' tab.
  3. Click the 'Categories' Sub Tab.
  4. You only need to enter the category name field, the other are optional.
  5. Click the 'Add New Category' button and you are done!
  6. You will see the category you just added in the right side area.

 

b) Writing a Post for Blog

Write your post as you normally would:

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the 'Post' tab.
  3. Click the 'Add New' Sub Tab
  4. Input the 'title' and your content in contentbox
  5. As needed, select a category, add tags, and make other selections from the sections below the post. Each of these sections is explained at at http://codex.wordpress.org/Posts_Add_New_SubPanel.
  6. When you are ready, click Publish.

 

c) Adding a Blog Page

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the 'Pages' tab.
  3. Click the 'Add New' Sub Tab
  4. Enter the title 'Blog' in the title box.
  5. Select the 'Blog' template in the right 'Page Attribute' section.
  6. Choose the Blog Category from Page Blog Option



  7. When you are ready, click Publish.

 

 

back to top

 

5. Pages Settings

Page are content such as 'About', 'Services, 'Contact', etc... for more information about WordPress Page, please see the documentation at http://codex.wordpress.org/Pages_Add_New_SubPanel

 

a) Adding a Pages

  1. Log in to your WordPress Administration Panel (Dashboard).
  2. Click the 'Pages' tab.
  3. Click the 'Add New' Sub Tab
  4. Input your Title and Content.
  5. As needed, you can set the 'Page Attribute' in the right side box.
  6. We provide metabox in page edit now. It will make you easier to set the template.


  7. When you are ready, click Publish.

 

back to top

 

6. Home Page Settings

Tutorial to add the Home page.

  1. Click the 'Pages' tab.
  2. Click the 'Add New' Sub Tab
  3. You can name it 'Homepage' or 'Welcome' or any name that you want.
  4. Select the 'Default Template' template in the right 'Page Attribute' section.
  5. Add the home page text in the content editor box. Or you can use our custom layout, please read our documentation #10.
  6. Select the 'Sidebar' for the page.
  7. When you are ready, click Publish.



    Set this home page as front page
  8. In the left side menu, click the 'Settings' tab.
  9. Click the 'Reading' sub tab.
  10. Then change the "Front page displays" to "A static page" and choose the "Welcome" page that you just created.
  11. Save the settings.


back to top

 

7. Slider

Tutorial for making the slider.

  1. Click the 'Slider >> Add New'.
  2. Input the slider 'title'
  3. You can 'upload' and 'set featured image' for slider. This featured image will be used for slider image.


  4. Input the Slider Option textboxes


  5. When you are ready, click Publish.
  6. You can add several slider post to make the animation works.


back to top

 

8. Portfolio

Tutorial to add Portfolio

Add Portfolio Category

  1. Click the 'Portfolio' tab.
  2. Click the 'Portfolio Categories' Sub Tab.
  3. Input your category name for your portfolio post.
  4. Click the 'Add New Category' button and you are done!
  5. You will see the category you just added in the right side area.

    Adding Portfolio posts
  6. Click the 'Portfolio' tab.
  7. Click the 'Add New' Sub Tab
  8. Now input your title and content.
  9. Fill up the Portfolio Option. You will see the description about every textbox in there.

  10. Now fill up the Client Option. You will see the description about every textbox in there.



  11. You can manage and upload the images with clicking 'Manage Images'.

  12. You will see the wordpress media uploader window show up.
  13. Select image to upload.
  14. After upload you will see the image information.
  15. Click the 'Use as fetured image' to make the image as a primary image.(this primary image will be used as a thumbnail)
  16. Done, just close the window.
  17. Select the Portfolio category in the right 'Portfolio Categories' section.
  18. Add the tags for your portfolio item in 'Portfolio Tags' section at the right side.
  19. When you are ready, click Publish.
  20. You can add as many display posts as needed.

    Add Portfolio Page

  21. Click the 'Pages' tab.
  22. Click the 'Add New' Sub Tab
  23. Enter the title 'Portfolio' in the title box.
  24. Select the 'Portfolio' template in the right 'Page Attribute' section.
  25. Now please specify the Portfolio Column, Categories, Number of portfolio from Page Portfolio Option

 

back to top

 

9 Testimonial

Tutorial to add Testimonial

Add Testimonial Categories

  1. Click the 'Testimonial' tab.
  2. Click the 'Testimonial Categories' Sub Tab.
  3. Input your category name for your testimonial post.
  4. Click the 'Add New Category' button and you are done!
  5. You will see the category you just added in the right side area.

    Adding Testimonial posts
  6. Click the 'Testimonial' tab.
  7. Click the 'Add New' Sub Tab
  8. Now input your title and content.
  9. Fill up the Testimonial Option. You will see the description about every textbox in there.



    Add Testimonial Page
  10. Click the 'Pages' tab.
  11. Click the 'Add New' Sub Tab
  12. Enter the title 'Testimonial' in the title box.
  13. Select the 'Testimonial' template in the right 'Page Attribute' section.
  14. Now please specify the Testimonial Category, Number of testimonial from Page Testimonial Option

    Page testimonial Option

 

back to top

 

10. Sidebar Generator

Tutorial to add Custom Sidebar

Add Sidebar in Theme Options

  1. Go to the 'Appearance' tab.
  2. Click the 'Theme Options' Sub Tab.
  3. Click the 'Sidebar' Tab.
  4. Input the 'Sidebar Name' in the Sidebar Generator Textbox!
  5. Click 'Add' and in a second the sidebar name will appear in the bottom of the textbox.
  6. The sidebar will appear in APPEARANCE >> WIDGETS
  7. The sidebar will appear in your edit page too.

 

back to top

 

11. Custom Layout

You can use custom layout on this theme, you only need to copy and paste the code below into a post content and/or widget text.

 

a) Home Page Layout

[one_fourth class="firstcols"]
<img src="http://demowp.templatesquare.com/demoimages/img-cresendo/pic2.jpg" alt="" /><h3>Planet Celebrations</h3>
<span>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus.</span>
[/one_fourth]

[one_fourth]
<img src="http://demowp.templatesquare.com/demoimages/img-cresendo/pic3.jpg" alt="" /><h3>The Struggle</h3>
<span>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus.</span>
[/one_fourth]

[one_fourth]
<img src="http://demowp.templatesquare.com/demoimages/img-cresendo/pic4.jpg" alt="" /><h3>Creative Man</h3>
<span>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus.</span>
[/one_fourth]

[one_fourth class="lastcols"]
<img src="http://demowp.templatesquare.com/demoimages/img-cresendo/pic5.jpg" alt=""/><h3>A Man and Globe</h3>
<span>Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Praesent vestibulum molestie lacus.</span>
[/one_fourth]

[separator]

[contentbox link="http://google.com" buttontext="Get In Touch"]Pellentesque tincidunt magna sed nulla fermentum![/contentbox]

[separator]

[one_third class="firstcols"]
<h2><img src="http://demowp.templatesquare.com/demoimages/img-cresendo/pic6.jpg" alt="" class="alignleft" />Web Development</h2>Lorem ipsum dolor sit amet, consec...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id turpis at risus molestie sagittis eget sed mauris. Pellentesque mattis dolor eros.

<a href="#">Continue Reading &rarr;</a>
[/one_third]

[one_third]
<h2><img src="http://demowp.templatesquare.com/demoimages/img-cresendo/pic7.jpg" alt="" class="alignleft" />Business Plan</h2>Lorem ipsum dolor sit amet, consec...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id turpis at risus molestie sagittis eget sed mauris. Pellentesque mattis dolor eros.

<a href="#">Continue Reading &rarr;</a>
[/one_third]

[one_third class="lastcols"]
<h2><img src="http://demowp.templatesquare.com/demoimages/img-cresendo/pic8.jpg" alt="" class="alignleft" />Online Support</h2>Lorem ipsum dolor sit amet, consec...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id turpis at risus molestie sagittis eget sed mauris. Pellentesque mattis dolor eros.

<a href="#">Continue Reading &rarr;</a>
[/one_third]


b) About Us Page Layout

<h2>Welcome, Guest!</h2>
<p><img src="http://demowp.templatesquare.com/demoimages/img-cresendo/pic1.jpg" alt="" /></p>
Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec auctor eleifend, felis leo aliquam purus, tristique semper purus nunc id ligula. Morbi a sem eros, at varius neque. Curabitur fermentum, velit laoreet feugiat consequat, ligula lorem porttitor arcu, nec malesuada enim magna vitae ligula. Proin diam augue, rhoncus nec venenatis ac, euismod vel metus. Donec vitae nulla velit, quis eleifend tortor.
[separator line=yes]
<h2>Who We Are</h2>
Vivamus scelerisque elit auctor ipsum lobortis consequat consequat lorem accumsan. Suspendisse turpis tortor, lobortis eget suscipit ac, vehicula venenatis mi. Integer aliquet dapibus diam, eu ornare tortor tincidunt eget. Mauris interdum felis ac lectus accumsan viverra. Curabitur dictum, tellus eget molestie aliquam, magna nibh lobortis tortor, in sodales neque nisi nec leo. Vestibulum lectus magna, tristique in scelerisque in, lacinia tincidunt nisi. Pellentesque sodales velit nec odio tincidunt mattis.
[separator line=yes]
<h2>The Testimonials</h2>
Nulla interdum, enim eu dictum pellentesque, ipsum elit varius purus, et imperdiet odio magna lobortis purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus sed mauris at eros mollis ultricies vitae porta dui.

[blockquote]Proin tempus tempus orci eu imperdiet. Curabitur vitae semper tellus. Cras tempus odio et erat ultricies ullamcorper. Mauris at odio arcu. [/blockquote]

Sed eu lacus in arcu molestie suscipit interdum non erat. Ut volutpat hendrerit diam, eu tempor tortor hendrerit eu. Pellentesque ac est nulla. Pellentesque habitant morbi tristique senectus et netus.

c) Services Page Layout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus, arcu id convallis mattis, arcu magna suscipit diam, id cursus felis orci eu nisi. In placerat lectus quis libero dictum laoreet. Fusce mauris quam, congue a posuere vestibulum, convallis eu augue. Phasellus ultrices urna a mi facilisis interdum. Ut vehicula rhoncus nisl porta semper. Nunc sit amet lectus eros, a fringilla risus. Proin non felis lacus, porta semper nisi. Duis rutrum libero ac purus condimentum egestas laoreet dui tempor. Phasellus sit amet leo mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus, arcu id convallis mattis, arcu magna suscipit diam, id cursus felis orci eu nisi. In placerat lectus quis libero dictum laoreet. Fusce mauris quam, congue a posuere vestibulum, convallis eu augue. Phasellus ultrices urna a mi facilisis interdum. Ut vehicula rhoncus nisl porta semper. Nunc sit amet lectus eros, a fringilla risus. Proin non felis lacus, porta semper nisi. Duis rutrum libero ac purus condimentum egestas laoreet dui tempor. Phasellus sit amet leo mauris.

<a href="#">Continue Reading →</a>

[separator line=yes]<br />

[one_fifth class="firstcols"]
<img src="http://demowp.templatesquare.com/demoimages/img-cresendo/services1.jpg" alt="" /><h5>Bookmarks</h5>
In lacus ipsum, scelerisque eu convallis id hasellus tortor lectus eleifend semper ipsum purus in nisi.

[/one_fifth]

[one_fifth]
<img src="http://demowp.templatesquare.com/demoimages/img-cresendo/services2.jpg" alt="" /><h5>Compass</h5>
In lacus ipsum, scelerisque eu convallis id hasellus tortor lectus eleifend semper ipsum purus in nisi.

[/one_fifth]

[one_fifth]
<img src="http://demowp.templatesquare.com/demoimages/img-cresendo/services3.jpg" alt="" /><h5>Fire</h5>
In lacus ipsum, scelerisque eu convallis id hasellus tortor lectus eleifend semper ipsum purus in nisi.

[/one_fifth]

[one_fifth]
<img src="http://demowp.templatesquare.com/demoimages/img-cresendo/services4.jpg" alt="" /><h5>Photography</h5>
In lacus ipsum, scelerisque eu convallis id hasellus tortor lectus eleifend semper ipsum purus in nisi.

[/one_fifth]

[one_fifth class="lastcols"]
<img src="http://demowp.templatesquare.com/demoimages/img-cresendo/services5.jpg" alt="" /><h5>Movie</h5>
In lacus ipsum, scelerisque eu convallis id hasellus tortor lectus eleifend semper ipsum purus in nisi.

[/one_fifth]

d) Contact Page Layout

<h2>Keep in Touch</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce luctus, arcu id convallis mattis, arcu magna suscipit diam, id cursus felis orci eu nisi. In placerat lectus quis libero dictum laoreet. Fusce mauris quam, congue a posuere vestibulum, convallis eu augue. Phasellus ultrices urna a mi facilisis interdum.

[contact-form-7 id="63" title="Contact form 1"]

back to top

 

12. Plugins, Widget and Shortcode

a) Recommended Plugins

Install some plugins (listed below). Search for the plugin name from within wordpress admin, then add and activate it. Some plugins can conflict with the theme, but the ones listed below have been tested to work, and also extra styling for the plugins has been added. Only add those that are needed. Adding too many will slow down your website.


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

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

Yoast Breadcrumb
Download: http://yoast.com/wordpress/breadcrumbs/
Description: Outputs a fully customizable breadcrumb path.

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.

Flickr Photos
Download: http://wordpress.org/extend/plugins/simple-flickr-plugin/
Description: Display Flickr photo.

b) Custom Widget

  1. TS - Recent Post
    This widget is used for display recent post, blog, news in the left and the right sidebar position, you can activate this widget on any pages.
  2. TS - Recent Comments
    This widget is an alternate of the default Recent Comments widget, it show the comments.

c) Shortcodes

  1. Column Shortcodes

    see demo

  2. Separator Shortcode

    [separator line=""]

    line : "yes"

    see demo

  3. Tabs Shortcode

    [tabs]
    [tab title="title1"] ....your text here.... [/tab]
    [tab title="title2"] ....your text here.... [/tab]
    [/tabs]

    see demo

  4. Toggles Shortcode

    [toggles]
    [toggle title="toggle1"] ....your text here.... [/toggle]
    [toggle title="toggle2"] ....your text here.... [/toggle]
    [/toggles]

    see demo

  5. Pullquote Shortcode

    [pullquote position=""] ....your text here.... [/pullquote]

    position : "left" or "right"

    see demo

  6. Blockquote Shortcode

    [blockquote] ....your text here.... [/blockquote]

    see demo

  7. Dropcap Shortcode

    [dropcap type=""] ....your character here.... [/dropcap]

    type : "circle", "square", "default"

    see demo

  8. Highlight Shortcode

    [highlight type="grey"] ....your text here....[/highlight]

    type : "grey", "black"

    see demo

  9. Pre Tag Shortcode

    [pre] html/php tag here [/pre]

    see demo

  10. Bullet List Shortcode

    [list type="plus"] list here... [/list]

    type : "plus", "check", "down", "cross"

    see demo

  11. Content Box Shortcode

    [contentbox link="link url" buttontext="button text here"] ... Your Content Here ... [/contentbox]

    see demo

back to top

 

13. Other Settings

a) Theme Options

Some settings that you can change easily through theme options. Moreover, we have 5 parts of Options.

b) All Images Size

Images size used in this theme:

  1. slider-home-image: 940px × 464px
  2. slider-home-thumb: 70px × 50px
  3. blog-post-image: 610px x 253px
  4. portfolio-image-col1: 940px x 250px
  5. portfolio-image-col2: 455px x 224px
  6. portfolio-image-col3: 292px x 190px
  7. portfolio-image-col4: 212px x 140px
  8. portfolio-gallery: 608px x 408px

c) Featured Images

You can 'upload' and 'set featured image' for portfolio and slider. This featured image will be used as thumbail.

  1. When adding a new post, you will see in the right side area the 'Featured Image' box.
  2. Click the 'Set featured image' link.
  3. You will see the wordpress media uploader window show up.
  4. Select image to upload.
  5. After upload you will see the image information.
  6. Click the 'Use as fetured image' link in the bottom.
  7. Done, just close the window.
  8. If you want to use this image as post image, just click the 'Insert into Post' button.

 


back to top