Link to the official Covid-19 Government Portal from your .za domain

Covid-19 website banner south africa

South African websites require Covid-19 Website Banner

For all .co.za domains

The South African government has asked all website owners to please link to the official Covid-19 resource portal somewhere clearly visible on your home page.

COVID-19 Corona Virus South African Resource Portal
Download the Covid-19 Gazette

Pay

Do it yourself for free, here’s how

3 Free Plugins

 

Easy Steps to install

 

Want to install this yourself? For Free? Here’s how….

Ready? You can do it!

Open your WordPress dashboard, navigate to > Plugins > Add New > and enter the search term:

south african covid-19 banner

into the search field to the right of the plugins install page. You will be provided with a few plugins to choose from. Here’s what I found:

Free Plugin Option 1:

South African COVID19 Banner

By Bridgement

Click ‘Install’ and then ‘Activate’ the plugin. Reload your page and you will see the ‘Covid Banner’ option now in the WordPress dashboard menu below > Settings.
Use the settings to configure the background color and font color. The plugin shows a neat popup at the bottom right of your screen which you can click to close which works well on mobile as it gives you more screen space once closed. It also has a link the the government portal.

Free Plugin Option 2:

South African Covid-19 Banner

Click ‘Install’ and then ‘Activate’ the plugin. Reload your page and you will see the ‘SA Covid-19’ option now in the WordPress dashboard menu below > Dashboard menu link.
Use the settings here to configure where you want the banner to show on your page and whether it should stay fixed to the top or bottom of the screen or scroll away with the content. I would select one of the options with scroll so this doesn’t interfere with your mobile view. The plugin shows a banner across your screen in the style you selected under settings. It also has a little more info including the Covid-19 hotline and whatsapp emergency contact details. It also has a link the the government portal. 

Free Plugin Option 3:

SA Coronavirus Banner

Click ‘Install’ and then ‘Activate’ the plugin. Reload your page and you will see the ‘SA Covid-19’ option now in the WordPress dashboard menu below > Dashboard menu link.
Use the settings here to configure where you want the banner to show on your page and whether it should stay fixed to the top or bottom of the screen or scroll away with the content. I would select one of the options with scroll so this doesn’t interfere with your mobile view. The plugin shows a banner across your screen in the style you selected under settings. You can also select/deselect the banner elements such as

You are also able to style the font colors. Definitely choose one of the scroll options. It is quite a wide banner so you don’t want it fixed over your mobile or desktop content.

Brought to you by our

QUICK TIPS ~ Wise Reminders

Thanks to Robin Devit, Seagyn Davis and Bridgement Devs for these free resources!

Follow us

Multi Language WordPress Website

Multi Language

Recommended Plugin

Multi Language Plugin that works with Divi

This plugin has a free version

Polylang-Multi-Language-WordPress-Plugin

Polylang Multi Language Plugin Configurations

What this article is really about is to help you get through that glitch that I have seen mentioned in several support forums. I was nearly ready to give up on the Polylang free plugin and just buy something because I couldn’t work out why my home page had disappeared and returned instead a 404 not found error.

There is already a very good article written by Divitheme with all the steps to getting the plugin working but I just wanted to add the step that wasn’t apparent to me. First off take a look at their tutorial. I would like to reiterate their steps are so nicely out-lined in the article by Divitheme so I am in no way trying duplicate their content, just add a little bit extra which helped me along the way.

So here goes.

Install the Polylang WordPress Plugin from the WordPress repository. Activate the plugin. Then go to the plugin settings via Dashboard > Languages > Languages and choose a language from the drop-down menu. Choosing a language will automatically populate the fields below this. Select the order of the languages setting your Default language to 0. Click ‘Add new  language’ . The language will appear on the right hand side in a list with all your languages. In the example below I chose English and German. Polylang-Language-Settings

You can also click the star icon on and off to set a language to the default language. In my case and the example above I only needed 2 languages. Install the Duplicate Post Plugin and activate it. When you head over to your posts or pages, hover over the list of posts or pages in your dashboard and you will see a new option next to ‘Edit | | Trash | View | Clone | New Draft’. Choose a page you want to translate. In my case it was the home page for my one page website. I clicked ‘clone’ and had an exact copy of my home page ready for translation. Here is the important step. Go into your primary language, in my case the English home page. On the right hand side you will see the language options. Under language I have selected English.

Link your default home page with your other language home pages

Now to link the 2 pages English and German I need to select the German page to link to from inside the Default home page language in my dashboard. So go to your default language home page dashboard. Once in put your cursor in the field below ‘Translations’. It will automatically show options of other pages on the site that are in another language. Select the desired page and language. Save your settings. You will see now that your page url has changed. For example the new url will be mydomain.com/en/home with the English translation code as part of the url. See screenshot below:

Polylang-Page-Settings

If you visit the page you just linked to you will see it is also linked and the url has incorporated the additional language code.

Hide the language code from your urls

If you do not want the url’s to show your language code you can hide this under the Settings > Languages > Settings > URL modifications. In the screenshot below I have configured the settings to show the language code in the url: Polylan-url-modifications

If you get the following Polyang Plugin Errors:

The chosen static front page must be translated in all languages

You will not be able to set the default home page until you have created at least 1 additional language for your home page and configured the settings above. Namely, go into your default language home page and choose the additional language to link it to. See explanation above.

Multi Language Menu

You will now navigate to Dashboard > Appearance > Menus and begin creating your multi language menu. First Create new menu, let’s say the English Menu. Add all the English language pages to it. Also add the new item created by the Polylang plugin called ‘Language switcher ‘.

 

Set the menu as your primary English Menu.

Create another additional language menu. Add the additional language pages to this menu. Set it as the default main menu for the additional language. Remember, you can only do this once you have created your additional language pages shown in the steps above.

Here is what the menu section would look like:

multi-language-menu

 

 

 

QUICK TIPS

Thanks to the Divitheme Article for getting me here.

Thanks to Gordon Johnson from Pixabay for the lovely image

Follow us