USER GUIDE Documentation - WordPress · Here is a guide how to install a WordPress theme from the WordPress Admin Panel. Step 1. Save theme zip file on your computer After choosing

1

TISHONATOR

USER GUIDE Documentation

2

TISHONATOR

Contents USER GUIDE ......................................................................................................................................................... 1

Documentation .................................................................................................................................................... 1

Theme Installation ............................................................................................................................................... 3

Theme Options Overview ..................................................................................................................................... 8

Header Logo ...................................................................................................................................................... 14

Customize Options ............................................................................................................................................. 16

Menus ............................................................................................................................................................... 21

Contact Form Template ...................................................................................................................................... 23

Clients, Testimonials, Projects ............................................................................................................................ 25

Homepage ......................................................................................................................................................... 28

Customize Theme Colors .................................................................................................................................... 30

Translate a Theme ............................................................................................................................................. 32

3

TISHONATOR

Theme Installation

Here is a guide how to install a WordPress theme from the WordPress Admin Panel. Step 1. Save theme zip file on your computer After choosing a theme and placing an order from the tishonator.com site, you should receive an email from us with a download link. Open the email, click on the theme zip link and save the file on your computer:

Step 2. Log in your WordPress admin panel, from right menu navigate to Appearance -> Themes page

https://tishonator.com/wp-content/uploads/2015/03/install-wp-theme-1.png


4

TISHONATOR

Step 3. Click on the ‘Add New’ button

Step 4. Click on the ‘Upload Theme’ button



5

TISHONATOR

Step 5. Click on the ‘Browse’ button

Step 6. Choose the theme zip file from your computer (which was downloaded from Step. 1)



6

TISHONATOR

Note: Sometimes, the theme zip file could exceed the maximum allowed size for the uploaded files, in that cases the following error will be displayed: The uploaded file exceeds the upload max_filesize directive in php.ini. Instead of updating php.ini file (sometime you don’t have access to modify it), you can resolve the issue by: 1) Unzip the theme zip file, locally on your computer 2) Open the unzipped theme folder, navigate to YourThemeFolder/images/slider/ and DELETE all of the slider images files (i.e. 1.jpg, 2.jpg, 3.jpg, 4.jpg, and 5.jpg). 3) Zip the YourThemeFolder (after the files from step 2) are deleted) to a new file, i.e. YourThemeFolder.zip 4) Upload the YourThemeFolder.zip to your WordPress admin Note: You will be able to re-set the slider images file (after activating your time) by navigating to Admin Panel -> Left Menu -> Appearance -> Customize -> Slider section.

Step 7. Click on ‘Install Now’ button


7

TISHONATOR

Step 8. Click on the ‘Activate’ link

That’s All, your new theme is now installed and ready to use

Last Updated: October 4th, 2015



8

TISHONATOR

Theme Options Overview

Every theme from us comes with standard Theme Options. You can access them by:

1. Install and activate a Premium Theme from us. 2. Login to your Admin Panel 3. Navigate to Left Menu -> Appearance -> Customize

4. The newly opened page contains Left Menu with different Sections and a preview screen (if you apply a change in the left menu, the new change will be displayed in the preview screen).

5. You can change some of the theme options from the left menu.

6. Click on ‘Save & Publish’ button to apply the changes to your website.

https://tishonator.com/wp-content/uploads/2015/09/admin-customizer-1.png

9

TISHONATOR

Here’s more information about the different Customize sections:

1. ‘General’ Sections contains different options:

Website Layout – you can choose between ‘wide’ and ‘boxed’

Code before </head> tag – Sometimes it’s necessary to add some code before head closing tag, i.e. Google Webmaster Tools verification code. It can be done easy from theme options instead of editing theme files – juts enter your code in this text area and save changes.

Code before </body> tag – The entered code here will be added before the body closing tag of your website.

Tracking Code (i.e. Google Analytics) – A separated text area where you can add your tracking javascript code.

Show Author Info After Single Posts – When it’s checked the Author Info Box (a box with information about an author) after all single posts.

Show Social Sharing After Single Posts – When it’s checked a list with social icons for sharing will be displayed after single post pages.

Show Author Info After Single Pages – When it’s checked the Author Info Box after all single pages.

Show Social Sharing After Single Pages – When it’s checked a list with social icons for sharing will be displayed after single pages pages.

Display Author Links for Posts – the author link will be displayed to the posts content.

Display Author Links for Pages – the author link will be displayed to the pages content.

2. ‘Colors’ Section – contains options to customize the theme colors. You can learn more in Customize Theme Colors article.

3. ‘Header Image (Logo)’ Section – contains options to customize your website header logo. You can learn more in Header Logo article.

4. ‘Header and Footer’ Section – contains different options to customize your website’s header and footer:

Display Social Icons in Header – when it’s checked the social icons (with URLs set in ‘Social’ Section) will be displayed in your website header.

Open Header Social Icons in a new window – when it’s checked the header social sites URLs will opened in new windows.

Show Breadcrumb in Header – when it’s checked a breadcrumb will be displayed in the page header section in your website

Page Header Background Image – you can customize the page header section by setting a background image to it.

Number of Columns in Footer – you can choose between none, 1, 2, 3, and 4 columns to be displayed in your website footer.

Display Social Icons in Footer – when it’s checked the social icons (with URLs set in ‘Social’ Section) will be displayed in your website footer.

Open Footer Social Icons in a new window– when it’s checked the footer social sites URLs will opened in new windows.

Copyright Text in Footer – the Copyright text that will be displayed in your website footer.

https://tishonator.com/customize-theme-colors


https://tishonator.com/header-logo

10

TISHONATOR

5. ‘Home Page’ Section – contains options to customize your website homepage:

Display Slider – when it’s checked the Slider will be displayed.

Display Latest Posts – when it’s checked the latest post (or static page content) will be displayed.

Display Sidebar – when it’s checked the sidebar widget area will be displayed.

Number of Columns – you can choose between none, 1, 2, 3, and 4 columns to be displayed in your website homepage.

Homepage Above Columns Background Image – image to be add as a background to the Above Columns Widget Area.

Homepage Above Columns Background Image Fix Position – when it’s checked the background image of Above Columns Widget Area while scrolling.

Homepage Columns Background Image – image to be add as a background to the Homepage Columns Widget Area.

Homepage Columns Background Image Fix Position – when it’s checked the background image of Homepage Columns Widget Area while scrolling.

Homepage Below Columns Background Image – image to be add as a background to the Homepage Below Columns Widget Area.

Homepage Below Columns Background Image Fix Position – when it’s checked the background image of Homepage Below Columns Widget Area while scrolling.

6. ‘Slider’ Section – contains options to customize your homepage slider:

Slider Height (Large Resolution) – the slider height in pixels for large screen resolution (screen width larger than 800 px).

Slider Height (Small Resolution) – the slider height in pixels for small screen resolution (screen width lower than 800 px).

Display slide #1 in the slider – when it’s checked the slide No. 1 will be displayed to the slider.

Slide #1 Title in the slider – title of the slide No. 1

Slide #1 Text in the slider – text of the slide No. 1

Slide #1 URL in the slider – URL of the slide No. 1

Slide #1 URL Text in the slider – the link text of the URL in slide No. 1











11

TISHONATOR

7. ‘Social Sites’ Section – contains settings for your social sites:

Facebook – when the URL is set, the Facebook icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Google+ – when the URL is set, the Google+ icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Twitter – when the URL is set, the Twitter icon will in add when the social sites are displayed (header, footer, widgets, etc.)

LinkedIn – when the URL is set, the LinkedIn icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Instagram – when the URL is set, the Instagram icon will in add when the social sites are displayed (header, footer, widgets, etc.)

RSS Feeds – when the URL is set, the RSS Feeds icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Tumblr – when the URL is set, the Tumblr icon will in add when the social sites are displayed (header, footer, widgets, etc.)

YouTube channel – when the URL is set, the YouTube icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Pinterest – when the URL is set, the Pinterest icon will in add when the social sites are displayed (header, footer, widgets, etc.)

VK – when the URL is set, the VK icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Flickr – when the URL is set, the Flickr icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Vine – when the URL is set, the Vine icon will in add when the social sites are displayed (header, footer, widgets, etc.)

8. ‘Lightbox’ Section – contains options to customize the built-in Lightbox functionality:

Globally Enable Lightbox functionality – when it’s checked the Lightbox will be enabled to your website.

Enable on Home Page – when it’s checked the Lightbox will be enabled in your website homepage.

Enable on Blog Index Page – when it’s checked the Lightbox will be enabled in your blog index page.

Enable on Posts – when it’s checked the Lightbox will be enabled in your posts pages.

Enable on Pages – when it’s checked the Lightbox will be enabled in your website pages.

Enable on Archive – when it’s checked the Lightbox will be enabled in your website archive pages.

Group Items – when it’s checked the Lightbox images will be grouped when they are displayed with the script.

12

TISHONATOR

9. ‘Thumbnails’ Section – contains options to customize the posts thumbnails:

Globally Enable Thumbnails functionality – when it’s checked the thumbnails will be added to the posts display.

Thumbnail image size in Index Pages – you can choose between ‘none’, ‘thumbnail’, ‘medium’, ‘large’, and ‘full’ sizes of thumbnail images to be displayed in posts index pages.

Link Thumbnails to Single Post URLs – when it’s checked the thumbnail image will link to the corresponding post.

Display in Single Post – when it’s checked the thumbnails will be added to the post pages.

10. Thumbnail image size in Single Posts – you can choose between ‘none’, ‘thumbnail’, ‘medium’, ‘large’, and ‘full’ sizes of thumbnail images to be displayed in posts single pages. ‘Contacts’ Section – contains options to customize the contact details in your website:

Center Google Map Latitude – the latitude coordinate of the contacts map (added in Contacts Page template and Google Map widget).

Center Google Map Longitude – the longitude coordinate of the contacts map (added in Contacts Page template and Google Map widget).

Office #1 Name – the name of Office No. 1 listed in the Contacts Widget.

Office #1 Latitude – the latitude coordinate of Office No. 1 displayed as marker in the Google Map.

Office #1 Longitude – the longitude coordinate of Office No. 1 displayed as marker in the Google Map.

Office #1 Address – the address of Office No. 1 listed in the Contacts Widget.

Office #1 Phone – the phone of Office No. 1 listed in the Contacts Widget.

Office #1 Email – the email of Office No. 1 listed in the Contacts Widget.













13

TISHONATOR

11. ‘404 Not Found Page’ – contains options to customize the Not found page:

Image – an image to be displayed to the Not found page.

Title – the title to be displayed to the Not found page.

Content – the content to be displayed to the Not found page.

12. ‘WooCommerce’ – contains options to customize the WooCommerce settings:

Display WooCommerce Sidebar – when it’s checked the WooCommerce sidebar will be displayed in the Shop page.

Products per Page – the number of the products to be displayed per page of the Shop page

14

TISHONATOR

Header Logo

You can easily customize your website logo:

1. Login to your Admin Panel 2. Navigate to Left Menu -> Appearance -> Customize 3. Open ‘Header Image (Logo)’ Section 4. In Current header -> Click on ‘Add new Image’

then upload (or select) a logo image for your website 5. Click on ‘Save & Publish’ button

You can also customize the size of your website logo under different screen resolutions:

1. Login to your Admin Panel

2. Navigate to Left Menu -> Appearance -> Customize

3. Open ‘Header Image (Logo)’ Section

4. Scroll down and enter values in:

Header Image Width (in pixels) for Small Resolution (screen width smaller than 360px) Header Image Width (in pixels) for Medium Resolution (screen width between 360px and 800px) Header Image Width (in pixels) for Large Resolution (screen width between 800px and 1200px)

Header Image Width (in pixels) for Large Resolution (screen width larger than 1200px)

15

TISHONATOR

5. Click on ‘Save & Publish’ button Last Updated: September 29th, 2015

16

TISHONATOR

Customize Options

Here’s more information about the different Customize sections:

1. ‘General’ Sections contains different options:

Website Layout – you can choose between ‘wide’ and ‘boxed’

Code before </head> tag – Sometimes it’s necessary to add some code before head closing tag, i.e. Google Webmaster Tools verification code. It can be done easy from theme options instead of editing theme files – juts enter your code in this text area and save changes.

Code before </body> tag – The entered code here will be added before the body closing tag of your website.

Tracking Code (i.e. Google Analytics) – A separated text area where you can add your tracking javascript code.

Show Author Info After Single Posts – When it’s checked the Author Info Box (a box with information about an author) after all single posts.

Show Social Sharing After Single Posts – When it’s checked a list with social icons for sharing will be displayed after single post pages.

Show Author Info After Single Pages – When it’s checked the Author Info Box after all single pages.

Show Social Sharing After Single Pages – When it’s checked a list with social icons for sharing will be displayed after single pages pages.

Display Author Links for Posts – the author link will be displayed to the posts content.

Display Author Links for Pages – the author link will be displayed to the pages content.

2. ‘Colors’ Section – contains options to customize the theme colors. You can learn more in Customize Theme Colors article.

3. ‘Header Image (Logo)’ Section – contains options to customize your website header logo. You can learn more in Header Logo article.

4. ‘Header and Footer’ Section – contains different options to customize your website’s header and footer:

Display Social Icons in Header – when it’s checked the social icons (with URLs set in ‘Social’ Section) will be displayed in your website header.

Open Header Social Icons in a new window – when it’s checked the header social sites URLs will opened in new windows.

Show Breadcrumb in Header – when it’s checked a breadcrumb will be displayed in the page header section in your website

Page Header Background Image – you can customize the page header section by setting a background image to it.

Number of Columns in Footer – you can choose between none, 1, 2, 3, and 4 columns to be displayed in your website footer.

Display Social Icons in Footer – when it’s checked the social icons (with URLs set in ‘Social’ Section) will be displayed in your website footer.



https://tishonator.com/header-logo

17

TISHONATOR

Open Footer Social Icons in a new window– when it’s checked the footer social sites URLs will opened in new windows.

Copyright Text in Footer – the Copyright text that will be displayed in your website footer.

5. ‘Home Page’ Section – contains options to customize your website homepage:

Display Slider – when it’s checked the Slider will be displayed.

Display Latest Posts – when it’s checked the latest post (or static page content) will be displayed.

Display Sidebar – when it’s checked the sidebar widget area will be displayed.

Number of Columns – you can choose between none, 1, 2, 3, and 4 columns to be displayed in your website homepage.

Homepage Above Columns Background Image – image to be add as a background to the Above Columns Widget Area.

Homepage Above Columns Background Image Fix Position – when it’s checked the background image of Above Columns Widget Area while scrolling.

Homepage Columns Background Image – image to be add as a background to the Homepage Columns Widget Area.

Homepage Columns Background Image Fix Position – when it’s checked the background image of Homepage Columns Widget Area while scrolling.

Homepage Below Columns Background Image – image to be add as a background to the Homepage Below Columns Widget Area.

Homepage Below Columns Background Image Fix Position – when it’s checked the background image of Homepage Below Columns Widget Area while scrolling.

6. ‘Slider’ Section – contains options to customize your homepage slider:

Slider Height (Large Resolution) – the slider height in pixels for large screen resolution (screen width larger than 800 px).

Slider Height (Small Resolution) – the slider height in pixels for small screen resolution (screen width lower than 800 px).











Display slide #10 in the slider – when it’s checked slide No. 10 will be displayed to the slider.




18

TISHONATOR


7. ‘Social Sites’ Section – contains settings for your social sites:

Facebook – when the URL is set, the Facebook icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Google+ – when the URL is set, the Google+ icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Twitter – when the URL is set, the Twitter icon will in add when the social sites are displayed (header, footer, widgets, etc.)

LinkedIn – when the URL is set, the LinkedIn icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Instagram – when the URL is set, the Instagram icon will in add when the social sites are displayed (header, footer, widgets, etc.)

RSS Feeds – when the URL is set, the RSS Feeds icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Tumblr – when the URL is set, the Tumblr icon will in add when the social sites are displayed (header, footer, widgets, etc.)

YouTube channel – when the URL is set, the YouTube icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Pinterest – when the URL is set, the Pinterest icon will in add when the social sites are displayed (header, footer, widgets, etc.)

VK – when the URL is set, the VK icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Flickr – when the URL is set, the Flickr icon will in add when the social sites are displayed (header, footer, widgets, etc.)

Vine – when the URL is set, the Vine icon will in add when the social sites are displayed (header, footer, widgets, etc.)

8. ‘Lightbox’ Section – contains options to customize the built-in Lightbox functionality:

Globally Enable Lightbox functionality – when it’s checked the Lightbox will be enabled to your website.

Enable on Home Page – when it’s checked the Lightbox will be enabled in your website homepage.

Enable on Blog Index Page – when it’s checked the Lightbox will be enabled in your blog index page.

Enable on Posts – when it’s checked the Lightbox will be enabled in your posts pages.

Enable on Pages – when it’s checked the Lightbox will be enabled in your website pages.

Enable on Archive – when it’s checked the Lightbox will be enabled in your website archive pages.

Group Items – when it’s checked the Lightbox images will be grouped when they are displayed with the script.

19

TISHONATOR

9. ‘Thumbnails’ Section – contains options to customize the posts thumbnails:

Globally Enable Thumbnails functionality – when it’s checked the thumbnails will be added to the posts display.

Thumbnail image size in Index Pages – you can choose between ‘none’, ‘thumbnail’, ‘medium’, ‘large’, and ‘full’ sizes of thumbnail images to be displayed in posts index pages.

Link Thumbnails to Single Post URLs – when it’s checked the thumbnail image will link to the corresponding post.

Display in Single Post – when it’s checked the thumbnails will be added to the post pages.

Thumbnail image size in Single Posts – you can choose between ‘none’, ‘thumbnail’, ‘medium’, ‘large’, and ‘full’ sizes of thumbnail images to be displayed in posts single pages.

10. ‘Contacts’ Section – contains options to customize the contact details in your website:

Center Google Map Latitude – the latitude coordinate of the contacts map (added in Contacts Page template and Google Map widget).

Center Google Map Longitude – the longitude coordinate of the contacts map (added in Contacts Page template and Google Map widget).



















20

TISHONATOR

11. ‘404 Not Found Page’ – contains options to customize the Not found page:

Image – an image to be displayed to the Not found page.

Title – the title to be displayed to the Not found page.

Content – the content to be displayed to the Not found page.

12. ‘WooCommerce’ – contains options to customize the WooCommerce settings:

Display WooCommerce Sidebar – when it’s checked the WooCommerce sidebar will be displayed in the Shop page.

Products per Page – the number of the products to be displayed per page of the Shop page.

21

TISHONATOR

Menus

Header Menu You can customize the header menu:

1. Login to your Admin Panel 2. Navigate to Left Menu -> Appearance -> Menus 3. In the ‘Menu Structure’ add and order the necessary menu items 4. In ‘Menu Name’ enter a Menu name i.e. ‘main menu’ 5. In Menu Settings -> Theme locations -> Check the ‘primary menu’ checkbox:

6. Click on ‘Save Menu’

Now, the menu will appear in your website header menu. Footer Menu

22

TISHONATOR

You can display the footer menu by:

1. Admin Panel -> Left Menu -> Appearance -> Customize -> Header and Footer Section, check the ‘Display Footer Menu’ checkbox:

2. In Admin Panel -> Left Menu -> Appearance -> Menu, create and mark a menu as a ‘footer menu’:

Last Updated: September 29th, 2015

23

TISHONATOR

Contact Form Template

All of our Premium WordPress Themes come with a built-in Contact Form included in a separate page template. You can easily add the contact form you an existing page:

1. Create new or open an existing page 2. Right Column -> Page Attributes -> Template -> Select ‘Contact Page’

3. Cick on ‘Publish’ (or ‘Update’) button to save the changes

4. Now when you open the Page, the contact form will be displayed:

24

TISHONATOR

Note: When the contact form is filled and submitted, it will send an email to the Admin Email (which is set to Admin Panel -> Left Menu -> Settings -> General -> Email Address). You can customize the Top Area (where the Google Map is displayed by default) and the Right Sidebar (with the list of Offices and Social Sites):

1. Navigate to Admin Panel -> Left Menu -> Appearance -> Widgets 2. Drag Widgets to ‘Contacts Top’ and ‘Contacts Sidebar’ Widget Areas

Note: The widget dragged into the ‘Contacts Top’ and ‘Contacts Sidebar’ Widget Areas will be displayed instead of the default content. So, if you still want to display social sites into the right widget area, you will have to drag the ‘Social Sites’ to the ‘Contacts Sidebar’ Widget Area. You can also add a CAPTCHA to your Contact Form:

1. Download the Really Simple CAPTCHA PluginSource: https://wordpress.org/plugins/really-simple-captcha/

2. Upload the plugin to Your WordPress site (Admin Panel -> Left Menu -> Plugins -> Add New) 3. Install and Activate the plugin.

Last Updated: September 29th, 2015

https://wordpress.org/plugins/really-simple-captcha/

https://wordpress.org/plugins/really-simple-captcha/

25

TISHONATOR

Clients, Testimonials, Projects

All of our Premium Themes come with three built-in post types: Clients, Testimonials, and Projects: Clients To add a new Client:

1. Log in your WordPress Admin panel 2. From Left menu, choose Client -> Add New

3. Fill the necessary Fields such as Title, Client Link, and a Feature Image

26

TISHONATOR

4. Click ‘Publish’ Button

You can display information about Clients in your website with the ‘Clients’ widget:

1. Log in your WordPress Admin panel. 2. From Left menu, Navigate to Appearance -> Widgets 3. Add the ‘Clients’ Widget to some of the available widget areas

Testimonials You can add people’s opinions about your website and work by adding Testimonials. To add a new testimonial:

1. Log in your WordPress Admin panel. 2. From Left menu, choose Testimonials -> Add New 3. Fill the necessary Fields such as Title, Content, Feature Image, Person’s Name, Position in Company,

Company Name, and Client Link. 4. Click ‘Publish’ Button.

You can display your latest testimonials with the Testimonials widget:

1. Log in your WordPress Admin panel. 2. From Left menu, Navigate to Appearance -> Widgets 3. Add the ‘Testimonials’ Widget to some of the available widget areas

Projects You can information about your work by adding ‘Project’ post types. To add a new project:

1. Log in your WordPress Admin panel. 2. From Left menu, choose Projects -> Add New 3. Fill the necessary Fields such as Title, Content, Client, Company, Link, Project Category, and a

Feature Image. Note: You can define project categories by choosing from Left menu -> Projects -> Project Types.

4. Click ‘Publish’ Button.

You can display information about Projects in your website with the ‘Recent Projects’ widget:

1. Log in your WordPress Admin panel. 2. From Left menu, Navigate to Appearance -> Widgets 3. Add the ‘Recent Projects’ Widget to some of the available widget areas

27

TISHONATOR

Or you can list your projects in a separate page:

1. Create new or open an existing page

2. Right Column -> Page Attributes -> Template -> Select some of the Portfolio Templates:

‘Portfolio 1 Column’ – displays projects by one per row.

‘Portfolio 2 Columns’ – displays projects by two per row.

‘Portfolio 3 Columns’ – displays projects by three per row.

‘Portfolio 4 Columns’ – displays projects by four per row.

3. Click on ‘Publish’ (or ‘Update’) button to save the changes

4. Now when you open the Page, the Projects will be listed there

Sometimes you may have an issue with not working links of the project pages. No worries, it can be easily resolved:

1. Login to your Admin Panel 2. Navigate to Left Menu -> Settings -> Permalinks, then select ‘Default’ radio button, scroll down and

click on ‘Save Changes’ button. 3. Open the same page (Navigate to Left Menu -> Settings -> Permalinks) then choose the previous

selected radio button (Post name, Custom Structure, etc.), scroll down and click on ‘Save Changes’ button. It should resolved the issue

Note: The issue could be caused by flush_rewrite_rules function call, Learn More. We do NOT use this function to our themes. So, it could be called by some plugin’s code. You can try to de-active your plugins (one by one) and check if the issue with links is resolved (in this way, you will find out which of the plugins causes the issue). Last Updated: September 29th, 2015

https://codex.wordpress.org/Function_Reference/flush_rewrite_rules

28

TISHONATOR

Homepage

Here is a guide how to setup your Homegage to looks like the Homepages of our premium themes demo: I. Upload and Activate Your Premium Theme from Us The first step is to upload the theme you’ve already purchased from us and activate it on your WordPress website – Install WordPress Theme contains all of the necessary steps. If you haven’t install and activate a premium theme from us, please follow the steps from the tutorial first. II. Setup Testimonials, Clients, and Projects All of out Premium Themes come with three built-in post types: Clients, Testimonials, and Projects. If you are not sure how to add new clients, testimonials, and projects, you can check this tutorial: Clients, Testimonials, and Projects. III. Theme Settings There are a few Theme Settings that need to apply to make your HomePage looks same as once from the demo website: 1) Log in to your admin panel and navigate to Left Menu -> Appearance -> Customize 2) Open ”Home Page’ Section 3) Uncheck ‘Display Latest Posts’ checkbox 4) Uncheck ‘Display Sidebar’ checkbox 5) Upload image for ‘Homepage Columns Background Image’ 6) Check the ‘Homepage Columns Background Image Fix Position’ checkbox 7) Click on ‘Save & Publish’ Button. IV. Initialize Widgets The homepage includes many widget areas (Homepage Columns, Homepage Above Columns, Homepage Below Columns, etc.)

1. Add ‘Advanced Text Content (Three Columns)’ widget to the ‘Homepage Above Columns’ widget area and fill the text fields with some content.

2. Add ‘Recent Projects’ widget to ‘Homepage Above Columns’ widget area. In ‘Number of Projects to show’ add some number i.e. 10.

3. Add ‘Testimonials’ widget to ‘Homepage Above Columns’ widget area. In ‘Number of testimonials to show’ enter some number i.e. 10.

4. Add ‘Advanced Text Content’ widget to the ‘Homepage Column #1’ widget area and some content in Text field.



https://tishonator.com/theme-installation

https://tishonator.com/clients-testimonials-projects

https://tishonator.com/clients-testimonials-projects

29

TISHONATOR


8. Add ‘Clients’ widget to the ‘Homepage Below Columns’ widget area. In ‘Number of clients to show’ enter some number i.e. 10.

That’s all. Now your homepage looks like the demo pages of our Premium themes.

30

TISHONATOR

Customize Theme Colors

All of our premium themes comes with built-in options to customize the theme colors. It can be done easily:

1. After you have installed and activated a Premium theme from us, Login to your Admin Panel

2. Navigate to Left Menu -> Appearance -> Customize

3. Open the Colors Section

4. The left menu contains the different color options. Select desired color(s) in the colo controls. Note: After change a color value, the preview screen will be refreshed with the newly selected color.

5. Click on ‘Save & Publish’ button

Here are the standard colors options that are included in every Premium theme from us:

Text Color – the text color of the website

Link Color – the links color of the website

Link Hover Color – the links hover color of the website

Headings Color – the headings (h1, h2, h3) color of the website

Buttons Background Color – the buttons background color of the website

https://tishonator.com/wp-content/uploads/2015/09/admin-customizer-2.png

31

TISHONATOR

Buttons Hover Background Color – the buttons hover background color of the website

Menu Background Color (Large Resolution) – background color to appear in the website main menu (Large Resolution)

Menu Hover Background Color (Large Resolution) – background color to appear in the website main menu on hover (Large Resolution)

Menu Text Color (Large Resolution) – color to appear in the website main menu text (Large Resolution)

Menu Text Hover Color (Large Resolution) – color to appear in the website main menu text on hover (Large Resolution)

Menu Background Color (Small and Medium Resolution) – background color to appear in the website main menu (Small and Medium Resolution)

Menu Drop Down Background Color (Small and Medium Resolution) – background color to appear in the website drop down main menu (Small and Medium Resolution)

Menu Drop Down Text Color (Small and Medium Resolution) – color to appear in the website drop down main menu text (Small and Medium Resolution)

Menu Drop Down Text Hover Color (Small and Medium Resolution) – color to appear in the website drop down main menu text hover (Small and Medium Resolution)

Footer Background Color – color to appear in the website footer background

Footer Text Color – color to appear in the website footer text

Footer Link Color – color to appear in the website footer links

Footer Link Hover Color – color to appear in the website footer links on hover Last Updated: October 6th, 2015

32

TISHONATOR

Translate a Theme

All of the themes we provide (both free and premium) are translation ready. It means that you can easily translate your WordPress theme in your local language. Here are the exact steps you need to perform:

1. Download and Install Poedit

Poedit is a Free translations editor, you can download it from HERE. It’s available for Windows, OS X, and Linux.

2. Create New Calalog file

After you have installed Poedit, run the program From top menu, navigate to File -> ‘New Catalog from POT File…’ From the opened Dialog, navigate to YourThemeFolder/languages Select the pot file Click on ‘Open’ button:

http://poedit.net/download

33

TISHONATOR

In the new Dialog, fill the Language field with the language you intend to translate your theme, i.e. Bulgarian:

Save the catalog PO file in YourThemeFolder/languages folder. Note: The file name the PO file should be chosen according to the language you want to select, i.e. if we want to translate the catalogue file to Bulgarian, we should save it as bg_BG.po.

The naming convention of the .po files is based on the ISO-639 language code (e.g. pt for Portuguese) followed by the ISO-3166 country code (e.g. _PT for Portugal or _BR for Brazil). So, the Brazilian Portuguese file would be called pt_BR.po, and a non-specific Portuges file would be called pt.po. Complete lists of codes can be found at (country codes) and (language codes)

http://www.gnu.org/software/gettext/manual/html_chapter/gettext_16.html#Country-Codes

http://www.gnu.org/software/gettext/manual/html_chapter/gettext_16.html#Language-Codes

34

TISHONATOR

Then you’ll see a grid with two columns: in the left column the English text, in the right column will be displayed the translated text. Select a text to translate, in the bottom of the program, enter its translation:

Once you’re ready, Save changes. Then upload the newly created po and mo files form YourThemeFolder/languages to YourWordPressServerFolder/wp-content/themes/YourThemeFolder/languages.

3. Change Language in your WP Admin

Login to your WordPress Admin and Navigate to Left Menu -> Settings -> General -> Select ‘Site Language’ and click on ‘Save Changes’ Button.

35

TISHONATOR

That’s All Now, you can open your site and the translated text from the catalog file should be displayed:

Last Updated: October 4th, 2015

Documents

USER GUIDE Documentation - WordPress · Here is a guide how to install a WordPress theme from the WordPress Admin Panel. Step 1. Save theme zip file on your computer After choosing