Get Started

Introduction

Thank you for purchasing our theme.

This guide provides instructions for installation, help on getting started and extensive documentation of features. It is recommended you read it thoroughly to fully leverage the theme's capabilities. Please also make sure to check out our Video Tutorials as they explain everything covered in here in greater depth. We hope you enjoy building with the theme as much as we enjoyed developing it and continue to develop with new features!

WPOneTheGo require at least Wordpress version 4.5

Pages

Page Templates

WPOneTheGo comes with 5 pre-defined page templates.

  1. Default Template: The default, it's full width layout.
  2. Sidebar Left: Page with left sidebar.
  3. Sidebar Right: Page with right sidebar.
  4. About: Optional pre-defined about page template
  5. Contact: Optional pre-defined contact page template

Please note: For about and contact page template, If you are creating new page and choose the tempplate, the custom data won't show up unless you save the page first.

Setting things up

Portfolio, Portfolio Categories, Portfolio Tags

Here we will go through the process to get things ready

First: We need portfolio

  1. First thing first, you need to install Custom Post Type UI. This one is required for making portfolio. You can find it under Appearance / Install Plugins. After the plugin has been installed and activated, there will be a new item added on the left side menu of admin screen. If you are not able to find it, head to Plugins / Installed Plugins find Custom Post Type UI and click activate.
  2. Head to CPT UI menu and choose Import/Export. Make sure the "Post types" tab on the top is selected and field name is Import Post Types
  3. Paste in the following:
    {"portfolio": {
        "name": "portfolio",
        "label": "Portfolio",
        "singular_label": "Project",
        "description": "",
        "public": "true",
        "publicly_queryable": "true",
        "show_ui": "true",
        "show_in_nav_menus": "true",
        "show_in_rest": "false",
        "rest_base": "",
        "has_archive": "false",
        "has_archive_string": "",
        "exclude_from_search": "false",
        "capability_type": "post",
        "hierarchical": "false",
        "rewrite": "true",
        "rewrite_slug": "project",
        "rewrite_withfront": "false",
        "query_var": "true",
        "query_var_slug": "",
        "menu_position": "",
        "show_in_menu": "true",
        "show_in_menu_string": "",
        "menu_icon": "dashicons-category",
        "supports": ["title", "editor", "thumbnail", "post-formats"],
        "taxonomies": ["portfolio-category", "portfolio-tag"],
        "labels": {
            "all_items": "All Projects",
            "add_new_item": "Add New Project",
            "edit_item": "Edit Project",
            "new_item": "New Project",
            "view_item": "View Project",
            "search_items": "Search Project",
            "not_found": "No Project Found",
            "not_found_in_trash": "No Projects Found in Trash",
            "parent": "Parent Project",
            "insert_into_item": "Insert into Project",
            "uploaded_to_this_item": "Uploaded to this Project",
            "filter_items_list": "Filter Projects List",
            "items_list_navigation": "Projects List Navigation",
            "items_list": "Projects List",
            "menu_name": "",
            "add_new": "",
            "parent_item_colon": "Parent Project",
            "featured_image": "",
            "set_featured_image": "",
            "remove_featured_image": "",
            "use_featured_image": "",
            "archives": ""
        },
        "custom_supports": ""
    }}
  4. Click Import button and keep staying at current screen as we will import categories and tags for portfolio as well.

Second: We need categories and tags for portfolio

  1. After you are done with importing portfolio. Click on Taxonomies tab just above import area
  2. Paste the following:
    {"portfolio-category": {
        "name": "portfolio-category",
        "label": "Project Categories",
        "singular_label": "Project Category",
        "description": "",
        "public": "true",
        "hierarchical": "true",
        "show_ui": "true",
        "show_in_menu": "true",
        "show_in_nav_menus": "true",
        "query_var": "true",
        "query_var_slug": "",
        "rewrite": "true",
        "rewrite_slug": "project-category",
        "rewrite_withfront": "0",
        "rewrite_hierarchical": "0",
        "show_admin_column": "true",
        "show_in_rest": "false",
        "show_in_quick_edit": "true",
        "rest_base": "",
        "labels": {
            "menu_name": "",
            "all_items": "",
            "edit_item": "",
            "view_item": "",
            "update_item": "",
            "add_new_item": "",
            "new_item_name": "",
            "parent_item": "",
            "parent_item_colon": "",
            "search_items": "",
            "popular_items": "",
            "separate_items_with_commas": "",
            "add_or_remove_items": "",
            "choose_from_most_used": "",
            "not_found": "",
            "no_terms": "",
            "items_list_navigation": "",
            "items_list": ""
        },
        "object_types": ["portfolio"]
    },
    "portfolio-tag": {
        "name": "portfolio-tag",
        "label": "Project Tags",
        "singular_label": "Project Tag",
        "description": "",
        "public": "true",
        "hierarchical": "false",
        "show_ui": "true",
        "show_in_menu": "true",
        "show_in_nav_menus": "true",
        "query_var": "true",
        "query_var_slug": "",
        "rewrite": "true",
        "rewrite_slug": "project-tags",
        "rewrite_withfront": "0",
        "rewrite_hierarchical": "0",
        "show_admin_column": "true",
        "show_in_rest": "false",
        "show_in_quick_edit": "true",
        "rest_base": "",
        "labels": {
            "menu_name": "",
            "all_items": "",
            "edit_item": "",
            "view_item": "",
            "update_item": "",
            "add_new_item": "",
            "new_item_name": "",
            "parent_item": "",
            "parent_item_colon": "",
            "search_items": "",
            "popular_items": "",
            "separate_items_with_commas": "",
            "add_or_remove_items": "",
            "choose_from_most_used": "",
            "not_found": "",
            "no_terms": "",
            "items_list_navigation": "",
            "items_list": ""
        },
        "object_types": ["portfolio"]
    }}

Now everything is set. You can post your portfolio right away.

Sample data

If you want to get all sample data imported. Please take all steps in previous section ( Portfolio, Portfolio Categories, Portfolio Tags ) before doing this.

We have included sample data for testing purpose. You can just import it as normal WordPress import procedure that already described here.

The proceed is simple:

  1. From Dashboard, do to Tools/Import and choose WordPress. If the importer has not been installed, you'll get promted to install and activate it.
  2. There will be an upload field, choose sample-data.xml ( included with downloaded package ) and click Upload File and Import
  3. Make changes as you wish, just remember to enable Download and import file attachments if you need sample images as well
  4. Click Submit and wait a moment.

Now from admin dashboard. Head to Appearance/Customize, pick portfolio section and make changes as you want.

Widgets

Widgets

WPOneTheGo supports 2 widget areas.

  1. Primary Sidebar: Default widget area. Shows on all pages.
  2. Blog Sidebar: Widgets in this area will show on blog only ( blog home, category, archive, search, single post... ). Can configure through theme customizer.

Adding Widgets to Widget Area

  1. Navigate to Appearance > Widgets to access the list of widgets and widget areas that they can be added. The left hand side show all widgets you can use. The right hand side shows all different areas you can add widgets to.
  2. Simply drag and drop the widget you want into the area you want to the right hand side.
  3. When you finished, you can visit the site to see results.

Additional information

You can show/hide sidebars in some particular situations just by visiting Customize, of course you will need to login and have permission for it.

Customize

Start Customize

You can access Customizer in two ways.

  1. From admin dashboard, go to Appearance > Customize.

  2. From admin bar in front-end view.

The theme customizations are easy to go. Just change and you'll see it right away without refresh. Please read next sections those require more detailed instruction.

Extras / Google Map API

To use google map feature of the theme, you will need an API key provided by Google. According to Google recent announcement, usage of the Google Maps APIs now requires a key. You can go here and get a key.

After that, head into customizer. Extras section and enter the key there, save changes, and you are done. Your google map will show up.

Please note: We want to keep things simple, fast... to maximize performance, so built-in theme feature for google map only available on "Contact" page template.

Translation

Translating the theme

The theme is compatible with WPML plugin, thus can be translated into multiple languages. Follow this link for guide. You can also use POEdit plugin for translation.

  1. Located the .po and .mo files in folder /languages.

  2. Select language in admin options.

  3. Find language code (save option and reload front-end view html).

  4. Copy two files .po & .mo and rename them with the code you've just get from previous step ( eg: en_CA.mo & en_CA.po ). Same for other languages.

  5. Open the file .po with POEdit and translate the texts into your preferred language.

  6. When complete, you’ll want to save the file twice, as two separate files – a .po file and a .mo file. When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. As an example, the language code for English is en_EN, so you would save the translated files as en_EN.po first, then en_EN.mo.
  7. When you're done, simply upload the files to your theme's language folder.

SEO

SEO

Our themes are optimized by with H1, H2, H3, H4, H5 tags, clean code, HTML5 but if you want to get higher ranking on search engines, you must need some help from SEO plugins and Google Pagespeed Service:

  1. Yoast SEO plugin
  2. Google Pagespeed Service
  3. Smush.it ( Optimizing Images )
  4. SEO Friendly Images ( SEO Images )

Update

Updating the theme

You can update our theme using some ways bellow

  1. Update theme using Envato WordPress Toolkit
  2. Manual update

If you have any troubles while using auto update (It is likely to be a permissions issue) then you may want to manually update the theme via FTP or Cpanel.

Download the latest version of the theme on ThemeForest download page and simply replace with the old one via FTP or Cpanel.

Support

Support

The team at CMSSuperheroes are always happy to help you with any questions or recommendations you have about the Garden theme.

If you need any help or support please contact us through:

  1. Themeforest Messaging system.
  2. Email: support@cmssuperheroes.com
  3. Our Forum

If you want to post a topic on our forum, please take a look at How to post a topic on support forum. We also wrote about how to get purchase code in that post.