This documentation covers installing and setup your theme and how to use theme features. It assumes that you already have a domain name (E.g. example.com) and web hosting service that WordPress has been installed on it. If you don’t know how to set up a WordPress check the Famous 5 Minute Install.
If you’ve already installed WordPress and have bought the theme, sign in to My Account page (under Buy Theme menu) in order to download your theme. Among other things “My Account” page lists the themes you’ve purchased. Click “Download” button to access theme related files and documentation.
Click “Download Theme File” to download the theme as a zip file. Theme License / Product Key that will be asked during theme setup is also located in Download button menu.
Option 1 : WordPress Theme Installer
The most convenient and easiest way to install your theme is to use WordPress Theme Installer.
Sign in to your WordPress’ admin area and go to “Appearance > Themes”. You’ll find the list of themes that have already been installed to your WordPress. Click to “Add New” button which is located right beside the “Themes” title.
Next page will be listing the free themes that are being provided by WordPress along with Upload button that allows to upload custom themes. Click upload button and select the theme zip file that you’ve downloaded from “My Account” page.
Once the installed, you’re supposed to activate it to start using. Go back to “Appearance > Themes” and you should be able to see your theme in the installed themes list now. Simply click on “Activate” button to finalize installation.
Option 2 : Installing via FTP
This is less convenient yet another easy way to install your theme.
Some web hosting companies may keep file upload limit as low as 2MB and therefore you may not be able to install theme file via WordPress Theme Installer (You may ask your hosting provider to increase upload limit).
But there is nothing to worry about, you can still install the theme via FTP.
- First thing you need is your web hosting’s FTP credentials to connect FTP. You can ask this to your web hosting provider if you don’t know it yet.
- Afterwards, you’re supposed to use a FTP client to access and browse your website’s FTP content. We recommend to install Filezilla which is multiOS supported and free FTP client :
- Connect to your website’s FTP through Filezilla and go to “wp-content/themes” folder. Upload the unzipped theme folder (unzip the downloaded theme zip file) into themes folder.
- Once the entire theme folder is uploaded, you’re supposed to activate it. Go back to “Appearance > Themes” on your WP dashboard. You should be able to see your theme in the installed themes list now. Simply click on “Activate” button to finalize installation.
Important : Installation via FTP may require to set file permissions to 755 (read / write). Check WordPress Help for more information.
If you need any further information about installing themes please see the following article :
Get ready: understand Green Tiger.
Green Tiger types of content can be roughly divided into two types of posts: Works and Posts. You can also add a Contact Page, and an Online Shop by using two WordPress free plugins and we will get to that later. Lets start with WordPress Page “Screen Options” (find this menu on the top right corner of your Dashboard). Green Tiger does not display widgets nor sidebars unless you style it that way. Do that by changing the display value on the style.css file. We do not however provide further styling support. This is a minimal theme for Works, Posts, Pages and e-commerce all accessible through the navigation items on the corners.
When the user’s content is text heavy, we advise to either use “Pages” or the classic “Post” panel. The main difference between these two is that pages are not displayed in an archive page (where you can scroll though all of them), whilst “Posts” will generate an archive page that will display all posts in a vertical scroll page. Another difference is that a page is not divided into columns and a “Post” is. FYI: What you are reading now if a “Page” made of many blocks of text.
By adding a new post, Green Tiger will display the content in three, two or one column, depending on the window size. The user can of course place images along the flow of the text to illustrate the narrative and if the image is wider than the column it is resized to fit the width. In the end the “Posts” will look like this: http://www.greentiger.internetbravo.net/posts.
The Posts are archived and presented in a vertical scroll page.
Before going any further we strongly advise you to go ahead and create a couple of your own posts so you can have some content to work with.
If the user’s work is more image based, Green Tiger offers a “Works” backend panel to upload the images into different Works’ posts.
Make sure you have already installed the Green Tiger Works plugin before you try to create any Works.
We suggest Works’ images to be around 1200px wide for a good compromise between resolution and loading speed.
There are two types of images you can upload,
- The thumbnail image: thumbnails can be smaller than 1200px as Green Tiger will alwys resize them to 40% of the container. The totality of thumbnails will be displayed on the Works’ archive page. The Works’ archive page randomly positions the thumbnails/images in a vertical scroll page and links each of those thumbnails to their respective “Single Works” post.
- The Works’/slideshow images: will be displayed inside the single Work page. While uploading these images make sure your Attachment Display Settings are set to “Link To: Media File” and “Size: Full Size.”
You can find the image upload buttons while editing the single Works
After you have created a few Works’ posts you will be able to see all the thumbnails in the Works Archive Page. You can find it by typing your domain followed by the suffix /works: E.g. http://www.yourdomain.com/works. Here, check how this page looks with some of our content: http://www.greentiger.internetbravo.net/works/. Attention: the Works Archive Page cannot be set as the Homepage.
Contact Page & E-Commerce
To add a contact page simply use the free plugin “Contact Form 7“. Read the Getting Started with Contact Form 7 page if you run into any trouble while setting up this page.
To add an Online shop we suggest you to use Woocommerce. Like this you will not have conflictual looks on different pages. Most plugins come with their own stylesheet. Knowing this, we have styled Green Tiger to softly override Contact Form 7 and Woocommerce styles in order to make them fit perfectly on this theme. This means that these two plugins they will blend seamlessly with your website. For a step by step intro to Woocommerce please have a look at: https://www.shivarweb.com/wordpress-ecommerce-setup/.
Now that you have at least a couple of Posts and Works lets move on to organising your menus. On your “Dashboard” go to the “Appearance” menu and click “Menus”. This will prompt the page that lets you create your menus. Green Tiger is prepare to receive you menus in two different menu locations: “Header Menu” and “Footer Menu”. Lets start by creating the “Header Menu” (the setup process is almost the same as for the “Footer Menu” setup). Click on “Menu Name”, name it “Header Menu” (this is important because WordPress will atribute this class to your top menu and Green Tiger will look for its predefined classes to style your menus). Lower on your screen, check display location > “Header Menu”.
To add the Works archive page to you menu, click “Works”, then make sure select the “View All” tab, chose “Works” and click “Add to Menu”.
For the “Footer Menu” repeat the process but name the menu “Footer Menu” and chose display location “Footer Menu”. We strongly advise you not to place more than one dropdown list per menu. Feel free to place one in the Header Menu and one in the Footer Menu, not more, as the theme as not been designed to allow this.
In WordPress you can create static single pages and set them as you home page (fyi: the Page you are reading now is a Page; not a Post). Another very common practice is to set the “Posts” archive page as the Home Page. This Posts archive page will be populated by all the posts. You can change your home page by going to “Appearance” > “Customise” > “Static Front Page”. Do not worry about the look of you home page for now. You will need to create more content and more menu-items to be able to populate your screen.
Full Screen Home Page
If you wish to set a Full Screen Home Page either use the available WordPress options on the “Customise” panel under “Appearance”, or follow this steps this:
- Create a page and name it Full Screen Page
- Upload an image using the “Add Media” button on the top of the page editor
- To link this image to another page just select the image on your visual editor, click the “link” icon and type the url of the page you want your visitor to be directed after his landing on your site.
- Go to “Appearance” > “Customise” > “Static Front Page”; Chose a “Static Front Page” and then where it says “Front Page” select your recently created “Full Screen Page”.
That is it. You are all done here.
Important Note: when you set a “Static Home Page” to display at your Front Page, then your normal Posts need to have a new page to be displayed. That is easy to solve: create a page and name it “Posts” for instance, than when on the “Customise” panel, make sure you assign that specific page (i.e. “Posts”) to be your “Posts Page”. The URL for that page is, on this case www.thedomain.com/posts. You can find the right permalink for your case under the field for the page title when you are creating the page.
We have styled our captions a little bit. If you trust us just place captions under you images type this under your image code block:
<h6 id="caption">Your caption goes here</h6>
That should do the trick.
404 Error: change background image
Green Tiger come with its own 404 page. If you want to change the image that rolls on the background follow this instructions::
Go to “Appearance” > “Editor” > “Stylesheet/style.css” (look for this document on your left sidebar at the bottom). Then, next to the top, change
background-image: url('your image URL');