Scroll to top

Get In Touch
541 Melville Ave, Palo Alto, CA 94301,
ask@ohio.colabr.io
Ph: +1.831.705.5448

Work Inquiries
work@ohio.colabr.io
Ph: +1.831.306.6725

Tips & Tricks

Setting up Google Maps #

To be able using the Google Maps on your website you must get your own API Key.

After that you have to:

  • From the dashboard go to Theme Settings Other Settings Plugins Settings;
  • Paste it in the Google Maps API key field;
  • Hint the Update button on the right to save changes.

If it doesn’t work after that:

Now your Google Maps API should work and you can use Google Map element on your website.

Optimizing your website #

Ohio theme is well coded and optimized to give you the best performance results. But poor server/hosting, non-optimized images, and additional plugins might dramatically decrease the speed of your website. That’s why we suggest our users follow our optimization guide to speeding up their websites.

1. WordPress hosting #

Picking a hosting provider is a matter of choice based on its location, pricing, and services. This is an important decision at the start and we strongly suggest you choose a WordPress friendly hosting provider for using our theme.

Often asked by our clients, we try to determine the most appropriate hosting providers for them but it is always your choice based on your goals. A good WordPress hosting provider like Bluehost takes the extra measures to speed up your website.

2. Optimizing images #

Large and non-optimized images can dramaticaly increase the time of page loading, which may affect you conversion rates. There are to ways of compressing images, using online services:

And using WordPress plugins, to compress your images while uploading them to your media library (allows to optimized images while and after uploading).

3. Content Delivery Network (CDN) #

The location of your web hosting server can have an impact on your website speed when users from different countries visit your website. Let’s say your web server is located in Germany. Visitors from Europe will generally see faster loading times than visitors from the United States.

Using a Content Delivery Network (CDN) Media Cloud plugin can help to speed up loading times for all of your visitors and radically transform the way that you work with media in WordPress. Media Cloud works by moving your images, media, and other files from your WordPress server to CDN storages, such as:

The Media Cloud Getting Started tutorial will help you to set up cloud storage for your website and improve the performance of your website.

4. Caching #

WordPress pages are dynamic and they’re building each time when someone visits your website. This process includes many steps, and it can really slow down the performance of your website when multiple people are visiting it at once.

That’s why we recommend using caching plugins. Caching can dramatically increase the performance of your website (3x – 6x faster) in terms of loading time. We recommend using a free WordPress plugin Hummingbird. It has an intuitive interface and many options to adjust your website performance.

Check out the official step by step guide on how to install and setup Hummingbird on your WordPress website.

Change the order of categories #

Ordering the categories (filters) of the blog posts, portfolio items or shop products can’t be done directly through WordPress or the Theme Options. But you can do it using a Category Order and Taxonomy Terms Order plugin.

Follow these steps to install and activate the plugin:

  • From the dashboard go to Plugins Add New;
  • Search for Category Order and Taxonomy Terms Order in the search bar;
  • Hint the Install Now button;
  • When plugin is installed, click the Activate button and you’re done.

One-page scroll menu #

You can use smooth scrolling between sections in the one-page website. See a live demo here. To activate smooth scroll, firstly you must enable this feature here:

  • From the dashboard go to Theme Settings Header & Menu Other Settings;
  • Find the Onepage scroll menu option and toggle the switcher.
  • Hint the Update button;

The next step is to add a unique ID to each section.

  • From the dashboard go to Pages Home Page;
  • Click the edit link below to open a WPBakery Page Builder editor of your page.
  • Click the pencil icon to edit row or section;
  • On the General tab of the Row Settings menu add a unique ID for your row (eg #section-1);
  • Save popup and page changes.

The final step is to add links to your website menu. You have to create a menu and setting up your anchor links:

  • From the dashboard go to Appearance Menus;
  • Add as many Custom Link menu items as you need;
  • Paste your ID (eg #section-1, #section-2, #section-3) in the URL row and click the Save Menu button;
  • Hint the Save button to save and publish your changes.

Now, you should have a smooth scroll menu on your website.

Change or translate strings of the theme and plugins #

Ohio theme is translated ready and it means that you can use WordPress plugins to change/translate UI strings (e.g. Scroll to top, Next Project) for your web project. Let’s get started with choosing the right WordPress plugin for that purpose. We suggest you use LocoTranslate plugin, it’s free and quite intuitive to use.

This method works both for localization your website for any language or just changing the strings with your own ones.

All the strings are placed both in Ohio theme and Ohio Extra/Ohio Portfolio and other plugins. That's why you have to change/translate some strings in the theme and the other ones in the plugins.
  • From the dashboard go to Plugins Add New;
  • Search for the Loco Translate plugin;
  • And finally install and activate the plugin.

After installing the Loco Translate plugin its menu appears on your WordPress admin panel.

  • From the dashboard go to Loco Translate Themes/Plugins;
  • Choose the Ohio theme or a plugin you want to edit;
  • And hint the New language link.

Now you have to choose the language and the file location from the dropdown menus. As was mentioned previously, this action is required both for localization of your website for any language or just changing the strings with your own ones.

Finally, you should see a list with all the theme’s/plugins’ strings and you can start to change/translate strings:

  • Search for the string that you want to change;
  • Add your own value for the string;
  • And hint the Save button.
If you translate the theme and there are no results, you should try to search for the required string in the plugins (Ohio Extra, Portfolio Extra, WooCommerce).

Now you should have your strings changed/translated.

Change the theme name #

To rename the main theme follow these easy steps:

Renaming your theme will stop its automatic updates, you should do it manually in the future.
  • Go to /wp-content/themes/ohio and rename it to whatever you want (e.g. new);
  • Go to the theme folder /wp-content/themes/new and open the style.css file. In the top part of the style.css file you will see the theme name. Rename it and save changes;
  • Finally, navigate to  Appearance > Themes from your WordPress admin panel and activate your theme under the new name.

If you want to use both parent and child themes with a new name you should make an additional step:

  • Go to the child theme folder /wp-content/themes/new-child and open the style.css file;
  • Change the parent theme path in the style.css file and save changes.
We use cookies to give you the best experience.
✉️Subscribe

Sign up for our newsletter and be the first to get all the latest Colabrio news and updates.