How to Add Language Translator on Website with Divi and WPML

How to Add Language Translator on Website with Divi and WPML

by | Nov 5, 2020 | Wordpress

What is WPML WPML, or WordPress Multilingual, is a premium plugin that lets you create multiple versions of the same content with each version being a different language. It then automatically delivers the version with the correct language for each reader. The website, as well as the individual posts, also include language links so the reader can choose the language they want. WPML was already a powerful translation platform, but it now has the Advanced Translation Editor which will perform translations automatically.

Setting up WPML

First, purchase the version of the WPML plugin that works best for your needs. Multilingual CMS and Multilingual Agency support page builders. Download and install all of the required plugins. Go through the settings, setting up your site language, translation languages, menu switcher locations for the menu, footer, and widgets, links to translation of posts, etc. Each of these settings can be edited later. Come back to this settings screen for even more settings.

Additional Required Plugins

To easily translate Divi, you’ll need two additional WPML addons:
  • Translation Management – creates an interface so you can interact with translators and translation services.
  • String Translation – translates strings such as tagline, widgets, etc.
Click to install each addon. String Translation needs no setup, but you’ll need to setup Translation Management.

Setting up Translation Management

Go to WPML > Translation Management in the dashboard menu. Here, you’ll choose who will be the translation manager. This can be a new user, current user, or you. Choose the translation method. Use your own translators or see the available services. This shows a list of services with a description, rating, and a button to activate them. It also includes a couple of tabs for other translation services and add-ons for the translation management system. If you don’t use a translation service you can add your local translators. Choose your translation editor. I recommend selecting the Advanced Translation Editor because it has automatic translation options. Review the summary and click Done. The Translation Management screen will now provide a list of items to translation. You can also adjust roles, services, and translation jobs using the tabs.

Performing a Translation from the WordPress Editor

You’ll see the translation options in the sidebar of the post editor. This is the Classic Editor. To translate the post, click the + next to the language you want to translate it into. It shows the languages you chose during setup. You can also duplicate the post if you want. It’s in the same location if you’re using Gutenberg.

The Advanced Translation Editor

Selecting a language takes you away from your website to the Advanced Translation Editor. Click the light blue button close to the center of the header labeled Translate Automatically. Select whether to keep the sentences as incomplete so you can review them yourself, or to mark them as complete without reviewing them. Click Translate. Once the translation is complete, you’ll see the translated text in the center field. The content is broken into sentences so you can see and edit them independently. Click on any text you want to edit and it will show in the editor in the right. Here, you can copy and paste in the original text, select to perform a machine translation, open a glossary, use spell-check save as draft, and save and complete. Clicking the green check marks that section of text as complete, highlights errors, and loads the next section. Approved each translation and click Finish in the bottom right corner. Next, it shows a preview of the text in a visual view and in HTML view. Clicking Complete in the bottom right will declare the work as done and take you back to your post editor where you can make other translation choices. The language you chose will no longer be available in the list for this post. Under the list is the word Translation and a link labeled ‘show’. Clicking the link displays the translations you’ve translated this post into with an edit button. If an update is available it will show a circle or arrows. Clicking opens the Advanced Translation Editor where the translations for you to approve will be highlighted in yellow. I returned and edited the phrase ‘Bed & Breakfast’ to ‘Bed and Breakfast’ so it would translate. If you update the page but don’t update the translation, the original will still show in the languages that you haven’t updated.]]>


Deprecated: pathinfo(): Passing null to parameter #1 ($path) of type string is deprecated in /var/www/html/wp-content/plugins/urvanov-syntax-highlighter/class-urvanov-syntax-highlighter-langs.php on line 86

Deprecated: pathinfo(): Passing null to parameter #1 ($path) of type string is deprecated in /var/www/html/wp-content/plugins/urvanov-syntax-highlighter/class-urvanov-syntax-highlighter-langs.php on line 86

How to Count Post Views in WordPress without Plugin

by | Nov 3, 2020 | Wordpress


Deprecated: pathinfo(): Passing null to parameter #1 ($path) of type string is deprecated in /var/www/html/wp-content/plugins/urvanov-syntax-highlighter/class-urvanov-syntax-highlighter-langs.php on line 86

Deprecated: pathinfo(): Passing null to parameter #1 ($path) of type string is deprecated in /var/www/html/wp-content/plugins/urvanov-syntax-highlighter/class-urvanov-syntax-highlighter-langs.php on line 86

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<strong><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">gt_get_post_view</span><span class="hljs-params">()</span> </span>{
    $count = get_post_meta( get_the_ID(), <span class="hljs-string">'post_views_count'</span>, <span class="hljs-keyword">true</span> );
    <span class="hljs-keyword">return</span> <span class="hljs-string">"$count views"</span>;
}
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">gt_set_post_view</span><span class="hljs-params">()</span> </span>{
    $key = <span class="hljs-string">'post_views_count'</span>;
    $post_id = get_the_ID();
    $count = (int) get_post_meta( $post_id, $key, <span class="hljs-keyword">true</span> );
    $count++;
    update_post_meta( $post_id, $key, $count );
}
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">gt_posts_column_views</span><span class="hljs-params">( $columns )</span> </span>{
    $columns[<span class="hljs-string">'post_views'</span>] = <span class="hljs-string">'Views'</span>;
    <span class="hljs-keyword">return</span> $columns;
}
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">gt_posts_custom_column_views</span><span class="hljs-params">( $column )</span> </span>{
    <span class="hljs-keyword">if</span> ( $column === <span class="hljs-string">'post_views'</span>) {
        <span class="hljs-keyword">echo</span> gt_get_post_view();
    }
}
add_filter( <span class="hljs-string">'manage_posts_columns'</span>, <span class="hljs-string">'gt_posts_column_views'</span> );
add_action( <span class="hljs-string">'manage_posts_custom_column'</span>, <span class="hljs-string">'gt_posts_custom_column_views'</span> );</strong>
 

2. Then, copy the code below and paste it into single.php file in the while loop.

1
2
3
4
5
 
<strong><span class="php"><span class="hljs-meta">
<?php</span> gt_set_post_view(); <span class="hljs-meta">?>
</span></span></strong>
 

3. Next, copy the following code and paste it where you want to show the number of views
<div class=”densor” style=””><?= gt_get_post_view(); ?></div>
4. When it’s all done, you will see the post view like this:]]>

How do I change the WordPress Site URL?

How do I change the WordPress Site URL?

by | Oct 24, 2020 | Wordpress


Deprecated: pathinfo(): Passing null to parameter #1 ($path) of type string is deprecated in /var/www/html/wp-content/plugins/urvanov-syntax-highlighter/class-urvanov-syntax-highlighter-langs.php on line 86

Several reasons to change the URL

The following are instructions for moving a WordPress installation from one URL to a different one. There are different cases for moving a WordPress install, as shown below.

Case #1 — Moving from a subdirectory

The first case is when a WordPress site moves from a sub-directory to its parent domain. For example:
  • Move from https://cozmot.com/blog to
  • https://cozmot.com
If you’ve already moved your domain to a new URL, you are not able to log in since WordPress is configured to use the old URL.

Case #2 — Adding or removing www

Another reason to update your URLs is if you need to add or remove www from your domain. For example, if you’re using Cloudflare with DreamHost, you need to add www to your domain. So if it was previously example.com, you would change it to www.example.com. After adjusting the URL, you may also see a browser redirect error when viewing your site. It may say “Too many redirects” or “The page isn’t redirecting properly”.

Case #3 — Adding ‘https’ to the URL

If you’re using an SSL certificate, the first part of the URL changes from ‘http’ to ‘https’. If you’ve already made this change, you are not able to log in since WordPress is configured to use the old URL.

Case #4 — Moving to a new domain

The last case is when a WordPress site moves from one fully hosted domain to a different one. For example:
  • Move from https://example.com to
  • https://cozmot.com

Option 1 – Changing the HOME and SITE URL using phpMyAdmin

If you’ve already made any of the changes above, you’re not able to log into your dashboard. You can instead use phpMyAdmin to update the HOME and SITE URLs. Visit the following article for more information on how to log into phpMyAdmin:
  • Finding your phpMyAdmin login credentials
  1. Open phpMyAdmin.
  2. Click your database in the left pane. Several tables appear below it. Click on your wp_options table.
  3. Locate the siteurl and home rows. Click the pencil icon next to each to edit.
    When you scroll over these options, “browse” will appear.
  4. Click the pencil icon next to each to edit.
  5. Alter the URL by typing in a new one.
  6. Click the Go button to save the settings. Do this for both the ‘siteurl’ and ‘home’ options.
You should now be able to log into your site at example.com/wp-login.php. Although this gives you access to your site, any former URLs in your database are still using the old URL. You should now use a plugin to update all URLs in your database to the new URL. View the following article for full instructions:
  • Changing all URLs in your WordPress database

Option 2 – Changing the URLs in your wp-config.php file

You can also change the URLs in your wp-config.php file. This is a little easier than editing your database and will give you immediate access to your site.
The following assumes your Home and Site URL should be ‘example.com’.
  1. Log into your site using FTP or SSH.
  2. In your WordPress directory, edit the file titled wp-config.php.
    • Creating and editing files via FTP
    • Creating and editing a file via SSH
  3. In that file, add the following lines just above /* That’s all, stop editing! Happy blogging. */.

    1
    2
    3
    4
     
    define('WP_HOME','http://example.com');
    define('WP_SITEURL','http://example.com');
     

  4. If you visit your site now, you’ll see you can log in.
Although this gives you immediate access to your site, the database is still not configured to use the correct HOME and SITE URL. You should now use a plugin to update all URLs in your database to the new URL. View the following article for full instructions:
  • Changing all URLs in your WordPress database

Edit functions.php Edit functions.php

If you have access to the site via FTP, then this method will help you quickly get a site back up and running, if you changed those values incorrectly.
  1. FTP to the site, and get a copy of the active theme’s functions.php file. You’re going to edit it in a simple text editor and upload it back to the site.
  2. Add these two lines to the file, immediately after the initial “<?php” line:
update_option( 'siteurl', 'http://example.com' );
update_option( 'home', 'http://example.com' );
Use your own URL instead of example.com, obviously. 3. Upload the file back to your site, in the same location. FileZilla offers a handy “edit file” function to do all of the above rapidly; if you can use that, do so.

Verifying the new HOME and SITE URL

If you used options #1 above, the HOME and SITE URLs were updated in the database. You can confirm your site is now using the correct URLs in your dashboard.
    1. Log into your WordPress Dashboard.
    2. Navigate over to Settings > General.
    3. Here you’ll see the HOME and SITE URL your WordPress site is configured to use.
]]>

ADDING A COVID19 NOTIFICATION BAR TO YOUR WORDPRESS SITE

ADDING A COVID19 NOTIFICATION BAR TO YOUR WORDPRESS SITE

by | Apr 26, 2020 | Covid19, General, Wordpress

If you are running a website on WordPress, the notification plugin might save you from leaving your potential customers, website visitors behind. The quick and easy Notification Bar helps you keep visitors informed as it has the great attention-grabbing capability. 

 

Here’s the list of notification bars plugins that are available for WordPress 

Apex Notification Bar

Features

  • Pre-designed read to use templates 
  • Multiple Notification Bar Positions and Styles, and Components 
  • Contact form integration options
  • Multisite compatibility and responsive
  • Premium version available with more options

Explore Apex Notification Bar Lite 

HashBar Notification Bar 

Features

  • Compatible with King Composer, WPBakery Page Builder, and Elementor Page Builder 
  • Option for Scheduling Notifications for a specific time 
  • Option to create unlimited Notification bars 
  • Show Notification on Specific URLs 

Explore more about HashBar WP Notification Bar 

Announcement Bar Notification Bar

Features

  • Great Customization and Positioning Options 
  • Display it Anywhere 
  • Option to add more content with ‘more’ tag and drop down 
  • Easy Setup and installation 

Buy Announcement Bar Notification Bar

Top Bar Notification Bar

Features

  • Option to set time before the Top Bar appears 
  • Bottom border 
  • Bottom positioning 
  • User visibility settings 

Explore the Top Bar in Detail

Easy Notification Bar 

Features 

  • Easy installation and setup 
  • Good customization options for color, background, and text 
  • Callout Button (Optional) 
  • Responsive 
  • No cookies or JavaScript required 

Explore Easy Notification Bar in Detail

Hello Bar Notification Bar 

Features 

  • Show the right message at the right time to your visitors 
  • Offers Exit-Intent Popup 
  • Targeting visitors through 200+ parameters 
  • Google SEO & GDPR Compliant 
  • Allows A/B testing 

Explore HelloBar Notification Bar in Detail

 

WPFront Notification Bar 

Features 

  • This processes shortcodes 
  • Position it anywhere and you can even make it sticky 
  • An optional button that can execute a JavaScript or open a URL 
  • Auto-close option and reopen button 
  • Set the start and end date of the notification 

Explore WPFront Notification Bar in Detail 

Installing a Notification Bar in WordPress (WPFront Notification Bar in this example)

Go to ‘plugins’ in the left menu bar of your WordPress Dashboard. Type the name of the notification bar  plugin in the space given. Install it from there by clicking on ‘Install Now‘.

Once installed, go to your installed ‘Plugins‘ section (in the left menu bar), find your newly installed plugin and ‘activate‘ it. 

Once activated, go to ‘Settings’ in the left menu and click on the ‘Notification Bar’ option.

Fill up the details such as the color of the bar, where and when you want to show it, the text you want to display, add buttons and other options. 

Once you fill all the details as per your preference, tick the ‘Enable’ box to upload the notification bar on your WordPress website. 

Here’s how it looks when it is live

We understand that some of you might be facing difficulty in finding the right developer for this task. Cozmot inc is offering help on a complimentary basis on installing the notification bar or choosing the right options for the bar. So, if you need a developer’s assistance for a task in the COVID hit days, feel free to reach us out.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]]]>