Getting started
Installation
Upload Theme
- Go to Appearance > Themes in the WordPress Dashboard
- Click on the Add New button
- Click on the Upload link
- Select the ample.zip file
- Click on Install Now button
Upload Theme – Pro
- Go to Appearance > Themes in the WordPress Dashboard
- Click on the Add New button
- Click on the Upload link
- Select the ample-pro.zip file you downloaded from the ThemeGrill website.
- Click on Install Now button
Activate the theme
Now, hover over the theme thumbnail and press the Activate button
Custom Menu
Set up Custom Menu
- Go to Appearance > Menus in the WordPress menu
- Click on Create a new menu link
- Give a name to your menu in Menu Name and click Create Menu button
- Now choose the pages, categories, custom links from the leftside of your screen by selecting the checkbox and click on Add Menu
- To set the Custom links, enter the URL and Link Text and click on Add Menu
Enter you URL in this formate: http://themegrilldemos.com/ample-pro-one-page/#services (http://your home page link/#Section ID used in widgets).
- Click Save Menu after adding required pages, categories in the menu
Site Identity
Site Identity
Add the required logo to best suit your site from here as shown in image below:
Header Settings
Add Header Logo
- Go to Appearance > Customize > Header > Header Logo in the WordPress menu
- Upload the custom logo from the Select Logo button there.
- To display the header logo and site title options, go to Appearance > Customize > Header > show in the WordPress menu
- Now, click on Save & Publish button.
Header Image
- Go to Appearance > Customize > Header Image in the WordPress menu
- Now, Upload the header image from the Add new image button there.
Recomanded size of header image is 1500 X 400 Pixels.
- Now after selecting the header image, it will ask you to crop. If you like to crop it, then, you can crop else leave it as you want for your site to best suit it.
- Now, click on Save & Publish button.
Header Image Positions
- Go to Appearance > Customize > Header > Header Image Position in the WordPress menu and select one of the following header positions:-
- Position Above ( Default ) :- Display the Header image just above the site title and main menu part.
- Position Below :- Display the Header image just below the site title and main menu part.
- Now, click on Save & Publish button.
Header Title Bar
- In the dashboard, go to Appearance > Customize > Header > Header Title Bar Background Image.
- Click on Upload button and select the image. The recommended width is 1100px.
- If Image is not selected than the Color will display as Background.
- You can also change the Text color of Header Title Bar.
- Click Save Options.
Home Page Slider
Steps :-
- Go to Appearance > Customize in the WordPress menu
- Now go to the Slider section.
- To activate the slider, check the Check to activate slider checkbox
- Upload the image # 1 for the first slider. Similarly, add the corresponding slider title, slider description and redirect link. You can link to a link within your site or outside of your site.
- Repeat the above step for your other slides.
- Now, click on Save & Publish button. That’s it, open your home page and it should be there. 🙂
Setup Business Template
First Step
- In the dashboard, add a new page.
- In the Page Attributes option box, choose the Business Template in the Template drop-down option.
- Publish the page. Yes, that’s it for the first step.
Second Step
- Business Sidebar Two
- Business Sidebar Three
- Business Sidebar Four
- Business Sidebar Five
You just need to add some widgets to these sidebars to setup the business template.
Third Step
Below are some widgets provided by the theme that you could use to make your business template look awesome.
- TG: Services Widget
- TG: Portfolio
- TG: Call to Action Widget
- TG: Featured Posts
- TG: Testimonials
- TG: Fun Facts
- TG: Our Clients
- TG: Team
- TG: Pricing Table
Add this widget to Business Sidebar. In this widget, add the title, description and image. Also select any of your pages in the drop down option and give the icon class for respective pages. There are 3 page dropdown options within it. The title, description and featured icon of that same pages that you select will be shown.
Add this widget to Business Sidebar. In this widget, add the title and description, select the number of posts to display from certain Category as portfolio. Add the button text and it’s link to redirect it to any link or leave the Link empty to redirect it to the choosen Category. There is also the option of background color and image. If image is not selected than color will display as background, else upload image and select background attachment to scroll or fixed.
Add this widget to Business Sidebar. In this widget, add the text line, button text, button redirect link. There is also the option of background color and image. If image is not selected than color will display as background, else upload image and select background attachment to scroll or fixed.
Add this widget to Business Sidebar. In this widget, add the title and description. Select the number of posts to display from either the Latest Posts or Posts from the certain Category. The tiitle, featured image and excerpt of posts will be shown.
Add this widget to Business Sidebar. In this widgets, add the text, name, byline, upload image and all is done.
This widget allow you to display fun title , description, icon and total number of fun count. To activate Fun Facts Widget , drag and drop this widget in Business Sidebar Area and fill all neccessary details.
Our Client Widget is basically use to display your bussiness partner logo as in horizontal style in one row. Drag the TG: Our Client Widget in the Business Sidebar Area and enter the Title, upload client logo with recetion link and hover text.
Add this widget to Business Sidebar. In this widget, add the title and description. Also select any of your pages in the drop down option and give the designation, social icon url for respective pages. The title, description, featured image, designation and social icons of that same pages that you select will be shown. There is also the option of background color and image. If image is not selected than color will display as background, else upload image and select background attachment to scroll or fixed.
Add this widget to Business Sidebar. In this widget, add the title and description. Also enter the pricing column title, price, description and features.There is also the option of color which allow you to set your individual pricing column color.
- In the dashboard, go to Settings->Reading.
- Check on the ‘Static Page’ option.
- Choose the business page (the page you created following the instruction above) as the front page.
- Save the Changes.
Setup One Page Template
First Step
- In the dashboard, add a new page.
- In the Page Attributes option box, choose the One Page Template in the Template drop-down option.
- Publish the page. Yes, that’s it for the first step.
Second Step
- In the dashboard, go to Settings->Reading.
- Check on the ‘Static Page’ option.
- Choose the One-Page page (the page you created following the instruction above) as the front page.
- Save the Changes.
Design Options
Design based settings are available in Appearance-> Customize-> Design Options.
Layout Options
- Default Layout
This layout will be reflected in whole site archives, search etc. The layout for a single post and page can be controlled from below options. - Default layout for pages only
Select default layout for pages. This layout will be reflected in all pages unless unique layout is set for specific page. To select the unique Layout for any particular page edit that page and Choose the Layout from Layout option box. - Default Layout For Single Posts Only
Select default layout for single posts. This layout will be reflected in all single posts unless unique layout is set for specific post. To select the unique Layout for any particular post edit that page and Choose the Layout from Layout option box.
Custom CSS
- Ample have Custom CSS which will ease your work if you need to add CSS in your site.
- Now, click on Save & Publish button.
Color Options
- In the dashboard, go to Appearance-> Customize-> Design Options.
- Change the color as you like under Primary color option section.
- Click Save Options.
Additional Options
Other Theme Related options
- Category to hide from Blog
By default all of the posts will display in Blog page. You can hide posts of particular Category from Blog page. - Excerpt/Full Posts Content
Display full content or short description/excerpt on your blog and archives page.
- Excerpt Length
Excerpt Length allow user to limit the number of Words you wish to show on excerpt. Default value is 40 words.
- Read More
To change the Read more text in Posts Page: Blog, archive etc.
Read More in Posts page will not appear if you choose to show Full content in the Posts Page - Footer Copyright Editor
Edit the Copyright information in your footer. You can also use shortcodes: [the-year] for current year, [site-link] for your site link, [wp-link] for WordPress site link and [tg-link] for ThemeGrill site link.
How to limit the excerpt text
Steps
- First Go to the service widget page or post in your dashboard.
- Just below the page editor you will see the excerpt box
- If you don’t see the excerpt box. Scroll to the top and you will see the screen options on the right hand side corner.
- Click it and check the Excerpt box. Now you should see the excerpt box below the editor.
- Fill the excerpt box with the desired amount of text that you want to show.
Contact Us Page
Plugin Installation
Contact us page template
- Go to dashboard, then create a page. Give it a name “Contact” or “Contact us” as you wish.
- Now on the right hand side you can see Template Dropdown. Select Contact Page Template
- Copy the contact form 7 shortcode and paste it in this page.
- Click on Publish.
Supported Plugins
Plugins Supported
- Social Icons plugin by ThemeGrill
- Easy Social Sharing plugin by ThemeGrill
- Contact Form 7 plugin
- WP-PageNavi plugin
- WooCommerce plugin
- Polylang plugin
- WPML plugin
Recommended Images
Recommended image size (width*height) used in Ample theme in px.
Recommended Image Size
- Recommended image size for Slider – 1400*600
- Recommended image size for Featured Post (large) – 710*300
- Recommended image size for Featured Post (small) – 230*230
- Recommended image size for Service Image – 450*300
- Recommended image size for Portfolio Image – 330*330
- Recommended image size for Team Widget – 330*330
- Recommended image size for Testimonial – 100*120