The Kleaner - Industrial Cleaning Company WordPress Theme

Contents

1. How to update the Advanced Custom Fields PRO plugin?

2. Configure the theme on HTTPS (SSL certificate)

3. Logo does not show up on my site

4. Change the QT: Featured Page widget image and text

5. Edit the call to action background image

6. Translate customizer settings with the WPML plugin

7. Increase the page speed of my WordPress website

8. How-to: Update the theme

9. Translating the theme

10. Hide rows or elements on different screen size

11. Duplicate a page/post

12. Edit the page heading background image

13. Set up the WP Mail SMTP plugin

14. Enable lightbox navigation arrows

15. Create alternative menu in page sidebar

16. Contact form is not working

17. Allowed memory size of # bytes exhausted

18. Theme demo images

1. How to update the Advanced Custom Fields PRO plugin?

1. What is this plugin?

The Advanced Custom Fields PRO plugin is used for the slider and page setting option fields in our theme.

2. Update the plugin

If there is no direct update link visible please follow these steps to update the plugin:

3. Final note

It could be possible that the update notice is still showing up after doing above steps. This means that we need to update the plugin version on our side first.

The best option is to wait or if you want to update this plugin immediately please open a ticket and we send you the latest version.

2. Configure the theme on HTTPS (SSL certificate)

To serve your website over HTTPS a SSL certificate is needed. If this is not installed on your server yet please get in touch with your hosting provider.

After the SSL certificate is installed there are a few steps to make the WordPress installation and the theme work over HTTPS.

1. Go to Settings -> General

! Important: Before doing step 2 make sure to check if your WordPress dashboard is accessible over HTTPS

2. Change the "WordPress Address" and "Site Address" prefix from HTTP to HTTPS

3. Install and activate the Really Simple SSL plugin 

4. Activate the SSL option under Settings -> SSL.

Check if everything is working correctly on your website. It could be possible that the logo does not show up anymore, in that case delete and re-select the logo in the theme customizer setting.

3. Logo does not show up on my site

First make sure you have added a logo image to the logo setting in the theme customizer under Appearance → Customize.

If the logo does not show up on your website please follow these steps:

  1. Go to Settings → General
  2. At the "WordPress Address" and "Site Address" settings change the URL prefix from HTTP to HTTPS
  3. Save the settings at the bottom
  4. Navigate to the logo setting under Appearance → Customize
  5. Delete the logo from the setting(s) and re-select it from the media library
  6. Save the settings

Your logo should be visible at this point.

4. Change the QT: Featured Page widget image and text

  1. Click on "Pages" admin tab
  2. Edit the page that you want to display with the Featured Page widget
  3. At the right side of the page you can change the "Featured Image"
  4. At the bottom of the page you can change the "Excerpt" (see screenshot to enable this field)
  5. Save the page

The Landscaper excerpt text

5. Edit the call to action background image

To change the background image of the "Looking for a Cleaning Company, We're in business since 1978" section please follow these steps:

1. Edit the page builder row (click pencil icon)

2. Click the "Design Options" tab

3. Change image under the "Background" color control

6. Translate customizer settings with the WPML plugin

Make sure to have the WPML String Translations plugin installed.

--

1. Go to WPML -> String Translations 

2. Click the "Translate texts in admin screens" link at the bottom of the page

3. Scroll to the "+ theme_mods_NAME" link and click on it (where NAME is the theme name)

4. Check the checkboxes of the "featured_button_text" and "featured_button_url" settings

5. Scroll to the bottom of the page and click the "Apply" button and wait till you see the success notice.

("featured_button_text" and "featured_button_url" can be replaced with any other setting you want to translate from the customizer)

6. Go to WPML -> String Translations again

7. You'll find 2 new rows in the "admin_texts_theme_mods_NAME" table (where NAME is the theme name).

If you don't see them in the list click on the "All Domains" dropdown field and select the settings from there.

8. Click on the translation link of each new setting and the field to translate will appear.

7. Increase the page speed of my WordPress website

To increase the page speed of your WordPress website there are some standard things you can do.

1. Hosting

Hosting is a really important key in the page speed of your website. If you run WordPress on a small shared hosting package it's fine and the theme will fully work but it won't be blazing fast, simply because the resources of shared hosting are limited. If you want a good and fast hosting package we recommend to purchase (managed) VPS hosting.

2. Caching plugin

It's recommend to install a caching plugin for your website. The WP Fastest Cache plugin give the best result for our themes.

After installing navigate to the WP Fastest Cache tab in the admin menu and enable the following settings:

- Caching
- Gzip
- Browser caching
- Delete cache on update post/page

Best is to activate this plugin when you've finished building your website.

3. Scale and compress images

Please make sure you scale and compress images to reduce the size which will result in a faster loading time. You can scale image with an image editor program or with online tools like Pictureresize

To compress images please use the online Compressor.io tool or install a plugin like Smush Image.

4. Limit the amount of content

Please consider the amount and type of content you add to your website. If you add a lot of large and heavy images (see point 3 for this) your page speed and Google Insights score will drop drastically.

Also adding things like a YouTube video or a Google Maps will also slow down the page speed because a lot of extra scripts from these services will be loaded on your website. Only add content that is really necessary for your website.

5. Limit the amount of plugins

Only use the plugins you really need on your website and don't install too many plugins. If you don't need a plugin simple deactivate and delete it from your website.

If you have plugins activated but you're not using them it is still possible that files from these plugins are loaded to your website which will slow down the page speed of your website.

Please note that the Advanced Custom Fields PRO plugin is required for our themes. 

8. How-to: Update the theme

Get the latest theme version

You can download the latest available theme version from the download page of your ThemeForest. Click the "Download" button and select "Installable WordPress files only" for the submenu.


* Before updating the theme it is recommend to create a backup of your website with a plugin like UpdraftPlus.


The theme can be updated on three different ways:

1. Envato Market Plugin

2. WordPress Dashboard

3. FTP Client

9. Translating the theme

You can translate theme text strings (for example the weekdays) on two different ways:

1. Translate theme language file

You can translate the theme by editing the included .pot language file with a program like PoEdit. After translating please export the .po and .mo files which you need to upload in the language folder of the theme (theme-folder/language/). 

For more information please see this link


2. Translate with the Loco Translate plugin

With the Loco Translate plugin you can translate the theme inside your WordPress installation.

Please install and activate the Loco Translate plugin and follow the steps below:

1. Navigate to Loco Translate -> Themes (to translate text from a plugin go to Loco Translate -> Plugins)
2. Click on the theme or plugin in the list that you want to translate.
3. Click on the "New Language" link
4. Set your language from the dropdown field
5. Set "Choose a location" to Custom and press the Start Translating button
5. Type the word you want to translate in the search box and click on it when it appear in the list below
6. Write your translation in the most bottom textarea (do not change the default text)
7. Save the settings
8. Navigate to Settings -> General and set the "Site Language" option to the translation language.

You can read this tutorial for more information how to set-up a new translation (screenshots included)

10. Hide rows or elements on different screen size

By editing a page builder row or a specific element you can use the "Extra class name" input field to hide those element on mobile or desktop for example.

First navigate to Appearance -> Customize -> Additional CSS and copy/paste the following CSS code:

@media (max-width: 991px) {
    .hide-mobile {
        display: none !important;
    }
}
@media (min-width: 992px) {
    .hide-desktop {
        display: none !important;
    }
}

Then edit the page where you want to hide an element, edit that element and use the "Extra class name" setting.

To hide an element on mobile you can enter "hide-mobile" as class name (visible in the screenshot below)

And to hide an element on desktop you can enter "hide-desktop" as class name.


11. Duplicate a page/post

The WordPress CMS don't have a duplicate or clone function so it is recommended to install the following plugin for that:

https://wordpress.org/plugins/duplicate-wp-page-post/

After installing and activating the plugin you can duplicate a page or post by clicking the "duplicate" link:

12. Edit the page heading background image

The page heading image can be changed on two ways:

1. Globally

To change it for the entire website navigate to Appearance -> Customize -> Page Header -> Background Image

2. Per page

Or you can change the image only for a page at the option field below the page builder grid

13. Set up the WP Mail SMTP plugin

Before going through the steps make sure you have installed and activated the WP Mail SMTP plugin and have the following details at hand:

- SMTP Host
- SMTP Port
- SMTP Username (the email address that is used in the contact forms on your website)
- SMTP Password (password of above email address)

The SMTP Host and Port details can be found in the email you should have received from your hosting provider.

Configure the WP Mail SMTP plugin (step by step)

1.  Navigate to the "WP Mail SMTP" tab in the admin menu

2.  At the "From Email" setting enter the email address that you're using in your forms

3.  At the "From Name" setting enter the name which emails are sent from

4.  Select the "Other SMTP" option

5.  Enter the SMTP Host (can be found in an email from your hosting provider)

6.  At the "Ecryption" setting select "SSL" (select "TLS" if SSL is not available).

7.  Enter the SMTP Port (can be found in an email from your hosting provider)

8.  Set the "Auto TLS" setting set to "On"

9.  Set the "Authentication" setting to "On"

10.  Enter the SMTP Username (the email address you're using in your contact forms)

11.  Enter the SMTP Password (the password of the email address)

12.  Save the settings

Click to enlarge image

At this point the contact forms should be working. Note that a delay in sending and receiving the message is possible, this depends on the mail server of your domain.

If you still experience any issues please open a support ticket and we are happy to help you.

14. Enable lightbox navigation arrows

To enable the navigation arrows for images inside the lightbox window please follow these steps:

  1. Go to Settings -> Media
  2. Make sure you enable images for Fancybox (first setting)
  3. Scroll a bit down to the "Gallery" section
  4. Switch "Autogallery" to "All in one Gallery"
  5. Check the box "Show the gallery navigation arrows"
  6. Save the settings

15. Create alternative menu in page sidebar

By default the service pages use the same page sidebar and menu. In some cases, for example if you have a lot of services to display, you want to use alternative menus on some pages. You can do that by following these steps:

First make sure to set the default sidebar under Settings -> Reading by selecting the "Page Sidebar" at the "Default Sidebar" setting.

1. Create a new menu

2560294271.png


2. Create a new sidebar location for a page

If you want to display this same custom page sidebar on another page you don't have to create a new one. You can simple choose the already created custom sidebar from the dropdown field above the "enter new" link.

3. Assign the menu to this new sidebar location


Now your new menu should be displayed in the sidebar of the page.

16. Contact form is not working

It could be possible that the contact form don't send the message of the contact form and you will see a red notice below the form after pressing the submit button. This is one of the most common issues with WordPress and contact forms and can be fixed by installing the WP Mail SMTP plugin. 

Before installing that plugin please check these steps first:

1. Go to the "Contact" tab in the admin menu and edit your contact form

2. Click on the horizontal "Mail" tab

3. At the "To" setting enter your email address like:

[email protected]

4. At the "From" setting enter the same email address, but wrapped within < > symbols, like:

Please see the screenshot below for step 2, 3 and 4


5. Save the settings and test if the contact form send out the messages successfully.

If the contact form still don't send out the message the mail server of your domain is most likely blocking the requests and a secure connection is needed, this is one of the most common issues with contact forms and WordPress. 

You can do this by installing and setting up the WP Mail SMTP plugin. After installing the plugin please follow the steps in the article link below:

Set up the WP Mail SMTP plugin

17. Allowed memory size of # bytes exhausted

Do you see an 'allowed memory size exhausted' error? This is one of the most common WordPress errors, and can easily be fixed by increasing the PHP memory limit in WordPress.

Please follow these steps to increase the PHP memory. If you're not familiar with this please ask your hosting provider to increase the PHP memory

18. Theme demo images

Due to copyright of the images used in our theme demo we can't distribute them within the theme. Below you'll find a list of all images that can be purchased from 123RF.com

https://www.123rf.com/collections?collection_id=d02ec82c7f2817aacd0769031fcfa5ee

---

There are many free alternatives where you can download and use high quality stock photography for free: