GoodRide, theme documentation

First, 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 GoodRide 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 GoodRide as much as we enjoyed developing it and continue to develop with new features!

Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server.

If you are struggling, here is a very detailed guide at Wordpress Codex that will walk you through every step.

If you prefer something more visual, you can watch this video tutorial on how to install Wordpress by us

(Please note the video shown is from our NUVO Restaurant theme, but the same process applies)

Once you have setup a copy of WordPress, there are two ways you can go about installing the theme:

• 1. FTP Upload
  

  Unzip the download and upload the theme directory /GoodRide/ into your WordPress themes directory /wp-content/themes/.

• 2. WordPress Upload
  

  This is definitely the easier route for most. Simply navigate to Appearance > Themes > Add New > Upload Theme. Click the 'browse' button and locate the still zipped theme folder. The theme will be uploaded and installed in a matter of seconds.

  Here is our video tutorial to help you through the process

  (Please note the video shown is from our NUVO Restaurant theme, but the same process applies)

After you have installed the theme successfully, you can optionally import the supplied dummy data in order to get a feel for things. If you're interested in importing the data, please check the Demo Data section below

Once you have installed and activated our theme you will be prompted to install required and recommended plugins. Just click the link to Begin installing plugins.

Next, check boxes to select all the plugins you want to install, select the bulk action of install from the dropdown box and then click the button to apply.

Next, just click the link to Return to Required Plugins Installer.

Select the plugins you had installed, and then apply the bulk action to activate them.

Finally, you will got a confirmation notice that your plugins were activeded.

Noted: Before you install our themes please read some our tips here:

• How to install sample data using one click in CMS theme 

To help you set up website with the least efforts, we include in the theme package dummy content file. After installing it, all content seen on the live demo will be imported except for images/videos.

There are two methods you can use, one is using our One-click Importer, the other is Importing manually. To go with the former option, please follow the steps below:

1. 1. Go to Install Demo on the Tools menu.
   

   

2. 2. The Import/Export menu tab will show.
3. 3. Just click install and wait for the process to complete.

   

4. 4. After the importation is finished, Save Changes and you are done.

To be more perfect site you should install more photos .

1. 1. Go to Force Regenerate Thumbnails on the Tools menu.

   

2. 2. Click button Regenerate All Thumbnails.

   

3. 3. Result:

   

Now you have a website just like our demo.

Here is our video tutorial to help you through the process

• Step-1 : Import Taxonomies

  To imprort demo content by yourself, please follow some steps below:

  Step 1 : Install Widget Importer & Exporter plugin .

  Step 2 : Import XML you need deactivate plugin EF3 Import And Export.

  You need to extra theme package file. And then:

  1. On the CPT UI tab, click Tools

  

  2. Open file taxonomies.json on the the path: goodride > inc > demo-data > goodride > taxonomies.json .

  3. Copy all content of taxonomies.json file and then paste it into Import Taxonomies text area on Taxonomies tab.

  

• Step-2 : Import Post-Type

  1. On the CPT UI tab, click Tools
  

  

  2. Open file post-type.json on the the path: goodride > inc > demo-data > goodride > post-type.json .

  3. Copy all content of post-type.json file and then paste it into Import Post Type text area.

  

• Step-3 : Import XML

  • 1. Go to Tools > Import.

  • 

  • 

  • 

  2. You need upload two files on the path below:

  • - goodride > inc > demo-data > goodride > content > attachment-data.xml
  • - goodride > inc > demo-data > goodride > content > content-data.xml
  • 

  • 

• Step-4 : Import Options

  1. On Theme Options tab, click Import/Export

  

  2. Click Import from File

  

  3. Open file options.json on the the path: goodride > inc > demo-data > goodride > options.json .

4. Copy all content of options.json file and then paste it into text area.



• Step-5 : Import Widgets

  1. Go to Widget Importer & Exporter on the Tools menu

  

  2. Click Browse.. button and upload file widget.wie on the path goodride > inc > demo-data > goodride > widgets.wie .






To have a perfect site, you need to make sure all of photos shown.

1. 1. Go to Force Regenerate Thumbnails on the Tools menu.

   

2. 2. Click button Regenerate All Thumbnails.

   

3. 3. Result:

   

   You need to wait until the updating completed.

   You will have the perfect website like our demo.

AccessPress Social Counter is a Free WordPress plugin to display your social accounts fans, subscribers and followers number on your website!

A perfect plugin to show your social media stats and encourage more to join your network.

If you need dedicated support for this plugin, please visit: AccessPress Social Counter

This is plugin required all our themes

This plugin provides an easy to use interface to create and administer custom post types and taxonomies in WordPress. This plugin is created for WordPress 4.x.

If you need dedicated support for this plugin, please visit: Custom Post Type UI

Contact Form 7 is one of the most popular form builders for wordpress.

We have created styles ready for you to use within your GoodRide theme.

For detailed inforamtion and support on this plugin, please go to: Contact Form 7

After installation, you will be suggested to install additional plugins. To install them and activate, please navigate to Plugins, you will see a list of required and optional plugins. We recommend that you install the following to get the best of our theme:

Visual Composer is the most popular drag and drop editor for wordpress.

If you need dedicated support for this component, please visit: Visual Composer on Code Canyon

Newsletter is a real newsletter system for your WordPress blog: perfect for list building, you can easily create, send and track e-mails, headache-free.

It just works out of box!

For detailed inforamtion and support on this plugin, please go to: Newsletter

Force Regenerate Thumbnails allows you to regenerate the thumbnails for your image attachments.

For detailed inforamtion and support on this plugin, please go to: Force Regenerate Thumbnails

Contact Form 7 is one of the most popular form builders for wordpress.

We have created styles ready for you to use within your GoodRide theme.

For detailed inforamtion and support on this plugin, please go to: Contact Form 7

Widget Importer & Exporter is useful for moving widgets from one WordPress site to another, backing up widgets and for theme developers to provide users with sample widgets.

Importing is a matter of uploading an export file created by the plugin.

For detailed inforamtion and support on this plugin, please go to: Widget Importer & Exporter

1. 1. From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.



2. 2. Select create a new menu at the top of the page



3. 3. Enter a name for your new menu in the Menu Name box.
4. 4. Click the Create Menu button. 



5. 5. Click Select to select menu created.

Your new custom menu has been defined.

You can add different link types into your menu, these are split between panes left of the menu you're currently editing.

1. 1. Locate the pane entitled Pages.
2. 2. Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
3. 3. Select the Pages that you want to add by clicking the checkbox next to each Page's title.
4. 4. Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.



5. 5. Click the Save Menu button once you've added all the menu items you want.

Your custom menu has now been saved.

When planning the structure of your menu, it helps to think of each menu item as a heading in a formal report document. In a formal report, main section headings (Level 1 headings) are the nearest to the left of the page; sub-section headings (Level 2 headings) are indented slightly further to the right; any other subordinate headings (Level 3, 4, etc) within the same section are indented even further to the right.

The WordPress menu editor allows you to create multi-level menus using a simple 'drag and drop' interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.

To make one menu item a subordinate of another, you need to position the 'child' underneath its 'parent' and then drag it slightly to the right.

1. 1. Position the mouse over the 'child' menu item.
2. 2. Whilst holding the left mouse button, drag it to the right.
3. 3. Release the mouse button.
4. 4. Repeat these steps for each sub-menu item.



5. 5. Click the Save Menu  button in the Menu Editor to save your changes.

1. 1. Scroll to the bottom of the menu editor window.
2. 2. In the section titled Theme locations, click the check box for the location where you want your menu to appear.



3. 3. Click Save menu once you've made your selection.

Congratulations! Your menu has now been added to your site.

You can set any menu as Primary menu here.

Result:

With the Page Options specially built for our themes, you can easily customize General, Header, Footer of every page.

General

Content Margin: Enter margin top/bottom for content.

Page Title/Breadcrumbs: Enable/Disable page title/breadcrumbs.

Custom Title: Custom current page title.

Custom Sub Title: Enter sub title for page title.




Result:

Header

• Layouts: Select a layout for header.
• Main area color scheme: Select color scheme for main area.
• Top bar type: Select style to show top bar.
• Top bar color scheme: Select color scheme for top bar.



Result:

Footer

Show footer top: Choose show/hide footer top.

Show footer bottom: Choose show/hide footer bottom.

Result :

To set a page as Home page, go to Settings > Reading in your WordPress Dashboard panel.

1. 1. Set "Front page displays" as "A Static Page"
2. 2. In the drop down menu for "Front Page" choose a page which will be your home page.



3. 3. Save changes.

To Add Widget on Sidebar, please following these steps:

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

The options panel is home to all of the theme's extensive configuration options. To view the panel, click on Theme Options in the left-hand menu. Here you have the ability to alter many core aspects that make up how your theme looks and behaves. Any of the options that have some ambiguity to them conviently have descriptions to explain their purpose.

Layouts: Select a layout to show for content.

Background: Set background color/image for body.

Logo Image: Enable/Disable logo image.

Site Logo for Light/Dark background: Select an image file for your logo.

Result Logo for Light background:

Result Logo for Dark background:

Layouts: Select a layout to show for header.

Main area color scheme: Select color to show of main area.

Sticky Header: You can choose "On" or "Off".

Result:

Result Sticky Header:

Top bar type: Enter number value here.

Top bar color scheme: Select color to show of top bar.

Show social icons/search toggle/top menu: Select position to show social/search/top menu.

Top left/right area custom content: Enter content for top area here.

Result:

All options relating to Page Title can be found here.

• 

  Background Image: You can choose background-image from libraries.

  Color Scheme: Select color to show of page title.

  Show Breadcrumb: You can choose "On" or "Off" to show breadcrumbs.

  Result:

  

Not just color, all text elements are also within your control. You can define the style of Body text for your self.

Result:

Not just color, all text elements are also within your control. You can define the style of H tag for your self.

Result:

H1 font:

H2 font:

Posts navigation type: Select type to show posts navigation.

Post excerpt type: Select type to show post excerpt.

Post excerpt length: Set length to show post excerpt.

Read more text: Enter text for link read more.

Sidebar position: Select position of sidebar.

Result:

Sidebar position : Select position of sidebar.

You can show / hide the sections below to display the desired results.

Result:

Background: Select image from libraries.

Color Scheme: Select color to show of 404 page.

Result:

You can set Accent Color here.

Color Scheme: Select color to show of content.

Result:

Use theme gallery: Enable/Disable to show gallery.

You can add link page do you want for per page.

Background: Set background color/image for all footer area.

Back To Top: You can enable/ disable button back to top.

Result:

Show footer top: You can choose 'Hide' or 'Show' footer top.

Bacgkround: Set background color for footer top.

Color Scheme: Select color to show of footer top.

Result:

Show footer top: You can choose 'Hide' or 'Show' footer bottom.

Bacgkround: Set background color for footer bottom.

Color Scheme: Select color to show of footer bottom.

Social: Choose Enable/Disable social icon for footer bottom.

Copyright: Enter copyright for footer bottom.

Result:

Here is where you can turn on/off Developer Mode.

This section is especially for all those who want to move settings from theme options panel between themes or when you move your website from test server to live. Please always remember to click "Save Changes" button. Without that you will lose all your changes.

Visual Composer is a powerful Wordpress page builder that allows you to create complex page layouts without touching a single line of code. To switch to Visual Composer's Backend Editor, click on this button:

When Visual Composer's editing pane comes up, click on either of these buttons to Add Element.

A shortcode selecting panel will show up, you can see all the shortcode available in the theme. Select the one you would like to use.

You will then encounter a setting panel for the shortcode (each shortcode has it own setting options), after a bit of configuration, it will show up nicely on your page.

• Title: Enter title of your count up.
• Add icon: Check on option to add icon.
• Icon library: Select icon library.
• Icon: Select icon from library.
• Type: Choose type to show.
• Start Number/End Number: Enter start/end number here.
• Decimals: Select decimals to show on screen.

• Grouping number: Check on option to show grouping number.
• Grouping seperator: Enter grouping seperator here.
• Before/After Number: Enter the number value of before/after.
• Use Easing: Check on option to use simple easing animation.
• Duration: Set animation duration, in seconds.
• Scheme: Choose 'Default', 'Light' or 'Dark'.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Title: Enter title for fancy box.
• Description: Enter description for fancy box.
• Link/URL: Add link/title for button.
• Content Color: Set color for content.
• Style: Select style to show for fancy box.
• Alignment: Does not apply for centered style.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport .
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• Icon: Select style to show icon.
• Icon library: Select icon library.
• Icon: Select icon from library.
• Icon Color: Select color for icon.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Form Title: Enter title of form.
• Booking Form: Select booking form to show.
• Images: Select images for slider from media library.
• Auto Play/Show Navigation/Show Pagination/Rewind Navigation: Tick on option to show these sections.
• Slide Speed: Slide speed in milliseconds.

• Pagination Speed: Pagination speed in milliseconds.
• Rewind Speed: Rewind speed in milliseconds.
• Auto Play Time Out: Autoplay time out in milliseconds.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Alignment: Select position to show.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport.

• Text: Enter title for heading.
• Level: Choose level for heading.
• Appearance: Set appearance for heading here.
• Font Weight: Set font-weight for heading.
• Link URL: Enter url/title for heading.
• Color: Select color for heading.
• No uppercase: Tick on option to hide uppercase.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Number of items: Enter number to show on screen.
• Columns: Select the columns to show.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Newsletter Form: Pick default or custom forms from Newsletter Plugin.
• Color scheme: Select color to show.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Items: Enter the total items to be showed.
• Items on tablet/small desktop/desktop/large desktop: Enter the numbers to show on tablet/small desktop/desktop/large desktop.
• Color scheme: Choose color for driver.
• Show driver location filter: Tick on option to show driver location filter.
• All items label: Label for all items filter. Will be active by default.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• Space between slides: Enter space between slides to show.
• Show Navigation/Pagination: Tick on option to show navigation/pagination.
• Slide Speed: Enter slide speed in milliseconds.
• Rewind Speed: Enter rewind speed in milliseconds.
• Auto Play Time Out: Enter autoplay time out in milliseconds.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Number of items: Enter the numbers of post list.
• Color scheme: Set color to show.
• Columns: Set columns to show post.
• Navigation: Select navigation button.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport.
• Element ID: Change to whatever you want but do not remove it if you want to use navigation.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Number of items: Enter the numbers of services list.
• Color scheme: Set color to show.
• Columns: Set columns to show services.
• Navigation: Select navigation button.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Number of items: Enter the numbers of cars list.
• Color scheme: Set color to show.
• Columns: Set columns to show cars.
• Navigation: Select navigation button.
• More button text: Enter text for button.
• Layout: Select layout to show.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Number of items: Enter the numbers of drivers list.
• Color scheme: Set color to show.
• Columns: Set columns to show drivers.
• Navigation: Select navigation button.
• More button text: Enter text for button.
• Layout: Select layout to show.
• All items label: Label for all items filter. Will be active by default.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport.
• Element ID: Change to whatever you want but do not remove it if you want to use navigation.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Number of items: Enter the numbers of reviews list.
• Color scheme: Set color to show.
• Columns: Set columns to show reviews.
• Navigation: Select navigation button.
• Layout: Select layout to show.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Number of items: Enter the numbers of jobs list.
• Navigation: Select navigation button.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Title: Enter title for progress box.
• Sub title: Enter sub title for progress box.
• Add icon: Select style for icon.
• Progress icon text: Add icon text for progress box.
• Scheme: Set color for progress box.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport .

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Items: Enter the total items to be showed.
• Items on tablet/small desktop/desktop/large desktop: Enter the numbers to show on tablet/small desktop/desktop/large desktop.
• Color scheme: Choose color for driver.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• Space between slides: Enter space between slides to show.
• Show Navigation/Pagination: Tick on option to show navigation/pagination.
• Pagination Speed: Enter pagination speed in milliseconds.
• Slide Speed: Enter slide speed in milliseconds.
• Rewind Speed: Enter rewind speed in milliseconds.
• Auto Play Time Out: Enter autoplay time out in milliseconds.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Name: Enter name for member.
• Title: Enter title for team member.
• Description: Enter description here.
• Link/URL: Enter url & title for link.
• Color scheme: Choose color to show for team member.
• Image: Select image from media library.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

• Title: Enter title for progress bar.
• Percent progress: The progress percentage from 0 to 100.
• Label: If leave blank, the percentage above will be used as label.
• Color scheme: Choose color to show for progress bar.
• CSS Animation: Select type of animation for element to be animated when it "enters" the browsers viewport.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

• You can set Margin, Border, Padding, Bacgkround like you want.

• Result:

• 

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 prefix (save option and reload front-end view html).
• 
• 4. Copy two file .po & .mo and rename to 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 that’s done, simply upload the files to your theme folder.

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:

• Yoast SEO plugin
• Google Pagespeed Service
• Smush.it ( Optimizing Images )
• SEO Friendly Images ( SEO Images )

NOTICE: YOU MUST BE BACKUP YOUR DATA BEFORE UPDATE THE THEME.

You can update our theme using some ways bellow:

1. Update theme using Envato WordPress Toolkit.
or
2. You can update manual theme:

- If you have any troubles while using auto update ( such as permissions issue ) , and you want to update manually the theme via FTP or Cpanel.

- You download latest version of the theme on ThemeForest download page, and you rename the folder contain the old theme, then create a new folder and insert the latest theme into it.

The team at Farost are always happy to help you with any questions or recommendations you have about the GoodRide theme. If you need any help or support please contact us through the TF Messaging system or
Support Email: farost.agency@gmail.com