GreenTech

Thank you for using GreenTech to build your beautiful website. In this documentation, we will show you how to install and setup the basic demo for your website. This takes you only 5 minutes to have the website ready!

#Installation

We have written a very detailed guide on how to download and install a WordPress theme, please follow the instruction in that article.

If you use Testimonial and Portfolio on your website, you need to install the Jetpack plugin. Simply go to the Dashboard → Plugins → Add New, type the plugin name in the search box and press Enter. The plugin will appear in the list below, click Install Now button to install it. Then click Activate button to activate the plugin.

After installing Jetpack, you need to connect to WordPress.com to start using it. Simply click the green button on the top right that says Connect to WordPress.com. Login with your WordPress.com account (or create one) and click Authorize Jetpack.

Finally, go to Jetpack → Setting . Then click active moduleTestimonials and Portfolio .

#Setup

#Header Setup

Custom Logo:

You can add a custom logo by going to Customize → Site Identity and uploading your own logo image.

We recommend the size of the logo is 50×50 (px).

Navigation:

The main navigation appears at the top right of every pages of your website. On tablet and mobile devices, it will be hidden behind a toggle button. To set it up, simply create a new menu via Customize → Menus and assign it to the Primary location.

#Setting up your front page

When you first activate GreenTech, your homepage will display posts in a traditional blog format. To set up your homepage, follow these steps:

  1. Create a page.
  2. Go to the Customizer’s Static Front Page panel and set Front page displays to A static page.
  3. Select the page you created in step one as the Front page, and, if you plan to have a blog as well, choose another page as the Posts page to display your blog posts.

#Front page section

Topbar Section
GreenTech includes 2 optional widges in the topbar: Topbar Left and Topbar Right. To add widgets to the topbar, go to Customize → Widgets → Topbar Left ( or Topbar Right ).

Featured Slider
Greentech allows you to set up your pages as “featured”. They’ll be displayed in a slider under topbar section.
To set up the Featured Slider, you need to publish some pages with Featured Images and give them all the same Tag, like “featured”:

Next, go to Customize → Featured Content , and enter the tag you used in the previous step in the “Tag name” field. Click Save & Publish.

Featured Block;
We have 3 featured block section. You can use these block to add your custom link to another page, post, or another pages:

Services Section
This sections displays maximum 6 pages that you can choose in Customizer. To set it up, create a page or more, then go to Customize → Theme Options → Services Section. Here you can choose 6 pages to display.

We have 2 options to choose the centered image. You can upload your image to your website or you can use a link to the image which is stored on another website ( i.e imgur.com ).

To edit the section title, go to Customize → Theme Options → Services Section → Services Section title.

Testimonials Section
This section shows the latest 2 Testimonials. To create a Testimonial, go to Testimonials → Add and add a new one. Please note:

  • The post title should be the customer name.
  • The customer image is the featured image.
  • The image caption is the caption of featured image.

Projects section
This section shows the latest six projects from your portfolio. To create new a Portfolio project, go to Portfolio → Add, add a new project title and the desired content, and set the Featured Image. Be sure to add Project Types too, which are used to filter the projects on the Projects Page.

You can choose 2 different layout for this section: Slider and Grid.

To edit the section title, go to Customize → Theme Options → Portfolio Section → Portfolio Section Title.

Blog section
This section shows the maximum 6 latest posts.

To edit the section title (Newest Posts), go to Customize → Theme Options → Posts Section → Posts Section Title.

Call to action section
This section can display the custom HTML content of your choice. It’s a good place to add some marketing text and a call-to-action button. To edit the content, go to Customize → Theme Options → Call to Action Section Content and add your content.

Parnter section
This section displays the brands of your clients. We use a gallery of images here. To change them, go to the front page and change the image in gallery.

#Widgets

GreenTech works nicely with all the available widgets. Simply go to Customize → Widgets → Sidebar and add the widgets you like.

Beyond the default widgets, we also create a custom GreenTech: Recent Posts widget that displays recent posts with thumbnail.

#Footer

GreenTech includes one optional widget area in the footer. To add widgets to the footer, go to Customize → Widgets → Footer. The widgets will be arranged in up to three columns automatically.

#Social Links Menu

The social links menu displays at the bottom right of your website. To add social links, create another menu and add links to your social network profiles. Then assign it to the Social Menu location.

Linking to any of the following sites will automatically display its icon in your menu:

  • Codepen
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • Foursquare
  • Github
  • Google+
  • Instagram
  • Linkedin
  • Path
  • Pinterest
  • Pocket
  • Polldaddy
  • Reddit
  • Skype
  • Spotify
  • Stumbleupon
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • Vine.co
  • WordPress
  • Youtube

#Customization

We recommend using a child theme to customize the theme. Here is the guide how to do that.

In addition, you can customize the theme CSS by going to Customize → Additional CSS.

If you want to customize the fonts or colors, we have 2 powerful and easy-to-use plugin: Ultimate Fonts and Ultimate Colors that can help you do that.

If you have any question, please send us a support ticket. Good luck, businessman!