The SEO – SEO & Digital Marketing Agency WordPress Theme

The documentation is intended to help you to install and setup The SEO theme. If you have any problems, please send us ticket and we'll help you troubleshoot and solve the issue!

Minimal Requirements for Theme

  • - Wordpress 4.1 or higher.
  • - PHP 5.4 or higher.
  • - MySQL 5 or higher.
  • - PHP.ini settings: .
    • - max_execution_time 60
    • - memory_limit 128M
    • - post_max_size 40M
    • - upload_max_filesize 40M

We recommend to use the latest version of WordPress and online version of the documentation.

How to Install WordPress

Installing Wordpress Instruction at WordPress Codex

If you are beginner with WordPress, we recommend that you explore the WordPress Codex

How to Install The SEO Theme

There are 2 way to install WordPress themes – via WordPress admin and via FTP

1st way: Upload via FTP Server

1. Download archive with the theme on your Themeforest account.

2. Unzip archive the-seo-installable.zip and upload it into your WordPress Theme directory /wp-content/themes/.

3. Open the WordPress admin panel by going to www.your_domain.com/wp-admin/.

4. Go to Appearance > Themes on the sidebar.

5. Activate The SEO theme.

Video

2nd way: Upload via WordPress Admin

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..

2. Click on the Add new button.

3. Click on the Upload Theme button.

4. Click on the choose file button, select "the-seo-installable.zip" and click Open, and than Install Now button.

5. Activate The SEO theme

Install Plugins & Content: 1 click installer


Acivate the theme. Install and activate SecretLab Installer plugin.

Go to Appearance -> Welcome page. Choose version of design that you want to install and click Start installation button.


Go to Theme Options and save settings. All done!

Video of automatic install process

Manual Theme Install

If you cannot finished automatic installation and got any server arrors, you can use manual installation. There are step-by-step installation functions - just click and wait. There are 13 steps. Every step can be done automatically by button Do it or manually by link (if it couln't be done automatically).

1. Install and activate plugins.

2. Refresh the page.

Video how to make step-by-step automatic install and full manual, if something went wrong


Files for full manual installation is at folder /the-seo/import/.


Explanation for video

If you got error, you can see what happened in Install Log and ask your hosting administrator to check php error log, to get a reason of error. Also you can use Manual Install

You can continue installation process from step that got error.

1. Click 1. Begin installing plugins

Select all plugins, choose Install and click Apply.


2. Click 2. Begin activating plugins

Select all plugins, choose Install and click Apply.


3. Click 3. Refresh the page


4. After the installation and activation of the plugins is complete, go to Appearance > Welcome and choose second step 4. Import Custom Post Types. On the Import/Export page choose types_plugin_settings.xml file in the import folder and click Import file. This is Custom Post Type for portfolio, testimonials, services and teammates.

You will be prompted for what groups, fields, and types you want to create. Select them all. This will create the Custom Post Types for portfolio, testimonials, services, and teammates.

You will see


5. Click 5. Import Sliders on welcome page. Click Import Slider on the screen that comes up.

Click Browse button, choose the slider in the /import/name_of_design/sliders/ folder and click Import. You need to import all of sliders for your selected design.


6. Go back to the welcome page and click 6. Import Suppamenu Skins. Choose the file with Suppamenu skins in Restore/Import section. You can find the file in the /import/name_of_design/ folder. For example, /import/SEO Light/suppamenu-skins-seo-light-28Nov15.dat. Click Import


7. Click 7. Import Theme Option Set on welcome page. Open file with theme option settings in the /import/name_of_design/ folder. For example, /import/SEO digital/theme_options_seodigital.json. Copy all text data, click button import from file, paste the data into the textarea, and click Importbutton.


8. Click 8. Import Color Scheme Sets on welcome page. Click Import button and open file /import/3_color_kits.json with 3 set of colors. Click Import button.


9. Click Do it and wait a few secons, it must setup icon font. If it display error, click Import Icon Fonts or go to Ultimate -> icon Manager and click button Upload new icons and choose zip archive alico2055.zip from folder /the-seo/import/ and click Insert Fonts Zip File button.


10. Click 10. Set Menu and Discussions Checkboxes.


11. Click 11. Import Dummy Data on welcome page. Choose the dummy data file in the /import/name_of_design/ folder. There are two identical dummy data folder. They are named for your hosting capabilities. The 1 Part XML Import is for fast servers. The 7 Part XML Import is for slower servers. Choose the one you need, select the xml file(s), click Upload file and import

When import process finished you can see inscription All done. Have fun!.

If you receive either the Request Timeout or 500 Server Internal Error it means the import process was unable to finish for 1 step. You can solve this in two ways:

1) If you tried the 1 Part XML, use the 7 Part XML Import (For slow web hosts).

2) Press key F5 (refresh page) and click button Resend data if your browser prompts you to do so. This second option may take 10 to 15 repetitions to complete.

After the import process completes, you will got a screen like this:


12. Click 13. Import Widgets, choose file with widgets - *.wie file and click Import Widgets.

Theme Update

Before you are start to update theme, make data backup please.

There are 2 ways to update the theme:

1. Update by Envato Toolkit.

1.1 Go to Envato Toolkit plugin and insert your themeforest username and API key. Click Save button.

You can get your API key at your account Settings -> API Keys

1.2 To go tab Themes and click Update link.

1.3 After that - go to Theme Options and click button "Save changes".
It is necessary because wnhe theme updated - design filed updated also. After you save theme options - the site get your options again.

2. By FTP

2.1 Download installable archive with thme from ThemeForest.

2.2 Upzip the-seo-installable.zip on you computer and unpack it..

2.3 Upload /the-seo/ folder at your hosting by ftp into /wp-content/themes/ folder. And say "Yes, replace all files.

2.4 After that - go to Theme Options and click button "Save changes".

2.5 Update plugins from folder /the-seo/lib/. You need to update Visual Composer, ultimate Addons for Visual Composer, Revolution Slider, SecretLab Shortcodes, SecretLab Metabox

.

You can upload plugins via FTP or deactivate these plugins at admin panel, delete them and instal it via yellow message at top of adminpage like in instruction below.

Update of plugins

If you want update any plugins which provides with the theme, follow these steps:

1. Delete plugins that you want to update.

2. Click Begin installing plugins at notice at top of the page.

3. Choose all plugins you want to install and click Apply button.

4. Click Return to required plugin installer link

5. Choose all plugins you want to install, choose Activate at dropdown menu and click Apply button.

6. All done. You can start configure and use these plugins

Dont lose you customization

If you didnt make any changes in theme code directly, you will not losing your data. If you did, you must replace it into child theme. The child theme is a right way to customize code and fucntions.

Settings like fonts, colors and address options (in Theme Options) is storages in database, so you cant lose it. Also content pages and posts storages in database, so theme update doesnt change it.

Child Theme - Right Way to Customization

Child themes are the recommended way of modifying an existing theme.

There are a few reasons why you would want to use a child theme:

  • If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.
  • Using a child theme can speed up development time.
  • Using a child theme is a great way to learn about WordPress theme development.

Troubleshooting

If you get any error - check please your php error server logs.

If you cant get access to php error logs, go to wp-config.php and find a line with define('WP_DEBUG', false);. Replace the live with:

define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);

After this, go to page when you get error, refresh it. And if you get error again, go to /wp-content/debug.log to read information about the error. When you know what is the problem, you can solve it or send message to your hosting to fix it.

Contact 7 Troubleshooting

Be sure that you are set the form properly like this:

If your message doesnt sent by form, ask you hosting to check php mail function problem.

Cant change color scheme?

These colors from color scheme savings into CSS-file after you click "Save Changes" button at theme options. If color scheme doesnt changes, check writable permission for file and folder for CSS files:

/wp-content/themes/the-seo/css/
/wp-content/themes/the-seo/css/dynamic.css

It should be 755 or 777 for folder and 644 or 666 for file.

Cant Upload Theme. Theme Upload Error

If you try to upload theme and got error: Are you sure you want to do this?. The error mean that your php settings dont let you upload big files. Change parameters at php.ini:

post_max_size 40M
upload_max_filesize 40M

After that, file the-seo-installable.zip should be uploaded.

Install or Update of plugins

Update Visual Composer, ultimate Addons for Visual Composer or Slider Revolution

If you want update any plugins which provides with the theme, follow these steps:

1. Delete these plugins.

2. Click Begin installing plugins at notice at top of the page.

3. Choose all plugins you want to install and click Apply button.

4. Click Return to required plugin installer link

5. Choose all plugins you want to install, choose Activate at dropdown menu and click Apply button.

6. All don. You can start configure and use these plugins


Install of Plugins

If you want install only plugins without other content, follow these steps:

1. Click Begin installing plugins at notice at top of the page.

2. Choose all plugins you want to install and click Apply button.

3. Click Return to required plugin installer link

4. Choose all plugins you want to install, choose Activate at dropdown menu and click Apply button.

5. All done. You can start configure and use these plugins.

License Keys for plugins

I bought developer extended licenses for Visual Composer, Ultimate Addons for Visual Composer and Slider Revolution. I must not share these keys (i have no permission to do it) - i provide updates of plugins with update of the theme.

You will get updates of plugins with theme updates.

Why i dont share keys for visual composer, ultimate addons and revolution slider?

1st reason: I have no permissions to share my developer license with customers.

2nd reason: If you are update visual composer - you will crash some elements of the theme or design. I testing every version of visual composer, ultimate addons for visual composer and other plugins. Do you want testing it by yourself and fix any bugs? I dont think so. I protect you from crash your website.

Documentation for Plugins

Visual Composer

Videotutorials is here
Online documentation is here

Slider Revolution

Online documentation is here

Videos is here https://www.youtube.com/watch?v=0lPPUZCIouc&list=PLSCdqDWVMJPPDcH_57CNZvLckoB8cimJF

Suppamenu Pro

Online documentation is here

Online documentation for another plugins

  • Contact Form 7 here
  • Responsive Lightbox here
  • Types here
  • Woocommerce here
  • Ultimate Addons for Visual Composer here
  • Yoast SEO here

General Setting

You can set your Google Map API key, company name, choose your home page and upload favicon.

Contact & Map

You can add your contact information and coordinates for Google Map section on footer. Also, if you don't want or need it, you can turn off the Google Map section

Social

You can toggle the social icons on and off and add the urls of your social pages.

Layout: Design Options Tab

On the Layout tab, , you can choose which design version you want to use, set transition time for effects, and choose page layout and sidebar options.

Header: Design Options Tab

On the Header tab, you can choose header type, slider, or hero scene. (Sliders can be created in Slider Revolution.) You can also turn the top bar off.

Footer: Design Options Tab

On the Footer tab, you can edit the copyright text and call-to-action blocks that appear in the footer.

Menu: Design Options Tab

On the Menu tab, you can edit the backgrounds for the dropdown menu item. After uploading image on this screen, add class subbgr1 or subbgr2 to menu item on Appearance -> Menu page. You can also edit background for the sticky menu that appears with each header.

Text Options

On the Text tab, you can set Headings 1 for some page and other texts from website.

Custom

On the Custom tab, you can add any custom CSS and JS code and turn off the Scroll to top button.

Typography

Powerfull setting for typography with 750+ Google Fonts

Shop

Select slider and sidebar options for your store. Also you can turn on/off the shopping cart at the menu.

Blog

This is where you customize your blog display options. Select page layout, sidebar, and column options. These options work for the blog page, /category/blog/ category and subcategories pages. You can also select slider for blog's header.

Color Scheme

You can edit colors and save and import color sets. Import our 3 basic color sets from file 3_color_kits.json as an example to see how things work.

Import / Export

You can download and import Theme option settings.

Where to edit?

Sidebars: How Sidebar System Work?

For any page or post you can add individual sidebar setting by our Metabox plugin

For Shop - Theme Options -> Shop. You can add nessesary widgets in Appearance -> Widgets at Left Shop Sidebar and Right Shop Sidebar

For Blog - Theme Options -> Blog. You can add nessesary widgets in Appearance -> Widgets at Left Blog Sidebar and Right Blog Sidebar.

We recommed put all your blog's categories into Blog category with slug /blog/ for proper operation of blog's settings.

Global Settings, exclude blog and shop. - Theme Options -> Design -> layout. You can add nessesary widgets in Appearance -> Widgets at Left Sidebar and Right Sidebar

Shortcodes

The theme using a lot of shortcodes: Visual Composer, Ultimate Addons for Visual Composer and SecretLab Shortcodes. You can find full information about these plugins at official documentations. And info about SecretLab Shortcodes is here.

Videotutorials is here
Online documentation is here
Ultimate Addons for Visual Composer here

SecretLab Shortcodes

Posts Feed

It displays feed of posts by category and post-type.

Testimonials Posts with Carousel

It displays feed of testimonials in 2 columns-carousel with dots-navigation.

Testimonials Posts with Carousel. Layout #2

It displays feed of testimonials in 1 column-carousel with dots-navigation.

Digital Theme Post Format, 2 columns

It displays feed of posts.

Teammate Posts with Carousel

It displays feed of teammates in 2 columns-carousel with arrows-navigation.

Price Table Layout#1

It displays price table.

Price Table Layout#2

It displays price table.

Free SEO Audit

It displays Call-to-Action block with animated message form.

Why Us Block Layout

It displays 5 icons and 1 headline with description.

Social Icons

You can create custom icons to link to your social pages in any place

Latest news: 4 blog posts

Display last 4 blog posts. 1 post at the left side and 3 posts at the right side.

MegaIcons

Powerful shortcode to display icons with title and description

Testimonials. Layout #4


Testimonials #5: tabs view


Price Table Layout #3

Responsive Price Tables

Portfolio List Carousel

Display last portfolio items

Portfolio Item Carousel


Services List #2



SEO Results Item Carousel

Displays your clients and results: phrases at top-10 etc. The shortcode takes data (like value of phrase) from portfolio post type by tag "SEO". So it is display last items from portfolio with tag "SEO" The data of portfolio items should be set in additional fields.

Price Table Layout #4

Responsive Single Price Table

Simple Title

Shortcode to display headeings or text blocks with font settings.

Flex Buttons

Shortcode to display buttons with flexible settings settings.

Icon Fonts & Icon Font Manager

The theme is supplied with 2 icon font sets: alico to 2055 icons, and seocon icons set to 153 icons. You can find zip archives with the icon sets at Icon fonts folder.

Icon Manager supplied with Ultimate Addons with Visual Composer and support upload icon fonts, that was prepared at Iconmoon App. You can create icon font and upload .zip archive to Icon manager to use icons for display through Visual Composer.

Website Speed Optimization and Cache Plugins

Best way to increase website loading speed is CDN (Content Delivery Network). For example, cloudflare.com, it's free

Also you can optimize:

1. Download and install W3 Total Cache plugin
- Go to Performance > General Settings
- At the end of this page you'll find "Import / Export Settings" section which you can import "w3-total-cache-config.json" file. The mentioned file is available via Package Content Folder > IncreasePageSpeed
- Go to "Minify" and set your API key to exclusion:

2. Go to cloudflare.com and set your website, it's free. If you dont want to use CDN, you can use only cache plugin

Results after W3 and CDN for homepage

No cache plugin

W3 Total Cache

W3 Total Cache and cloudflare.com together

Also I've been tested the theme compatibility with other cache plugins:

  1. WP Super Cache - set it like that
  2. WP Rocket width some scripts to minifying exclusions:
    /wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js
    /wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js
    /wp-content/themes/the-seo/js/jquery.maps.js
    /wp-content/plugins/responsive-lightbox/js/front.js
    /wp-content/uploads/suppamenu2/js/header1and5.js
    /wp-content/uploads/suppamenu2/js/header2.js
    /wp-content/uploads/suppamenu2/js/header3.js
    /wp-content/uploads/suppamenu2/js/header4.js

Slides and Slider Revolution Plugin

You can choose slider:

  1. All website pages - at Theme Options -> Design -> Header
  2. Blog and blog posts that contain at /blog/ slug - at Theme Options -> Blog
  3. Shop and product pages - at Theme Options -> Shop
  4. For any pages, include services, testimonials, teammates and portfolio/cases. The option is at the bottom of page, when you are edit it.

Slider Revolution Documentation

Online documentation is here

Video Tutorials at Youtube

Content Editing

Visual Composer is a general content editing plugin.

Videotutorials is here
Online documentation is here

Page Options

At the end of the page you can find page layout option (full-width or boxed), turn sidebar on/off and choose a slider to dusplay at the header of the page.

Also you can choose header and menu template at page attributes block.

Footer

You can edit footer section or create a new one at Composer Widgets plugin. These footer is editable with Visual Composer

You can set footer that you want to display at Appearance -> Widgets. Just set widget Composer Content Block to footer sidebar and choose a section that you created or edited in dropdown list

You can create custom content for any sidebar the same way.

Favicon

Go to Appearance -> Customize -> Site Identity.

How to set logo?

1. Go to Suppamenu Pro. Choose a skin that you want and click button Load

2. Click link Layout & Logo and upload normal and retina logos, also dont forget to add logo for responsive

Every header has his own menu skin, you can see or change skin for header at Appearance -> Menu

How to edit menu items and skin?

Go to Suppamenu Pro Choose a skin that you want and click button Load. Here you can edit colors, fonts and other settings. More information about the plugin in official documentation here
1. Want to change background on dropdown menu? Edit backgound settings in Theme Options -> Design -> Menu and copy class subbgr1 or subbgr1 (which you did edit).
2. Go to Appearance -> Menus and paste it into CSS Classes text field for parent menu item. Also choose megalinks menu type.
3. If you dont see CSS Classes text field, you can turn it on in setting of this page.
You can edit icons and menu type like dropdown at Appearance -> Menus. every menu item has options so set icon, menu type

How to change design and color scheme?

1. Go to Theme Option -> Design -> Layout. Select design that you want.
2. Go to Theme Option -> Color Schemesand choose color scheme or edit current. We provide 3 color schemes with the theme (3_color_kits.json file in direcory import).
3. Go to Theme Option -> Typography and set colors for you color scheme. Click Save

Services Post Type

This is pecial post type for services with additional fields - icon and excerpt. These fields required for display services list at Services Archive page and Services List shortcodes.

Portfolio Post Type

This is pecial post type for portfolio with additional fields - url of website, statistics, or screenshot, % phrases at top 10, excerpt etc. These fields required for display portfolio list at Portfolio Archive page and Portfolio List or Carousel shortcodes.

Main content about portfolio item is creating with Visual Composer content section, so you can create unlimited layouts.

SEO data like % phrases at top 10 is required for SEO Results shortcode.

Testimonials Post Type

This is pecial post type for testimonials with additional fields - name, post and photo of client. These fields required for display testimonials list at Testimonials Archive page and Testimonials Carousel shortcodes.

Teammates Post Type

This is pecial post type for teammate with additional fields - name, post of member, social profiles. These fields required for display teammates list at Teammates Archive page and Teammates Carousel shortcodes.

Translate WordPress Theme

Page Builder

In the theme we use Visual Composer Pagebuilder.

Videotutorials is here
Online documentation is here

If you wanna display service page like homepage, save it like template at Visual Composer, create a new page, load the template, save the page and than set it like homepage at Theme Options.

Fit Your Brand or How to Prepare Your Website

If you want to change colors to fit your brand, there are a list of tasks:

  1. Change color scheme at Theme Options
  2. Set logo at menu skin at Suppamenu
  3. Change menu colors at menu skin at Suppamenu
  4. Change colors at sliders at Slider Revolution plugin
  5. Change colors at mockups at homepage
  6. Change colors at content of homepage
  7. Set your email address at forms at Contact 7 plugin
  8. Insert your testimonials at Testimonials post type
  9. Insert your teammates at Teammate post type
  10. Insert your or edit ours portfolio at Portfolio post type
  11. Edit services pages at Service post type
  12. Edit contact information at footer
  13. Edit contact information at contact page
  14. Set your options at MailPoet plugins, if you need subscribe form

SEO Settings

Every pages, posts and categories has SEO settings.

You can configure titles and meta-data for custom post types, categories, tags etc at SEO -> Title & Metas page.

You can configure Breadcrumbs and Premalins at SEO -> Advanced page.

Full documentation for Yoast SEO plugins is here

Support Desk

Please remember you have purchased a very affordable theme. You have not paid for a full-time web design agency. Occasionally, we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your convinience, so please be patient, polite and respectful.

Please visit our profile page or ask question http://secretlab.pw/helpdesk/

Our theme support includes:
  • * Responding to questions or problems regarding the theme and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new software versions
Theme support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins
Before seeking support, please...
  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Make sure to double check the theme FAQs.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

Files & Sources

Included Stylesheets

These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included JavaScript codes under the-seo/css/

  • 1. alico.css - Stylesheet for Icon Font
  • 2. digital.css - Stylesheet for Digital Design
  • 3. bootstrapmin.css - Bootstrap stylesheet
  • 4. dynamic.css - Stylesheet with curent design after compiler, with colors from theme options
  • 5. editor-style.css - Used to style the TinyMCE editor
  • 6. seoagency.css - Stylesheet for SEO Design
Included JavaScript

These are the various attribution inks to the Javascript files included or modified to work with in this theme. All included JavaScript codes under the-seo/js/

  • 1. js/modernizr-2.7.1.min.js - Modernizr
  • 2. main.js - Our Custom JavaScript
  • 3. jquery.maps.js - Retina JavaScript
  • 4. map.js - JavaScript that gererates with your data from Theme Options ->
Import files

All included import files storages at folder the-seo/import/

  • 1. /menu_css/ - files for auto install
  • 2. /SEO dark/ - XML, sliders, widgets, Suppamenu skins and theme options for SEO Dark version of design
  • 3. /SEO digitaldark/ - XML, sliders, widgets, Suppamenu skins and theme options for Digital Dark version of design
  • 4. /SEO digital/ - XML, sliders, widgets, Suppamenu skins and theme options for Digital version of design
  • 5. /SEO light/ - XML, sliders, widgets, Suppamenu skins and theme options for SEO Light version of design
  • 6. /SEO flat/ - XML, sliders, widgets, Suppamenu skins and theme options for SEO Flat version of design
  • 7. 3_color_kist.json - file with color schemes
  • 8. /icons/ - files with icon fonts, that you can import in Ultimate -> Icon Manager
  • 9. types_plugins_setting.xml - file with Custom Post Structyre for portfolio, team, testimonials and services
  • 9. 3_color_kits.json - file with Color Scheme sets