Transcargo - Theme Customization

Transcargo - Theme Customization guides.

Theme Customization

WordPress Customize allows you to setup the general styling of the website visually. In WordPress menu go to Appearance > Customize. Here you can setup most important options of your theme.

Site Settings:

Static Front Page: You can select default Front and Blog pages here.

Logo & Title: You can setup basic site options like: Site title, Tagline, Logo & its dimensions and Favicon.

Style & Settings: set your custom colors, enable/disable Boxed version and show/hide .

Header:

Top Bar: Here you can enable/disable Top Bar & WPML Switcher and add your company office addresses, contact information and working hours.

Header Appearance: You can enable/disable Header Search form & Sticky menu and select one of the basic header styles.

Archive Pages: Choose archive pages layout, sidebar and its position.

Footer:

Layout: Here you can change the footer logo & its dimensions, the copyright text and split the footer into widgets. Also specify the number of widget areas.

Footer Socials: Here you can select displayable social icons.

Post Types: You can setup/change Title, Plural Title, Rewrite URL and Icon for custom post types

Typography: Set up the fonts out of free google fonts. Besides this you can setup font weight, font size and line height also.

Socials: You can add your company social URLs here.

Custom CSS: Here you can add your custom styles.

Menus: You can add/edit menus here

Widgets: You can set up the widgets into the precreated areas. You can do the same later Appearance > Widgets.

Footer area setup

The footer is the same on all pages. You can see whole options via Appearance -> Customize -> Footer.

Here you can set up:

  • Footer logo and its dimensions;
  • Count of additional Widget Areas;
  • Footer Text;
  • Copyright;

Also you can set other areas up on the Widgets page (Appearance > Widgets) and choose from the suggested widgets. Please see the attached screenshot.

PS: Please note the Demo Content doesn’t contain these widgets. So they need to be added manually.

How to set up the sidebar

In this theme we paid special attention to Sidebars for your biggest convenience and on multiple previous requests.

We have two types of sidebar: right sidebar and left sidebar, which can be selected for both of archive and single posts/pages.

In addition to that, you can add/create a new sidebar with VC Widgets/Elements, in this case you will need to go here:

Edit or create a new sidebar, and add any sections you need by means of Visual Composer

For archive pages you can set sidebar options up via Appearance -> Customize -> Layout

For single pages/posts you can add sidebar via Widgetised Sidebar or STM Sidebar VC element

Adding Images to Revolution slider

You will need to upload various images to the Layer slider. You can add items from Revolution Slider plugin in the WordPress backend. When you go there first you need to create the new Slider, and add new slides.

More detailed manual you can find here - http://www.themepunch.com/revslider-doc/slider-revolution-documentation/.

Menus

There are two navigations on the site – Header menu and Footer menu, so you can adjust them under Appearance -> Menus

This is standard Wordpress functionality, you can choose from the pages, post categories, or custom links.

Localization

You can change your site main language via Settings -> General -> Site Language

It’s easy to localize your site using Loco Translate plugin. Here you can see related tutorial - https://localise.biz/help/wordpress/translate-plugin/beginners.

Another way is to add your translations via creating your own .po files. Before adding translations for static strings it needs to rename language files correctly according your site languages. Theme language files are located in a ../wp-content/themes/theme-folder/languages/ folder. You can find a list of language codes at WordPress in your Language. As an example, the language code for English is en_EN, so you would save the translated files as en_EN.po first, then en_EN.mo.

There are several ways to fill up translations. One of them if using PoEdit platform. You can add translation via editing your .po file and at the end PoEdit generates .mo file for you. Then you needs to upload ready translation files to primordial folder (../wp-content/themes/theme-folder/languages/).

Adding Custom Icons

Apart from Theme and Visual Composer Icons you can include your own Icons in your site. Firstly it needs to generate fonts of your custom icons. You can do it via uploading your ready .SVG and generating fonts here - https://icomoon.io/app/

Then you can upload your fonts .zip archive file (which you have downloaded from IcoMoon) via Appearance -> STM Icon Manager -> Upload New Icons.

4

Was this article helpful?

Yes No

Thanks so much for your feedback!

Thanks so much for your suggestion!