“Ultimate Pro” WordPress ThemeTheme Instruction

1) Installation

a) Through Dashboard

• Log in to the WordPress Dashboard.
• Go to Appearance->Themes.
• Click on Install Themes at the top.
• Click on Upload
• Browse the zip file of Ultimate Pro
• Then Click on Install Now to install the theme.

b) Manual Installation using FTP

• Download the Ultiamte Pro from your account
• Unzip ultimate-pro.zip to your Desktop.
• Using an FTP client to access your host web server. Go to /wp-content/themes/
• Upload Ultimate Pro theme to /wp-content/themes/.
• Go to Appearance->Themes and activate Ultimate Pro theme from Dashboard.

2) Custom Menus

Ultimate Pro supports custom menu you can set it through following steps.

• Go to Appearance->Menus.
• Give your menu a name and build it up using little widgets on the right.
• You can add pages, categories or custom URL’s.
• Now simply select the theme location(Primary Menu in our case) for your newly created menus using a widget on the left. Afterwards, click Save.

See Menu Help for more information.

3) Customizing sidebar with widgets

As you may have probably noticed, after installing the theme, your Left Sidebar, Right Sidebar, Business Page Section, Contact Page Sidebar, Footer-Column 1, Footer-Column 2 and Footer-Column 3, Testimonial Page Section, Services Page Section and Our Team Page Section is empty. We have provided you with an opportunity to completely customizing it to your liking with the use of WordPress Widgets

• Go to Appearance->Widgets.
• You can drag and drop widgets in each of positions.
• See Widget Help for more information.

Note: This theme has some extra widget with the theme i.e. TH:Custom Tag Cloud, TH: Featured Recent Work, TH: PromoBox, TH: Services, TH: Featured Clients/ Products, TH: Our Team and TH: Testimonial.

4) Custom Header

Ultimate Pro supports Custom Header Feature.

a) Header Image

• Go to Appearance->Header.
• Browse image from your computer and upload the image.
• Crop the Image according to your will.
• Click on Crop and Publish.
• Your website’s Header Image is now set.

5) Custom Background

Ultimate Pro supports Custom Background Feature.

• Go to Appearance->Background.
• You can either set the image or color as background.
• You can see the background preview on the same setting page.
• Click on Save Changes.

Note:The background effect will only seen if you set site layout option via Appearance > Customize > Design Options > Site Layout Options to Narrow Layout instead of Wide Layout.

6) Default Layout Configuration

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, Full Width/No Sidebar, Left Sidebar/Right Sidebar

• Go to Appearance->Customize/Theme Options->Layout Options->Content Layout.
• Check on the No Sidebar, Full Width/No Sidebar, Left Sidebar/Right Sidebar layout.
• Click on Save all Changes.

7) Specific Layout Per Post/Page Configuration

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.

• Go to Posts/Pages->All Posts/All Pages.
• Click on any Post/Page.
• You will see a box named Select layout for this specific Post only. in belower part below the text editor box. Note:If you don’t find it, you will see Screen Options, click on it and check the Select layout for this specific Post only.
• If your select Default Layout set in Theme Settings
  , the layout set in the Default Layout Configuration will be layout for this post as well.
• You can select from No Sidebar, Full Width/No Sidebar, Left Sidebar/Right Sidebar to be this post’s specific layout.
• Update the post to save the changes.

8) Set up Homepage Slider

• Go to Appearance->Customize/Theme Options->Featured Posts/Pages slider->slider options
• Set the number of sliders and other transition effects.
• Then go to featured post/page slider options below slider options
• Fill each input box with the Post/Page ID of the post/page which you want to use as slider.
• You can view Post ID by clicking Posts/Pages->All posts/pages in your Dashboard. Hover the Edit link on individual Post/Page there you can see the digit value of the Post ID.
• Remember that each post whose post/page id you are using for slider must have featured image minimum of size 978(width in px) and height (recommended 440px) according to your choice for slider image to show properly(Note: Better to use all images of same size.)
• After filling all input box with Post/Page ID click save.

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

9) Custom CSS

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

• In the dashboard. Go to Appearance->Customize/Theme Options->Design Options->Custom CSS input field.
• Write your custom CSS there.
• Click on Save All Changes.

10) Business Layout

You can show your homepage as business layout format as in our demo.

• Create a page and choose Business Template from Template drop down.
• Go to Settings->Reading settings
• Choose Front Page Display ->A static Page->Front page->Choose this page from dropdown.
• We have four custom widget especially designed for business layout home pageTH: Featured Recent Work , TH: PromoBox, TH: Services, TH: Featured Clients/ Products and TH: Testimonial
• Go toAppearance-> Widget.
• Drag and Drop any widget from below five widget (TH: Featured Recent Work, TH: PromoBox, TH: Services, TH: Featured Clients/ Products and TH: Testimonial) to Business Page Section
• Click Save

a) TH: Services Widget

TH: Services Widget can be used to showcase your services.

• Create Page, give a Title, Description
• Upload Featured image i.e. service featured image ( recommended size 460*250 )px.
• If you want to show your content in center, Check the box.
• Repeat step 1 and 2 for creating other service pages.
• Go to Appearance->Widget->TH: Services
• Drag and Drop this widget to Business Page Section
• Now select the service pages you created from the drop down

b) TH: Featured Recent Work Widget

TH: Featured Recent Work Widget can be used to showcase your Recent work, Portfolio or anyway you like.

• Create Page, give a Title, Description
• Upload Featured image
• Repeat step 1 and 2 for creating other Featured pages.
• Go to Appearance->Widget->TH: Featured Recent Work
• Drag and Drop this widget to Business Page Sidebar
• Give Title, Description, redirect Text and Redirect Url
• Now select the pages you want to show from the drop down

c) TH: Testimonial Widget

Use TH: Testimonial Widget to showcase your testimonials.

• Go to Appearance->Widget->TH: Testimonial
• Drag and Drop this widget to Business Page Section
• Fill Title, Image (recommendation size 168 * 168)px, Testimonial Description,Name and Designation in the widget
• Click Save

d) TH: PromoBox Widget

Use TH: PromoBox Widget to showcase your PromoBox.

• Go to Appearance->Widget->TH: PromoBox
• Drag and Drop this widget to Business Page Section
• Fill Background Image, Primary Promotional, Secondary Promotional, Redirect Text and Redirect Url in the widget
• Click Save

11) How to disable Page Comments

• Go to the particular page on which you want to turn off the comments from dashboard.
• Look for the Discussion box somewhere below the editor box.
• If you don’t see it, click on the screen options in the right top part and check on the discussion checkbox. Then discussion box will appear below page editor
• Uncheck Allow Comments in the Discussion box
• Click on Update.

12) How to setup contact us page

We support Contact Form 7. You can download it here.

• Create a new page and select “Contact Page Template” page template for the contact us form to show up.
• Paste the shortcode provided by Contact Form 7 plugin
• Click on Save All Changes.
• Contact Page template has its own sidebar registered. You can drag and drop any widget in Contact Page Sidebar

13) Recommended Image Sizes

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

a. Slider Image size

Width: 978px
Height: 440px

b. Featured Image per post for Blog Image Medium Template

Width: 250px
Height: 215px

c. Featured Image per post for Blog Image Large Template

Width: 978px
Height: 440px

d. Image size for Services Left Content used in Business Layout

Width: 460px
Height: 250px

e. Image size for Services Center icon used in Business Layout

Width: 100px
Height: 100px

f. Image size for Testimonials used in Business Layout

Width: 168px
Height: 168px

g. Image size for Our Team Template

Width: 300px
Height: 300px

h. Image size for Custom Gallery

Width: 475px
Height: 345px

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.

14) How to setup Blog page

You can show your Blog page in three different ways. They are large image with excerpt content, Medium image with excerpt content and full content display. You can have a look here in our demo Blog demo

• Create a new page, give it a name for example “Blog” and select page template from Template dropdown.
• Choose “Blog Image Large” for large image with excerpt text, “Blog Image Medium” for medium image with excerpt text and “Blog Full Content Display” for showing Full content.

  

• Click on Publish.
• Now all your posts will be shown as per your template selection.
• Remember the images for each of the post shown in blog layout are featured image for that particular post.

15) Set up Custom Gallery

• Go to Galleries->Add New in your dashboard.
• Add Title which will be Image title.
• Add featured image for this post.
• Click on Publish.
• If you have multiple images(other images too) to be shown. Repeat the first four steps again.
• After you are done with adding the posts in Galleries.
• Create a Page, give it title.
• On the right hand-side, click on template dropdown.
• From the dropdow, select any of from three template ( Gallery four column template, Gallery three column template, Gallery two column template )
• Click Publish button.
• Now choose this page as menu.