Back to top
Share

Tips & Tricks

admin March 20, 2019 0 comments

6. Tips and tricks #

6.1 Setting up Google Maps #

You must get an API key.
Here is where you can get an API key. Then go to Theme Settings>Other Settings>Plugins Settings and paste it in the Google Maps API key field.

If it doesn’t work after that:
1. Go to Developer Console>APIs & auth>APIs
2. Search for Geocoding and click on Google Maps Geocoding API>Enable API. Do the same thing for Geolocating.
Then your map should work.

6.2 Optimizing your website #

6.2.1 Optimizing images #

Always optimize/compress your jpeg images before uploading them to your website. Large images should be compressed at around 90% image quality and you should also try to limit the use of uncompressed pngs.

This is a website we suggest for compressing your images: https://compressjpeg.com

6.2.2 Caching #

A good caching solution can significantly increase the performance of your site in terms of loading time.

Here is a solution we suggest: https://ru.wordpress.org/plugins/autoptimize/

6.3 Adding categories to the menu #

To add any of the blog, portfolio or shop category links to the main menu follow this steps:

  1. Navigate to Appearance > Menus from the WordPress admin panel;
  2. Unfold the Screen Options section;
  3. Tick the blog categories, portfolio categories or shop categories.

6.4 Changing the order of categories #

Ordering the categories (filters) of the blog posts, portfolio items or shop products cannot 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:

  1. Navigate to Plugins > Add New from the WordPress admin panel;
  2. Search for Category Order and Taxonomy Terms Order in the search bar;
  3. Click the Install Now button;
  4. When plugin is installed, click Activate button and you’re done.

6.5 One-page scroll menu #

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

  1. Navigate to Theme Settings > Header & Menu from the WordPress admin panel;
  2. Choose Other Settings from the tabs menu section;
  3. Find Onepage scroll menu option and toggle the switcher to “Yes”.

Add Section ID

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

  1. Navigate to Pages > Your Page from the WordPress admin panel;
  2. Click the “edit” link below to open a Visual Composer editor of your page.
  3. Click the pencil icon to edit row or section;
  4. On General tab of the Row Settings menu add a unique ID for your row (i.e: #section-unique-id);
  5. Save popup and page changes.

Add menu links

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

  1. Navigate to Appearance > Menus from the WordPress admin panel;
  2. Add Custom Links menu item;
  3. Paste your ID (i.e: #section-unique-id) in the URL row and click a “Save Menu” button.

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