A password will be e-mailed to you.

1. Install Theme

Link Download Theme :https://wpthemeall.com/tinos-multipurpose-wordpress-theme/

1.1 Installation

– Requirements for Theme

You can click here to find out more about requirements of WordPress.

Below are three requirements for working version of WordPress, php, and mysql.

  • WordPress 4.0 or higher.
  • PHP 5.4 or higher.
  • MySQL 5 or higher.

You also need to make sure that your host can comply with follow requirements. We recommend using WP Engine or Blue Host for all your hosting needs.

  1. Your web host has the minimum requirements to run WordPress.
  2. Your host are running the latest version of WordPress.
  3. You can download the latest release of WordPress from official WordPress website.
  4. Always create secure passwords for FTP and Database.

 

– Recommended PHP Configuration Limits

Low PHP configuration limits can cause many issues. When related issues occur, you need increase your PHP limits to a minimum as follows:

  • max_execution_time 180
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

 


1.2 Theme Installation

– Install new theme manually via FTP Client

In order to add a new Theme to your WordPress installation, follow these basic steps:

      1. Download the zip package of Tinos theme in ThemeForest
      2. Unzip Tinos.zip package which you can find inside Theme files folder.
      3. Connect to your FTP server and navigate to the WordPress installation folder.

    Go to

wp-content/themes/

    1. and upload

Tinos

    folder.

  1. Open WordPress admin panel (navigate through web browser to the folder where you have installed the WordPress e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar. Activate Tinos theme.

– Install Theme via WordPress Admin Panel

Open WordPress admin panel (e.g www.your_domain.com/wp-admin/) and go Appearance > Themes on admin sidebar and click “Add New” button.

After that, click Upload Theme link and upload zip package of Tinos theme(

Once uploading theme is finished, it will install theme automatically.

You can click Activate link or go to Appearance > Themes on admin sidebar to activate theme.

1.3 Plugins Install Theme

– First method

Install plugins via “Begin installing plugins” message.

After installing and activating the theme you will see the message about installing required plugins at the top of the page.

You should click Begin Installing plugins link in order to install needed plugins for Tinos theme.

You will be redirected to Install Required Plugins page, here you will find all of the theme required plugins. In order to install these plugins, you just need to check all of them and select install then click apply.

  • Below are list of required plugins for Tinos.
  • Contact Form 7
  • Dynamic Featured Image
  • MailChimp for WordPress
  • One Page Navigator for Visual Composer
  • Regenerate Thumbnails
  • Tinos Post Types
  • Tinos Shortcodes
  • Slider Revolution
  • Redux Framework
  • Ultimate Addons for Visual Composer
  • WPBakery Visual Composer
  • WP User Avatar

– Second method

Install plugins via WordPress Admin Panel.

Besides, you can install some plugins for Tinos by navigating Plugins > Add New in admin sidebar. After that, enter plugin name to search plugin and click “Install Now“.

When installation process is done, you can click Return to Required Plugins Installer and select active then check all plugins to active these plugin.

– Third method

Install plugins manually (Via FTP)

If you want to manually install plugins, you can follow some basic steps below.

  1. Download your WordPress Plugin to your desktop and extract plugin folder if it is a zip archive.
  2. With your FTP program, upload the Plugin folder to the wp-content/plugins folder in your WordPress directory online.
  3. Go to Appearance > Plugins and find the newly uploaded Plugin in the list.
  4. Click Activate to activate it.

After finishing plugin install, you need to configure the plugins.

 


1.4 Plugin Configuration

Visual Composer for WordPress is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see changes you make.

You can see here for more details.

After installing the Visual Composer, please go to Visual Composer > Role Manager. In the post types field, you should select Custom and check ‘post’ and ‘page’ checkbox . After making the changes, remember to click Save Changes button.

Go to MailChimp for WP > MailChimp to access general setting page of MailChimp. You should connect to your mailchimp account by entering API Key.

Also, in order to make MailChimp Form work effectively, you should navigate to MailChimp for WP > Forms in admin sidebar and click Save Changes.

For detail instruction, please click MailChimp for WP.

Once Required Plugins are configured, you may be interested to install sample content as our demo sites. In the next section, we will guide you about demo installation.

 – Avatars

Go to Avatars > Settings to access general setting page of Avatars.

Interative approach to set avatar for Awesome User Experience

  • Step 1: Select “Choose images”

Step 2: when selected, will show up as pictured below. Then, select “Choose images”

You can select images that you like

  • Step 3: . After the changes, remember to click Save Changes button.

1.5 Demo Installation

– First Method

Click Tinos option in the top of admin page or in admin sidebar to access Tinos options.

Click Import in Import Dummy Content.

Note: If the process of import demo is failed, we suggest you to increase max_execution_time in php.ini.

– Second Method

Remember that your site database will reset entirely after using this method.

Please follow steps lised below to import demo.

– Step 1: Install and activate All-in-One WP Migration plugin to use this method.

– Step 2: Download Demo backup file.

– Step 3: Upload backup file to wp-content/ai1wm-backups folder.

– Step 4: Navigate to All-in-One WP Migration > Backups on admin sidebar

– Step 5: Click Restore button and wait for few seconds. You will see success message after click continue.

– Step 6: Login to the site with account: Username: admin, Password: Admin$123. After login with this account, you can change username and password back to your credentials.

– Step 7: If you want to change demo version, you should select demo in Theme Options > Import Demo > Import Demo on admin sidebar. Please read the message and click OK.

– Third Method

Import demo data manually.

Note: Please remember to install all needed plugins before import demo data. If you have not install plugins, please see Plugins Installation to finish that step.

  • Import DataStep 1: Navigate Tools > Import and click on WordPress link. This will bring up a pop up box that allows you to install the plugin directly through your website.

Step 2: After click Install Now button, you should activate plugin by clicking Activate Plugin & Run Importer.

Step 3: After that, you will be taken to the import page. This is where you upload the XML file which will be found in Tinos folder / import/ to import data.

Step 4: You will then be given the option to assign imported authors to existing authors on your website or create a new account for each author’s posts. Also, there is an option for you to download attachments. If you select this, WordPress will attempt to import all of the images that are attached to the posts and pages you are importing.

– Update the Menu sub

Tinos supports custom menus, you can make modifications to them from the Menus option. Menus can contain links to Pages, Posts, Categories, Custom Links or other content types.

a) If you want to add a link to your social media profile or another location. You use the custom link option.

– Simply click on the custom link tab in the left-hand column to expand it. You will notice that it only has two fields. The first one is for URL where you will need to add the actual link you want to add. The second field is labeled link text where you will add the anchor text for the link.

– Drag each item into the order you prefer

b) All menu items can be edited by simply clicking on the downward arrow next to a menu item.

c) You can remove a link in the same way you edit them. Just click on the downward arrow icon next to a menu item, and you will notice a red Remove link.

2. Build Your Site

2.1 Build Your Site

Please read carefully Theme Installation / Plugin Configuration before perform these follow configurations.

2.2 WP Configuration

– WordPress Configuration

You can adjust WordPress settings as follows:

  • You can set Site Title in Settings > General in admin sidebar.

In Settings > Reading page, You can set number of posts to show in blog pages and select page for Front Page and Posts Page .

Discussion settings in Settings > Discussion provide a lot of options for you to explore such as “Default article settings”, “Other comment settings”.

  • You should ensure that a non-default permalink setting is selected, e.g. Month and name in Settings > Permalinks.

2.3 Theme Options

Tinos provides several usefull options for you to explore. You can find all options after clicking Tinos link in the top page or in the admin sidebar.

You can see Theme Options for more details.

2.4 Menu Setup

Create New Menu

In order create new menu, you can navigate to Appearance > Menus in admin sidebar then click Create a new menu link. Give your new menu a name and click “Create Menu” button.

You can add new menu item by dragging item you prefer from the column on the left.

After that, remember to assign theme location for your new menu.

2.5 Header Setup

Go to Tinos > Header in order to access header setup page.

General, Tinos supports 2 types of header with show/hide my account links and search options which you can see demo in the pictures below.

To find out more about these options, you can go to Theme Options > Header.

3. Theme Options

Tinos provides many options for you to customize your page effectively. These options are organized into logical tabbed sections which will be very easy for you to navigate. Because of the sizable amount of options, we cannot go over them in full detail here in our documentation. We encourage you to please take some time and navigate through each tab to see what we offer. See below for screenshots and short descriptions of Tinos Options panel.

  • There are 2 ways to access theme options.

1) Click Tinos links in the top of page.

2) Click Tinos in admin sidebar.

  • After that, you will see a logical tabbed sections including a lot of tabs for you to discover. Below sections will go through each tab in detail for you.

3.1 General

  • In this tab, you will see options for layout and logo icon. Specifically, there are 2 possible sidebar position for you to select either left or right or event you can choose to hide your sidebar. For logo customization, you can freely to upload your desired logo image. Below will be a screenshot about these options.

3.2 404

  • In this tab, you will see options change background, title, content, textbutton for page 404.

3.3 Skin

  1. You will see some options for you to set main color, primary color and highlight color for hover and active links. Furthermore, general font for your website is customizable with several google font family available as well as font weight, font style, font size and line height.

Custom: this tab allows you to enter your custom css code.

3.4 Header

These options enable you to change header appearance with 7 types of header. Besides, there are existing selection for you to decide whether or not to display account links, search form in header.

3.5 Footer

  • Tinos supports hiden or show footer top and bottom.

  • Tinos supports 1 options for you to modify you footer display including change copyright text.

3.6 Page

  • In this tab, you will see options for page with sidebar, select sidebar, show or hiden banner with background banner image or color.

3.7 Blog & Single Post

Tinos gives you multiple selections for blog and single post.

  • For blog layout default, You can change sidebar positions (Left, right) as same as option in “Page” tab. Also, Tinos allows you to choose sidebar content. Furthermore, changing page title is also enable for you. Option change background. show or hide. if show banner. you can change background image or background color.

3.8 Social

These options let you enter social links for Facebook, Google, Twitter, LinkedIn, Youtube…

If the Url empty, the social icon will not display.

3.9 Portfolio

These options let you change layout for archive portfolio and single portfolio detail

  • You can select layout for page archive full site or full width.

  • Change layout column or masonry with option: column space, number column, number show

  • Select show sidebar or no sidebar

  • Select show or hide banner. if show banner. you can change background banner or background color for banner. option for page archive and page single portfolio

  • Select layout for page single. there are 4 layout.

3.10 Product

These options let you change layout for product shop and single product detail

For single product:

4. Content Types

To use Tinos content type, please ensure that Tinos Post Types plugin, which allows you to create some custom post types, is already installed. If not, you can install this by following some steps below.

  • Navigate Appearance > Install Plugins on admin sidebar.
  • You should select and install Tinos post types.
  • You should activate this plugin.

4.1 Post

– Creating / Editing Posts

Step 1 – Navigate to Posts in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field. Beside, you can add post content using visual composer by click “Backend editor”.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the category name.

Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 5 – Select taxonomy layout for demo page.

Step 6– Add Image Gallery if you want to display gallery slider in its detail page.

In order to add gallery images for your post, you should click add image(s) button.

Step 7

  • Add Featured Image if you want. In order to add featured image for your post, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 8 – Once you are finished, click Publish or Update in the right side to save the post.

4.2 Client

– Creating / Editing Client

Step 1 – Navigate to Client in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new client. Enter client name in title field.

Step 3 – Select taxonomy layout for demo page.

 

Step 4 – Click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 5 – Once you are finished, click Publish or Update to save the client.

 


4.3 Testimonials

– Creating / Editing Testimonials

Step 1 – Navigate to Testimonials in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new testimonials. Enter testimonials name in title field.

Step 3 – Click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 4 – Enter value for business and rating.

Step 5 – Once you are finished, click Publish or Update to save the testimonials.

 


4.4 Team

– Creating / Editing Team

Step 1 – Navigate to Team in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new Team. Enter Team name in title field.

Step 3 – Click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 4 – Enter value social for Team.

Step 5 – Once you are finished, click Publish or Update to save the Team.

 


4.5 Restaurant

– Creating / Editing Restaurant

Step 1 – Navigate to Restaurant in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new Restaurant. Enter Restaurant name in title field.

  • Slect taxonomy layout for page.

Step 3 – Click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 4 – Enter value for price item Restaurant.

Step 5 – Once you are finished, click Publish or Update to save the Restaurant.

 


4.6 Portfolio

– Creating / Editing Portfolio

Step 1 – Navigate to Portfolio in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new Portfolio. Enter Portfolio name in title field.

Step 3 – Click Portfolio layout box, select an item layout.

Step 4 – Click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 5 – Once you are finished, click Publish or Update to save the Portfolio.

 


5. Shortcode

Remember to install and activate Tinos Shortcodes plugin.

  • Please go in Appearance > Install Plugins on admin sidebar.
  • You should select and install Tinos shortcodes.
  • You should activate this plugin.

In order to add shortcodes using visual composer, you should enable visual composer editor and select the element you want to add. If you click the following button, will be show the popup.

There are several content elements for you to choose. Specifically, Tinos enable user to use Utimate VC Addons with several effective shortcodes.

– Screenshot of all elements in Tinos

– Screenshot of available shortcodes in Utimate VC addons

Tinos shortcodes

In total, Tinos provides 3 effective shortcodes for you, namely Tinos blog, Tinos Container and Tinos Our Team. Besides some general settings for extra class, each shortcodes will contain their own options. Below will list detaily all available choices of each shortcodes.

5.1 Tinos blog

This shortcodes will help you to display posts into slide or list item. It supports options for enter title, number of post to display and category ids. For layout option, you can choose number of post column to display in desktop, tablet and mobile. In default, there are 4 columns, 3 columns and 2 column displayed on desktop, tablets and mobile respectively.

List of options available in Tinos blog shortcode.

  • Set type layout to display.

  • Select category if you want to display posts by specific category.

  • Enter post column number to show in desktop, tablets and mobile.

  • Number item show on shortcode.

  • If enable. no space column. else have space column.

Demo layout list item 1:

Demo layout list item slider:

Demo layout masonry:

5.2 Tinos our team

List of options available in Tinos blog shortcode.

  • Enter number of posts to display.

  • Select column number to show in desktop, tablets and mobile for block responsive.

==================================================================================================================================================

  • Demo shortcode Team (note: 4column ):

     

    5.3 Tinos Clients

    List of options available in Tinos client shortcode.

    – Enter number of posts to display.

    – Select column number to show in desktop, tablets and mobile for block responsive.

  • Demo shortcode Client (note: 4column ):

     

     

    5.4 Tinos Static Blog

    This shortcode will generate all post of “static block” content type for you to select. Specifically, it provides a dropdown containing name of all published static blocks for you to select.

     

    5.5 Tinos advanced button

    – This shortcode will help you to display button with option change text, color text, background..

  • Demo shortcode slide 3d:

     

     

    5.6 Tinos Advanced Icon

    – This shortcode will help you to display box icon with option for type icon, text, subtext, description, select icon, size icon, align, postion and add link for icon

    Demo shortcode Icon type default:

    + Icon Defautl:

    + Icon Defautl align center:

  • + Icon Defautl with border icon:

    Demo shortcode Icon type with index:

    + Icon box index background:

    + Icon box index position top:

     

    5.7 Tinos Advanced image

    – Select layout box: default, box with index number and box with icon.

    – Enter title, content.

    Demo layout default:

    Demo layout index number:

    Demo layout box with icon:

     

    5.8 Tinos Testimonials

    – Select a layout defaul and layout 1.

    Demo layout default:

    Demo layout slide:

     

    5.9 Tinos Heading Title

    This shortcodes will help you to display heading style.

    – Enter title, lable(subtitle),description.

    – Select headding align (center, left, right).

    Demo layout full:

    Demo layout not label:

     

    5.10 Tinos Countdown

    – Enter block title.

    – Select time.

    Demo layout:

     

    5.11 Tinos Counter

    – Select layout counter.

    – Enter title, value, description

    – Enter orther value.

    Demo layout 1:

    Demo layout 2:

    Demo layout 3:

     

    5.12 Tinos products

    – Select layout: default,sale product, slide product, single product

    – Select group category.

    – Number show.

    – Number column

    – Link show more page.

    Demo product sale:

    Demo product list:

    Demo product slide:

     

    5.13 Tinos Category Produc

    That’s show category product with slider.

    Demo layout:

     

    5.14 Tinos Social

    That’s show social with font Awesome.

    Demo layout:

     

    5.15 Tinos progress

    That’s show progress bar with type line and circle.

    Demo layout line:

    Demo layout circle:

     

    5.16 Tinos process

    That’s show process.see option and demo bellow.

    Demo layout line:

    Demo layout column:

     

    5.17 Tinos Contact Info

    That’s show title, phone, email, address. you can align text with option left, right, center.

    Demo layout:

     

    5.18 Tinos Map

    That’s show google map with 2 option.

    – Show map with iframe google map

    – Show map with latitude and longitude

    Demo layout map latitude and longitude:

     

    5.19 Tinos Map

    That’s show google map with 2 option.

    – Show map with iframe google map

    – Show map with latitude and longitude

    Demo layout map latitude and longitude:

     

    5.20 Tinos Table Pricing

    you can also add title, sub-title and content for pricing column block. Differently, this shortcode has some unique fields for content like currency, price, units and image. Furthermore, you can set color for diagonal line as well as background. Below are screenshots of Fekra Pricing Column settings, please look at it to see all options provided.

    Demo layout 1:

    Install Theme Tinos - Multipurpose

    Install Theme Tinos – Multipurpose

    Demo layout 2:

     

    5.21 Tinos Restaurant

    That’s show item postype Restaurant with 2 layout.

    – Select category restaurant.

    – Select number item show.

    – Select column layout

    Demo layout default:

    Demo layout default special:

     

    5.22 Tinos Toggle

    That’s show toggle item.

    – Select align text item.

    Demo layout:


6. Widgets

6.1 Tinos Recent Blog widget

  • Please go in Appearance > Widgets on admin sidebar.
  • You should add Recent Post widget in the sidebar.
  • This widget provides 3 options:- Textbox for you to add widget title.- Changing number of posts to show.- Choosing post type either recent posts or popular posts.

    Demo layout:

    Layout1:

    Layout2:

 

6.2 Tinos Contact widget

This widget show info contact in option theme to the footer page.

Demo layout:

 

 

6.2 Tinos Instagram widget

This widget show image instagram your account.

Demo layout:

7. Translation

Use WPML

WPML is the most popular plugin for multi language support. Below you will find documentation their team created for using WPML plugin. If you’ve purchased WPML and have any questions or issues, please check the links below.

 

  • WPML Plugin – The highly recommended plugin to manage multi-lingual sites
  • WPML Forum Support – If you bought WPML then you get free support from their amazing team
  • Translating Widgets – Tutorial recommended by wpml team for translating widgets

 


8. Site Speed Up

We recommend using the WP Super Cache, W3 Total Cache plugins.