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 esteem.zip file
- 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
- Click Save Menu after adding required pages, categories in the menu
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. 🙂
Site Identity
Site Identity
- Go to Appearance > Customize > Site Identity > Logo in the WordPress menu
- Now, Upload the custom logo from the Select Logo button there.
Recomanded size of logo is 80 X 80 Pixels.
- To show the logo follow instruction in Header Settings section
Header Settings
Logo Options
- After uploading logo from Site Identity section, go to Appearance > Customize > Header > Show, the Show logo only or Show text only or Show both or Disable check-box need to be checked to show the logo in header.
- Now, click on Save & Publish button.
Header Promo Box
- Go to Appearance > Customize > Header in the WordPress menu
- Now, enter the primary and secondary slogan text at the same time to display button enter button text and button redirect link.
- Now, click on Save & Publish button.
Header Top Bar
- Go to Appearance > Customize > Header > Activate Header Top Bar and check it to enable the top section in header.
- Now, Go to Appearance > Customize > Header > Header Info Text and enter your text information to display.
- Now, click on Save & Publish button.
Header Image
Steps
- 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 1400 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.
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
See the image for a better view of Business Template.
- Business Page Sidebar
You just need to add some widgets in Business Page Sidebar 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
- TG: Call to Action
- TG: Testimonials
- TG: Featured Widget
- TG: Featured Posts
- TG: Our Clients
- TG: Fun Facts
Add this widget to Business Page Sidebar. In this widget, select any of your page in the drop down option. There are three page drop-down options within it. The title, description, featured image and choose icon from the icon class dropdown option of that same pages that you select will be shown.
Add this widget to Business Page Sidebar. In this widget, add the first and second title line, button text, button redirect link and all is done.
Add this widget to Business Page Sidebar. In this widgets, add the title, name, image link, Testimonial Description, byline, company, company link, and all is done.
Add this widget to Business Page Sidebar. In this widget, add the title and select any of your page in the drop down option. There are four page drop-down options within it. The featured image and title of that same page that you select will be shown.
Add this widget to Business Page Sidebar.This widget display your latest/featured posts. In this widget, enter the Title and Select the number of posts to display from either the Latest Posts or Posts from the certain Category. If you choose to Show posts from a category than enter the Category from the Drop-down option.
Add this widget to Business Page Sidebar. In this widgets, add the title, image path link, image redirect link, hover title and all is done.
Add this widget to Business Page Sidebar. In this widgets, add the title, fact number, fact detail, icon class and all is done.
- 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.
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 Box
- Esteem have Custom CSS Box which will ease your work if you need to add CSS in your site. Note: It will strip all the tags. Also, we strongly recommend not to edit the code in the theme’s file. All you changes will be lost if you update the theme. Use child theme instead.
Additional Options
Other Theme Related options
- 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 Drop-down. Select Contact Page Template
- Copy the contact form 7 shortcode and paste it in this page.
- Click on Publish.
How to Setup Blog page?
Steps
- First go to Settings->Reading->Front Page displays->A static page (select below).
- Now from Posts page: dropdown select any page where you like to show blog post.
- Click Save Changes.
- Now if you want further options then go to Appearance->Customize->Design->Blog Posts display type.
- Choose Large Featured Image for large image with excerpt text.
- Choose Small Featured Image for medium image with excerpt text.
- Choose Full Content for showing full content without the featured images and readmore
- Now go to Appearance->Menu and select the blog page you choose in step 2 as menu
- See all blog demo here Demo
Supported Plugins
Plugins Supported
- Social Icons plugin by ThemeGrill
- Easy Social Sharing plugin by ThemeGrill
- Contact Form 7 plugin
- WP-PageNavi plugin
- Breadcrumb NavXT 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*560
- Recommended image size for Featured Post (large) – 642*300
- Recommended image size for Featured Post (medium) – 306*205
- Recommended image size for TG: Featured Widget – 350*316
- Recommended image size for TG: Services – 600*330
- Recommended image size for TG: Team Widget – 306*205
- Recommended image size for TG: Testimonial – 80*80