WebGatha (WP)

This documentation will give you an understanding of how WebGatha is structured and guide you in performing the most common functions. If you require further assistance, related to topics not covered in this documentation, then please contact us via our support forum.

NOTE: We will not respond to any support questions on the item comment section or through e-mail. If this document doesn’t answer your questions feel free to open up a private ticket in our support forum

If you want to customize this theme as per your requirement, please contact us here: Support Forum.

Apart from the necessary WordPress requirements, here are listed recommended server configuration requirements to make the theme’s functions work correctly.

– PHP version: 5.6 (minimum) 7.2, or higher (recommended)
– memory_limit – 128M, or higher
– max_execution_time – 180, or higher
– upload_max_filesize – 64M, or higher

Most problems, such as white screen, out of memory error, sample data import failure, etc., usually arrive due to server settings and excessively low PHP configuration limits. You can change the necessary configurations, either by yourself (if your hosting provider allows you to do so) or contact your hosting provider to increase the limits.

So, make sure your server configuration is all set up, and the theme and plugins are working correctly. Enough server configuration will also ensure fast speed and increased performance.

Note Please check the theme requirements before you start with the theme. You can check PHP configuration and limits in Admin Panel > Tools > Site Health > Info [tab]. Site Health tool is built-in in WordPress v5.2 or greater. If you are using WordPress v5.1.x or lower, use Health Check & Troubleshooting plugin.

WordPress is one of the most accepted and popular CMS in the world that makes it the best choice for your website.
You can download and install WordPress from the official website using WordPress’ very setup steps called “Famous 5-minute install”.

For more information on WordPress, please, visit the WordPress Codex page.

We assume that your WordPress website is already set (if not, refer to WordPress Documentation to setup WordPress); the next step is to install the theme.

To get started with theme installation (we assume that you’ve purchased theme at ThemeForest),  you’ll need to download the theme file. To download the theme file, go to ThemeForest Downloads and locate the theme. Click on the download button and select the “Installable WordPress file only.” It will download the WordPress theme zip file for your theme.

Once the download completed, you can proceed with the theme installation. Here are the steps to install the theme:

In this method, you can install the theme directly from Themeforest with the Envato Market plugin. It is a free plugin. Using it, you can access all of your Themeforest and CodeCanyon item purchases from your WordPress dashboard. It becomes easy to install the new ThemeForest item and as well as keep them up to date. In this way, you will always have the latest feature additions, bundled plugin updates, and any theme security patches.

How to install?

The plugin can be installed from a ZIP file via the WordPress Dashboard.

1. Download the ZIP file from here.
2. Login to your WordPress Dashboard.
3. Go to Plugins > Add New.
4. Click “Upload Plugin” at the top.
5. Upload the envato-market.zip file.
6. Once installed, click “Activate Plugin”.
7. Visit the new “Envato Market” menu item.

Once plugin is installed and activated, you will need to link it to your Envato account to get access to all of your WordPress theme and plugin purchases. To do this, click on the “Generate A Personal Token” link on the Envato Market plugin page. It will redirect you to the Envato API page. You can generate an authorization token here.

To generate your token, log in to your Envato account (if you are not logged in), check the terms and conditions checkbox (but don’t uncheck any of the select options – the Envato Market plugin needs access to this info to work correctly) and click the green button for “Create Token.”

You should get a green success screen next.

Copy your token code and paste into the Token field on the Envato Market plugin page then Save Changes.

Once token saved, you will able to see all of your purchases. Just click the Install button to install your theme, and that’s it.

If you prefer to install your theme via FTP / SFTP, you can. It is a straightforward process. There are some necessary steps which cannot be miss.

For this, first, you need to install an FTP (file transfer protocol) client application. You can use the FileZilla or any other FTP Client, as per your choice and system environments.

Once the FTP client installed, open it and connect to your server (we are using FileZilla for demonstration). For more information on the FTP server, refer to this link.

Now, extract the theme from downloaded zip (Please make sure you’ve downloaded it with “Installable WordPress file only”). Then, navigate to the “themes” folder on your server, it should be at “Your_Website_Root_Folder/wp-content/themes”. Now, upload the extracted “theme” folder in the themes folder on the server.

For this installation method, follow the below steps:

1. Log in to the WordPress Admin Panel and go to Appearance > Themes.
   
2. Click on Add New button on top of the screen.
   
3. Click on the Upload Theme button on the top, to upload a zipped copy of the theme (Make sure you’ve downloaded it with “Installable WordPress file only”).
   
4. Now, select the zipped copy of the theme and click on the Install Now button.

Note: This method not recommended on the large size of the theme.

WebGatha fully supports child theme. A child theme inherits the look and feel of the parent theme and all of its functions, but can be used to make modifications to any part of the theme. In this way, customizations are kept separate from the parent theme’s files.

So, child-theme is the safest, most comfortable, and best way to make minor or extensive changes to any theme, while preserving the look and functionality of the original theme.

Using a child theme lets you upgrade the parent theme without affecting and losing the customizations you’ve made to your site.

Theme package contains the “WebGatha Child” child theme. To use the child theme, upload the child theme, from the theme package, in the /wp-content/themes/ folder.

For more information about child theme’s, please refer below links:

https://codex.wordpress.org/Child_Themes

https://developer.wordpress.org/themes/advanced-topics/child-themes/

You can import the sample data by running the setup wizard, or you also can use the theme options for import the sample data. For that first, activate the “WebGatha” theme and run the setup wizard.

Then activate the theme using the purchase code and install the required plugins. After the theme and plugins installations, the next step is to create a child theme if you want to customize it, then you can proceed with sample-data to install sample data. It will help you to understand the content/layout and customize the site quickly. If you want to continue from scratch, you can skip this step. The theme bundled with the sample data. It will create similar to the instance of our demo site ( It is not exactly the same because of the contents/layout of the demo site change time-to-time as per new changes).

To proceed to sample data installation using theme options, go to Theme Options > Sample Data and click on the “Install” button (and Keep Calm). And, the import will run and processed in the background.

You can import additional pages using an Additional pages importer, which contains the additional home pages.

Note: You have to activate the theme first. Without activation of the theme, you can’t import the sample data.

The theme comes with Theme Options, from where users can control and customize the various portion of the site.

From this section, you can control the layout of the site, such as Full Width, Boxed, Framed, and Rounded. And also, you can manage the site background. This section contains the below fields:

This section provides options to upload/set the site logo. You can set a logo as either text or image.

If you chose “Logo as Image,” it will provide options to set Site Logo, Sticky Logo, and Mobile Logo, with Max Height setting for each logo. You can enable/disable Site Description, and you can set Favicon too.

This section contains the below fields:

In this section, you can manage the site preloader. This section contains fields to enable/disable preloader, select preloader source, and select preloader image.

This section contains the below fields:

This section provides settings to enable/disable “Back to Top” in desktop and mobile.

This section contains the below fields:

This section provides settings to manage various portions and elements of the site header, like header type, header colors, etc.

This section contains the below fields:

In this section, you can enable/disable topbar and manage elements/content in the topbar. This section contains some pre-defined topbar elements, i.e., Language, Currency, Phone Number, Topbar Menu, Email, and Social Profiles.

Some elements are dependent on other plugins or settings in different sections. So, they will appear on front only if the criteria fulfilled.

This section contains the below fields:

In this section, you can manage the footer layout, and it’s content. You can choose footer widget columns, columns alignment, background (either image or color), colors, copyright content (and it’s formatting), and additional footer bottom content.

This section contains the below fields:

In this section, you can enable/disable to show copyright text. In the Copyright Section, you can set the background color, text color, link color, and footer text.

In footer contents, you can use some predefined shortcodes, like [webgathacore-year], [webgathacore-site-title], [webgathacore-footer-menu], [webgathacore-footer-social-profile] etc.

This section contains the below fields:

In this section, you can enable/disable to show footer above content.You can set content description or static block.

This section contains the below fields:

In this section, you can manage (default) page header settings. This section contains fields to manage page header, background, and breadcrumb settings. You can set page header height, enable full width and set color scheme as light or dark. You can choose color, image or video as a page header background.

Also, you can customize page header settings individually from each page.

This section contains the below fields:

Background Opacity Color (Custom)This field depends on background opacity color if set as custom. You can set custom colors as page header background opacity color.

In this section, you manage sidebar layout as Full Width, Left Sidebar, or Right Sidebar, for default and search page. You can also set a sidebar for default and search pages.

This section contains the below fields:

In this section, you can manage the blog page sidebar and blog layout. You can set the layout as Classic, Grid, Grid Large, List, List Large, Masonry, and Timeline.

It also provides the ‘Read word per minute’ settings, based on that it will calculate and provide how much time will take to read the content.

It also provides the option to display select post meta like Categories, Read Time, Date, Author, Tags, Like, View, Comments, and Share.

This section contains the below fields:

In this section, you can handle to display archive page descriptions, i.e., Author Info on Author Archive page, Category Description on Category Archive page, and Tags Description on Tag Archive page.

This section contains the below fields:

In this section, you can set the sidebar layout as Full Width, Left Sidebar, or Right Sidebar for a single post page. You can also set sidebar for the Single post page. You can control meta fields (Categories, Read Time, Date, Author, Tags, Like, View, Comments, and Share) visibility. And, can show/hide Related Posts, Author Details, and Post Navigation.

This section contains the below fields:

In this section, you can manage portfolio archive and details pages like layouts, columns, style, thumbnail size, etc.

This section contains the below fields:

In this section, you can manage team archive and details pages like layouts, column, style etc.

This section contains the below fields:

This section provided settings to product settings like hiver style, catalog mode, label, etc.

This section contains the below fields:

This section provided settings to product listing page like Column, Sidebar, Page Width, Shop Page Banner, etc.

This section contains the below fields:

This section provided settings to manage product filter options like category, rating, price, etc.

This section contains the below fields:

In this section, you can manage the product detail page look and feel.

This section contains the below fields:

In this section, you can manage a quick view popup look and feel.

This section contains the below fields:

In this section, you can manage my account page text.

This section contains the below fields:

In this section, you can manage FAQ page template layout.

This section contains the below fields:

In this section, you can control the color of various portion/sections of the site.

This section contains the below fields:

In this section, you can control social profiles. Social Profiles is a repeater field which allows adding multiple social profiles. Click the “Add” button to add additional fields. It provides the ability to add predefined and custom social profiles. Below is the list of predefined social profiles. If you want to add a custom social profile, then select “Custom” in Social Profile field.

• Facebook
• Twitter
• Dribbble
• Vimeo
• Pinterest
• LinkedIn
• Youtube
• Instagram
• Behance

This section contains the below fields:

In this section, you can manage contacts information. This section contains the Email and Phone Number.

This section contains the below fields:

In this section, you can manage Privacy Policy related settings.

This section contains the below fields:

In this section, you can manage opening hours. You can set opening hours as times per day. Time ranges are specified using a hyphen -.

In this section, you can control social sharing services. Currently, the section contains total of twelve services:

• Facebook
• Twitter
• Linkedin
• Pinterest
• Google Bookmarks
• Reddit
• Tumblr
• StumbleUpon
• Digg
• VK
• XING
• Skype

You can enable/disable any social sharing service as per your choice. Social sharing icons will appear on the blog page, blog post, WooCommerce product detail page, and product Quick View.

Note that social sharing icons on the WooCommerce product detail page and product Quick View will appear only when social sharing is enabled in Theme Options » WooCommerce » Single Product and Theme Options » WooCommerce » Quick View.

In this section, you can manage site-wide typography. This section contains an option to manage typography for body element and header elements (h1 to h6). You can set font family, font size, font weight & styles, line height, letter spacing, etc.

In this section, You can enqueue extra google fonts. You don’t have to do code custom code to enqueue Google fonts, select the fonts with related subsets, and save the settings. And you can use custom font using custom CSS.

For example, you select the Roboto font family so that you can use selected font family following CSS. To add the following style you can use a child theme or custom CSS in theme options.

.selector {
  font-family: 'Roboto', sans-serif;
}

In this section, you can set the custom fonts by uploading the font-related files ex. .woff, .woff2, .ttf etc.

For example, if you select Bank Nue font family, so you can use the uploaded font family as following CSS. To add the following CSS you can use the child-theme or custom CSS in theme options.

.selector {
  font-family: 'Bank Nue';
}

WordPress allows you to upload the most common image files, audio/ video, PDF, Microsoft Office and OpenOffice documents. WordPress codex has a full list of allowed file types and extensions.

Security is the main reason behind the limitation on file types that users can upload. However, this does not mean that users cannot change this. Using a tiny bit of code, you can add a new file type and extension to WordPress.

For example, add this code in your child theme’s functions.php file or a site-specific plugin to allow font files type to be uploaded:

function webgatha_child_mimes_types( $mime_types ) {
  $mime_types['otf'] = 'application/x-font-otf';
	$mime_types['woff'] = 'application/x-font-woff';
	$mime_types['woff2'] = 'application/x-font-woff2';
	$mime_types['ttf'] = 'application/x-font-ttf';
	$mime_types['svg'] = 'image/svg+xml';  
	
	return $mime_types;
}
add_filter( 'upload_mimes', 'webgatha_child_mimes_types' );

In this section, you can control the 404 error page. You can manage 404-page contents or select from the page list.

This section contains the below fields:

In this section, you can control “Maintenance” and “Coming Soon” pages. You can manage maintenance and coming soon pages contents or select from the page list.

This section contains the below fields:

In this section, you have to provide “MailChimp API Key” and “MailChimp List ID” for newsletter shortcode.

This section contains the below fields:

In this section, you have to provide “Client ID”. Here you can generate the Instagram Access Token by using the Instagram client ID for authentication. Using the access token, you can get the Instagram images from the related account for Instagram shortcode and widgets.

In this section, you have to provide Google Maps API Keys to display the map on your site. Click here to generate Google Maps API Keys.

In this section, you can add custom CSS and JavaScript. It can be useful if you want to do any custom formatting with CSS or functionality with JavaScript.

This section contains the below fields:

You can import pre-defined sample data, as shown on our demo site, from here. You can also import additional pages after import sample data.

You can import file or through URL to set all these theme options. This will overwrite all existing option values.
You can also Export data through copying data, download the file, and copy the export URL.

WebGatha comes with bundled WPBakery Page Builder (formerly Visual Composer) with lot of shortcodes.

Along with that, WebGatha contains various customized shortcodes for different needs. Here below you can find settings and details for them.

This element allows inserting the banner in content.

TitleAdd banner text here. Use Google font to select this checkbox to use Google fonts. Font FamilySelect Google font family. Font style selects Google font style.
Note: These fields are only visible if “Use Google fonts” is checked.Font SizeEnter/select font size. This font-size will be in the ratio of the main font-size. Text ColorSelect text color.Background ColorSelect text background color.Font style select font style.
Note: This field only visible if “Use Google fonts” is unchecked.Font WeightSelect font-weight.
Note: These fields only visible if “Use Google fonts” is unchecked.Text TransformSelect text-transform.Letter SpacingEnter/select letter spacing.Line HeightEnter line-height. If you want to add value in decimal, then use a full decimal format like allowed units are px, em, and %.ResponsiveSelect checkbox(es) to show/hide text on specific device size.

This element allows inserting the blockquote in content

This element allows inserting Blog Posts in content.

This element allows inserting the button.

Element allows inserting the callout in content.

This element allows inserting the clients logo in content..

This element allows inserting the contact form in content.

This element allows inserting the countdown in content.

This element allows inserting the counter in content.

This element allows to insert DropCap.

This element allows inserting image comparison in content.

This element allows inserting the image gallery in content.

This element allows parallax image on section.

This element allows inserting InfoBox in content.

This element allows inserting Flipbox in content.

This element allows inserting hotspots in content.

This element allows inserting the Instagram images in the content.

This element allows inserting list items with icons instead of bullets.

This element allows inserting map in content.

This element allows inserting newsletter in content.

This element allows inserting a menu list in content.

This element allows inserting a price menu in content.

This element allows inserting the portfolio in content

This element allows inserting the pricing table in the content

This element allows the inserting process in the content.

This element allows inserting product categories.

This element allows inserting Products in content.

This element allows inserting progressbar in content.

This element allows inserting Section title in the content

This element allows inserting the separator in content.

This element allows inserting social icons in content.

This element allows the inserting team in content.

This element allows inserting the testimonial slider in content.

This element allows inserting the timeline in content

This element allows inserting Video in content.

This element allows inserting accordion on the page, and This is a nested shortcode. This shortcode contains the subsection in which you can add another shortcode.

WebGatha Section

This element allows inserting Slider in content.

Slider Item.

This element allows inserting Tabs in content. This is nested shortcode, this shortcode contains the subsection in which you can add another shortcode.

WebGatha Section

WebGatha comes with six predefined header styles with different settings and options, by using them in combination, you can create a customized header.

Header Builder allows you to create a custom header, which you can use as header.
You can set which header to use for all pages using theme settings in Theme Options. The header builder is an intuitive drag and drop header editor. With the help of a header builder, you can create customized, eye-catching and impressive unlimited headers with an infinite number of styles by just drag and drop.

You can use a component at different locations, like Top Bar, Main Header or in the Header Bottom, and you can set individual properties for each. The header builder provides better and precise control over header elements. Header builder also provides the facility to create customized and responsive headers for mobile devices too, which gives a great user experience on all devices and platforms.

Enable Header Builder in Theme Options

By default, the theme will display predefined header styles. You can display custom header by enabling it by selecting “Header Builder” in Theme Options > Header > Site Header > “Select header type” field. Enabling custom header will enable another field, named “Select Custom Header”, next to the “Select header type” field, in which you can choose custom header built-in Header Builder section.

Header Builder Sections

A header consists of three sections:
1. Top Bar: As the name suggests, it’s the top area of the header.
2. Main Header: As the name suggests, it’s the main area of the header.
3. Header Bottom: As the name suggests, this row is located at the bottom of the header.

Header Builder Components

Header builder comes with the below components:

1. Account: Add a login and register links and form.
2. Button: Create buttons with various styles and options.
3. Cart: Add WooCommerce Cart icon.
4. Compare: Add WooCommerce Compare icon.
5. Currency: Add WooCommerce currency switcher dropdown.
6. Divider: Add a separator to divide the header content.
7. Email: Add email address.
8. Static Block: Select and add a Static Block content.
9. Language: Add language switcher/selector dropdown.
10. Logo: Add a logo in the header. Settings to customize the logo options are available in the theme options.
11. Menu: Add any existing WordPress menus to the header.
12. Phone Number: Add a phone number to the header.
13. Primary Menu: Add menu assigned in the Primary menu location.
14. Search: Add a WordPress search form.
15. Social Profile: Add social profile links to the header. Social profiles can be managed from Theme Options.
16. Space: Add horizontal space between two elements.
17. Text Block: Add text/HTML content with WYSIWYG editor.
18. Wishlist: Add WooCommerce Wishlist icon.

WebGatha comes with custom footer styles with different settings and options, by using them in combination, you can make a beautiful footer.

In the process of our product improvement, we built a footer-builder in theme. The footer builder is an intuitive drag and drops footer editor. With the help of a footer builder, you can create customized, eye-catching and impressive unlimited footers with an infinite number of styles by just drag and drop.

Footer builder also provides a facility to create a customized and responsive footer for mobile devices too, which give a great user experience on all devices and platforms. The footer builder provides better and precise control over elements. You can use a component at different layouts, and you can set individual properties for each.

Enable Footer Builder in Theme Options

You can display custom footer by enabling it by selecting “Footer Builder” in Theme Options > Footer > Footer Layout > “Select footer type” field. Enabling custom footer will enable another field, named “Select Custom Footer”, next to the “Select footer type” field, in which you can choose custom footer built-in Footer Builder section.

Footer Builder Sections

A footer consists of three sections:
1. Sidebar: As the name suggests, it’s a list of the sidebar. Drag and drop sidebar to footer sidebar.
2. Footer Settings: As the name suggests, it’s a footer setting.
3. Footer Column: As the name suggests, this option is to set a number of columns for the footer.

Footer Builder Components

Footer builder comes with the below components:

1. Footer Column: Select the footer column.
2. Column Alignment: Select column alignment.
3. Footer Sidebar: Drag the sidebar here.
4. Hide For Desktop: If you want to hide the column in the desktop.
5. Hide For Tablet: If you want to hide the column in the tablet.
6. Hide For Mobile: If you want to hide the column on mobile.

WebGatha boosts the default functionality of the WordPress menu to adding mega menu in the theme, So it is more comfortable and smooth.

Create a menu from Appearance > Menus and drag and drop post, page, category or anything which you need in the menu. Mega menu is enabled only on the primary menu. Click on “Enable Mega Menu” from WebGatha Mega Menu.

If WebGatha Mega Menu does not appear then enable from Screen Options > WebGatha Mega Menu.

When you hover on the menu item, You will see the “Menu Setting” option.

Menu Setting comes with the below options:

1. Link Anchor: Link where you want to navigate.
2. Menu Color Scheme: Select color scheme Dark or Light.
3. Design Type: Select Design type Dropdown or Mega menu.
4. Open Submenu On Click: Open sub-menu.
5. Enable Menu Link: Open menu link. It will appear when the “Open Submenu On Click” option selected.
6. Select Icon: Select Icon for Menu.
7. Label: Menu item label.
8. Label Color: Menu item label color.
9. Background Image: Select background image for the mega menu.
10. Background Repeat: Select Background image repeat type.
11. Background Size: Select Background image size.
12. Background Position : Select Background image position.

This element allows you to create custom sidebar, Which you can use in any page. To add the sidebar in particular page go to Pages -> Custom Sidebar.

You can use the custom menu anywhere in the theme using the following shortcode. Using this shortcode, you can display the menu list in a horizontal line.

[webgathacore-custom-menu]

For use custom menu, follow step:
– Create a Menu
– Assign menu as Custom Menu
– Use shortcode for display Menu – [webgathacore-custom-menu]

You can manage the Topbar menu from Header Builder. You can assign the topbar menu using the Menu element.

For use topbar menu, follow step
– Create a Menu
– Assign menu as Topbar Menu
– Select Menu from Menu element in Header Builder

This widgets allows inserting the contact us details.

WebGatha Contact Us widget comes with the below options:

1. Title : Enter title.
2. Address : Enter address.
3. Email : Enter email.
4. Phone : Enter phone number.

This widgets allows inserting facebook page details.

WebGatha Facebook widget comes with the below options:

1. Title : Enter title.
2. Page Address : Enter facebook page address.

This widget allows inserting the Instagram image.

WebGatha Instagram widget comes with the below options:

1. Title: Enter the title.
2. Number of items: Enter the number of item to show.
3. Display Likes Counts? : Checked this checkbox to display likes counts on images.
4. Display Comments Counts? : Checked this checkbox to display comments counts on images.

This widget allows the inserting newsletter.

WebGatha Newsletter widget comes with the below options:

1. Title: Enter the title.
2. Newsletter Style : Select newsletter style.
3. Newsletter Color: Select newsletter color.
4. Content: Checked this checkbox to display comments counts on images.

This widgets allows intersting opening hours.

WebGatha Opening Hours widget comes with the below options:

1. Title : Enter title.

This widgets allows inserting recent posts.

WebGatha Recent Posts widget comes with the below options:

1. Title : Enter title.
2. Display post date? : Checked this checkbox to show post date on posts.
3. Display post thumbnail? : Checked this checkbox to show post thumbnail image.

This widgets allows inserting social.

WebGatha Social widget comes with the below options:

1. Title : Enter title.
2. Content : Enter content.
3. Style : Select social widgets style.
4. Shape : Select social widgets shape. Note : Shape Option will not apply for the Default style.

This widget allows inserting testimonials.

WebGatha Testimonials widget comes with the below options:

1. Title: Enter the title.
2. Number of to show: Enter number of testimonials to show.
3. Display meta? : Checked this checkbox to show meta.

WebGatha supports the latest two versions of all major browsers like Chrome, Firefox, Safari, Opera, Internet Explorer 11 and Edge.

If you like our theme and support, Please do not forget to rate it with five stars in your Downloads section and write a review in Comments as it will add more value to our services!

Kindly visit here: http://themeforest.net/downloads and find “Rate this item” below the download button and rate out the theme.

Advance Thanks in Anticipation!

WebGatha is entirely multi-language. It means you can translate the site into anyone or multiple languages.

There are various options to translate the site. You can do it by either editing .po file, or by using plugins.

Translation with Poedit is a .po file editing translation method.

This app provides the easy method to create new translations for any language, edit existing translations, synchronize strings, and a,also generate the .mo file.

To edit catalog.po file, follow the below steps:

1. Open Poedit
2. Choose “New from Po/POT file.”
3. Select the pot file wp-content/themes/webgatha/languages/webgatha.pot.
4. Select the new language you want to translate. Choose the country, (e.g., French) if you wish to the language in general, or if you want the more exact, select French (France) or French (Madagascar) to consider local dialects.
5. Save the file with your language name, prefixed with the theme name, like “webgatha-fr_FR.po” for “French (France)” or “webgatha-fr_MG.po” for “French (Madagascar)“. It will generate both a .po and .mo files for your translation.
6. Place these files into Folderwp-content/languages/themes/.

How to Update Translated Language File

When a theme is updated and text strings are updated in the language files, then you can update your language translation file to sync with the latest changes. For this, follow the below steps.

1. Open Poedit.
2. Open the translated .po file of your desired language in POEdit.
3. Select Catalogue > “Update from POT file’ in top menu.
4. In the opening file dialog, choose the webgatha.pot file from the wp-content/themes/webgatha/languages folder. The catalogue will then be auto-updated with all the new text strings, and your custom ones will be preserved.
5. Save the file after updating and adding translations.

Loco Translate is the in-browser translation file editing method.

To start translation, follow the below steps.

1. Install Loco Translate plugin.
2. Go to Loco Translate > Themes and select “WebGatha.”
   
3. Click on “New Language” link.
   
4. Choose a language in “Choose a language” field, and choose “languages/loco/themes/webgatha-<locale>.po” in “Choose a location” field.
   
5. Translate strings and click on “Save” button to save the translations.
   

For more information check below links.
https://localise.biz/wordpress/plugin/manual
https://localise.biz/wordpress/plugin/beginners

WPML is an in-browser multi-lingual translation plugin. It provides facility to translate WordPress, Themes, and Plugins strings and add contents in multi-language.

WPML is a commercial plugin. So, you need to purchase a copy of WPML, with below modules, to start the translation.

1. WPML String Translation
2. WPML Translation Management
3. Advanced Custom Fields Multilingual (ACFML)

Check below video for WPML setup.

For further settings, after WPML plugins installation, Check “Getting Started Guide.”
For more information and settings, see WPML Documentation.

You can translate custom post types, custom taxonomies, widgets, navigation menus as well as URLs in Polylang.

To start translation, follow the below steps.

1. Install the Polylang plugin.
2. Go to Language and select language you want to translate and click on “Add New Language”.
   
3. Go to Language > Strings translations and translate strings.
   

All images and videos are for preview purposes only and not included in the download files. Images are of copyrights under Creative Commons CC0.

Images

• Shutterstock
• Freepik
• Pexels
• Unsplash
• Pngtree
• Pngimg
• Graphicburger
• Pixabay

Scripts

• jQuery
• Bootstrap
• Popper
• Tilt js
• Countdown js
• FontIconPicker js
• Shuffle js
• Js Cookie
• SlickNav
• Swiper js
• Magnific Popup
• jQuery ui touch punch

CSS & Fonts

• Bootstrap
• Swiper
• SlickNav
• Magnific Popup
• Font Awesome
• jQuery-ui
• FontIconPicker
• Themify Icon
• Google Fonts

Note For questions on basic WordPress, HTML, Javascript or CSS editing – please give your question a quick Google or visit W3Schools as theme issues get top priority.