Theme installation

Once you purchased the theme, download theme package from your Themeforest account.

d-theme-install1

 

Extract it and find installable “ultron.zip” in “THEME IN THAT FOLDER !” folder.

Log in your domain, where you have previously installed WordPress.

Go to Appearance>Themes>Add new>Upload theme and upload installable ultron.zip archive.

d-theme-install3

u-install1

 

Activate the theme and begin installing required plugins.

 

u-install2

Return to Required plugins installer.

u-install3

And activate installed plugins.

u-install4

 

 

If you want to import demo data, go to Appearance>Import Demo Data section.

u-install5

 

Read carefully instructions on the demo import and click “Import Demo Data” Button.

u-install6

u-install7

The import is started. It may take several minutes, so, please, simply wait till you see 100% in the progress bar.

u-install8

RECOMMENDATION: We strongly recommend to create a new menu in Appearance>Menus, instead of editing the one from the demo. It is too big and can be cutted after clicking “Save” button. This is a common WordPress issue, which you can read in this discussion about. In order to safely edit the existing demo menu, increase the following value in php.ini file:

from

max_input_vars = 1000

to

max_input_vars = 2000

 

IMPORTANT NOTE! If you are going to customize theme files, we strongly recommend to install child theme at once. Child theme is located in “Child Theme” folder of theme archive. More information about child theme you can find in section Child theme of this docimentation.

Child theme

It is very important to install child theme in case you are going to modify theme files.

The greatest advantage of the child theme is that you can store the modified theme files in it and they will never be lost after you update the parent theme.

Why?

Because child theme doesn’t require updates.

How to get started with the child theme?

First of all you have to install the parent theme, as described in section “Theme installation” .

Find “ultron-child.zip” file in theme package.

Install it the same way as the parent theme over Appearance>Themes>Add new. And activate it.

How to upload modified files to the child theme?

For example you need to edit file news-page.php that is stored in “page-templates” folder.

After you have modified that file, you have to upload it to the child theme in the same folder, where it is located in the parent theme. Example “page-templates/news-page.php”.

u-child1

 

 

u-child2

 

How to add my custom CSS to the child theme?

You can insert your custom CSS codes directly to the style.css file, that is located in the root of child theme or to Theme Options>Advanced Options>Custom CSS.

u-child3

 

If you choose the second way, don’t worry – custom CSS won’t be lost after you update the parent theme.

Getting theme updates

There are two ways to update the theme to its latest version:

  • manually;
  • automatically.

MANUAL UPDATES

In order to update the theme manually, you need to perform the following steps:

  1. Log in your Themeforest account;
  2. Go to ‘Downloads‘ section;
  3. Click on the button in from of the theme name;
  4. Select “Installable WordPress file only” option from the dropdown menu and download the zip archive.ultron-update1
  5. Unzip ‘ultron.zip‘ archive and upload folder ‘ultron‘ via FTP to ‘wp-content/themes‘ directory replacing the old files.
  6. After that go to Appearance>Install Plugins section and update the required plugins. If there is no such section in your admin dashboard, it means that all plugins are up-to-date and there are no new versions available.

AUTOMATIC UPDATES

In order to activate auto update function, you need to enter your theme purchase code in Theme Options>Main Options>Item Purchase Code field.

u-updates2

 

Once done, you will receive notifications about the available versions in the Updates section of the admin dashboard.

u-updates1

 

In order to update the theme:

  1. Go to Updates section and perform an update from there.
  2. After that go to Appearance>Install Plugins and update the required plugins from there.  If there is no such section in your admin dashboard, it means that all plugins are up-to-date and there are no new versions available.

If you encounter any problem while updating automatically, please, update manually.

Google map activation

In order to make Google Map work on your site, it is required to activate your Google Map API Key in theme options of the theme.

Please, follow the next steps:

  1. Generate your Google Map API Key by following instructions in this tutorial.
  2. Go to Theme Options > Advanced options section and find Map api key field there.
  3. Insert your API key and save settings.
    google-map-api-ultron
  4. When you are ready, you can add map on your pages via Visual Composer editor.

Pages. Visual Composer

Adding a new page

To create a custom page go to Pages section, click Add new tab, give it a title and start adding content to it.

You can add the content either using a default WordPress editor or with help of Visual Composer, that comes with the theme as the main page builder.

Visual Composer

We tried to keep all standard Visual Composer options. What we changed is styling of the existing modules and added a number of new modules. The rest of options are left unchanged.

The detailed documentation on how to use Visual Composer is added to the theme package. However, there is a lot of other useful information and video tutorials provided at the official VC website and its youtube channel, that you can view following the links below.

https://www.youtube.com/channel/UC8VqUAlmHoMs85jalFRv_mQ

http://vc.wpbakery.com/

https://wpbakery.atlassian.net/wiki/display/VC/Visual+Composer+Pagebuilder+for+WordPress

 

Despite of the existing official Visual Composer documentation, we will review the basic features of this builder in this article.

If you are going to add content using Visual Composer, make sure that you have installed and activated it while installing the theme.

Create a new page, enter a title and click “Backend editor” button.

d-page1

Start adding elements by clicking “Add element” button or select any of the predefined layouts, if needed.

d-page2

After you have clicked “Add element” button, there pops up a window with all available modules, that can be used on your page. Add needed modules and adjust their settings using the options inside each module.

d-page3

After you have added the first module, you have possibility to edit the row by splitting it into columns. For this you just have to hover the row icon, there will appear more icons with all predefined column variants, and select the needed one.

d-page4

Visual Composer also allows you to edit the row settings, that you can edit by clicking the pencil icon.

d-page5

Page options

You can adjust custom page settings for your page. They are located in Page options section and include settings for:

– header;
– stunning header;
– page layout;
– footer.

 

Header options

These settings allow you to change header look on the particular page. Here you can:

– upload a different logo for normal and Retina screens;
– select a different header type: light, dark or transparent;
– enable/disable sticky header.
u-portfolio13

Stunning header options

u-stunning5

This section allows you to adjust the following settings on particular pages:

– Enable/disable stunning header;
– Disable top margin – if enabled, the extra space under stunning header and before the footer will be removed. If disabled, there will be additional space aftter the stunnning header and before the footer.

u-stunning4

– Breadcrumbs – you can enable or disable breadcrumbs;
– Subtitle text – you can enter cutom subtitle to a particular page.
u-stunning6

– Title typography – change font family, size and color of the stunning header title.;
– Background – it is possible to change background color of the stunning header or upload a background image;
– Page header height- you can adjust the height of the stunninge header section.

Page layout

Here you can select layout of your page and adjust settings for it. You can choose layout with left or right sidebar or without sidebars.

u-layout1

You can also adjust the layout style:

– Boxed layout – layout will have a wide border on sides and the space outsite the border can be filled with background color or image.

u-layout2

– Enable frame around body – you can enable a frame, like a photo frame, that will make a narrow space around the page layout.

u-layout3

– Full width layout – this option is available only for page layout without sidebar. It makes the page stretch across the browser window.

Footer options

In this section you can adjust custom settings for the particular page.

u-layout4

– Enable/disable back-to-top button;
– change padding before and after footer content;
– change background color or upload background image;
– change font color of of the footer text;
– Customize footer widgets – if enabled, you can change the widgets shown in the footer of the partucular page.

 

Theme parts (repeated content)

If you would like to have a repeated content on each page of your site, Ultron provides such a feature without any need to create the same content on each page. Once created, it can be linked to all pages/post/portfolio with only one click.

How it works? First of all create such a content in “Theme parts” section in the left bar of the admin panel.

u-themepart1

Repeated content can be created both with Visual Composer and with the standard WordPress editor. Choose what you like most.

If your decide to use Visual Composer, you have to activate it for Theme Parts section first. Go to Visual Composer>General Settings and check “crumtemplatefragment” checkbox and save settings.

u-themepart2

Create your first theme part and save it. After that you can link it to your pages, posts or portfolio in Theme Options>Footer options>Theme parts.

Click “Add new” button and select the post type, where theme part will be displayed, and the theme part itself.

u-themepart3

For example, if you linked the theme part to your pages, it will be displayed on each page before the footer section.

You can create multiple theme parts and link them to other post types, like portfolio and posts.

There is also an option to override the global theme part for a particular post, page or portfolio. For this simply edit your post/page/portfolio, find “Theme parts options” section and select a different theme part from the list.

u-themepart4

 

 

 

Single post. Post formats

Simple post

What is the post and its default features you may already know from the WordPress Codex.

To create a simple post you have to:

1. Log in your WordPress admin dashboard;

2. Go to “Posts” section in the left of your admin dashboard.

3. Click “Add new” tab and start filling in the blanks: enter your post title in the upper field,  enter your post content field in the main editing box below.

4. If needed link your post to existing categories and tabs, or create new ones directy from the post.

5. Add a featured image to your post, that will be displayed on your blog pages and post slider.

Post formats

Ultron theme support most of standard Wordpress post formats: gallery, image, quote, video, audio. The definition of each format is detailed described in WordPress Codex. The list of all post formats is represented as radio-button list  in “Formats” sub-section in the right side of the post edit page.

To create a post with the desired post format,  select a format from the radio-button list, and start adding the content.

Gallery post format. Jetpack gallery

Ultron theme supports the default WordPress gallery post format. However it comes with Tiled Galleries Carousel Without Jetpack plugin, that provides 4 gallery layouts in addition to standard gallery options. So if you want to use all features of Tiled Galleries Carousel Without Jetpack plugin, it is recommended to install it together with other recommended plugins in Ultron theme.

To create a gallery post, you have to:

1. add new post, fill in Title field;

2. select Gallery post format from the Formats radio-button list;

3. click “Add Media” button;

d-post1

4. click “Create gallery tab” from the left menu and start adding images from Media library, or if you don’t have any images there, upload some from your computer;

5. when all images are selected, click “Create a new gallery” button;

d-post2

6. select needed parameters in “Gallery settings” section. You can attach your image to media file as well as to attachement page, select number of columns for your gallery, choose size of images and type of gallery. The last options are provided by Tiled Galleries Carousel Without Jetpack plugin, and can be visible if the plugs ins installed and activated.

7. When you are ready, click “Insert gallery button”.

d-post3

Single post layout

You can select layout for your single post in “Single post layout” section. There are 4 options available:

– Default – this is the layout set in Theme Options>Sidebar Options>Single Post Layout section.
– Without sidebars;
– Sidebar on left;
– Sidebar on right.

If you chose layout with the sidebar, oyu can also select the width of the sidebar:

– Default – this width type is set in Theme Options>Sidebar Options>Single Post Layout section.
– Small;
– Normal;
– Large;
– Extra large.

u-post4

Additional post settings

There are general settings for single posts that you can set for all posts at once, that are located in Theme Options>Single post section. There you can enable or disable featured image and post meta data on single post.

Also you can add Adsense code to “Adsense code” field, that will be displayed on each post on your site.

u-post5

Blog page

Creating a blog page

To create a blog page, where all your post will be shown, you need to:

1. go to Pages section;
2. click “Add new” tab;
3. fill in title field;
4. and select “News page” template from section Page Attributes.

 

d-blog1

Blog page options

These settings allow you to:

– select template for your blog page,
– select number of columns for grid templates,
– exclude or include categories to display.

u-blog1

General options

General options for blog page can be set up in Theme options>Blog options section. There you can select blog template for all blog pages, enter “Read more” text, that suits you most, and set excerpt length.

u-blog2

Page options

You can adjust custom page settings for your blog page. They are located in Page options section and include settings for:

– header;
– stunning header;
– page layout;
– footer.

Header options

These settings allow you to change header look on the particular page. Here you can:

– upload a different logo for normal and Retina screens;
– select a different header type: light, dark or transparent;
– enable/disable sticky header.
u-portfolio13

Stunning header options

u-stunning5

This section allows you to adjust the following settings on particular pages:

– Enable/disable stunning header;
– Disable top margin – if enabled, the extra space under stunning header and before the footer will be removed. If disabled, there will be additional space aftter the stunnning header and before the footer.

u-stunning4

– Breadcrumbs – you can enable or disable breadcrumbs;
– Subtitle text – you can enter cutom subtitle to a particular page.
u-stunning6

– Title typography – change font family, size and color of the stunning header title.;
– Background – it is possible to change background color of the stunning header or upload a background image;
– Page header height- you can adjust the height of the stunninge header section.

Page layout

Here you can select layout of your page and adjust settings for it. You can choose layout with left or right sidebar or without sidebars.

u-layout1

You can also adjust the layout style:

– Boxed layout – layout will have a wide border on sides and the space outsite the border can be filled with background color or image.

u-layout2

– Enable frame around body – you can enable a frame, like a photo frame, that will make a narrow space around the page layout.

u-layout3

– Full width layout – this option is available only for page layout without sidebar. It makes the page stretch across the browser window.

Footer options

In this section you can adjust custom settings for the particular page.

u-layout4

– Enable/disable back-to-top button;
– change padding before and after footer content;
– change background color or upload background image;
– change font color of of the footer text;
– Customize footer widgets – if enabled, you can change the widgets shown in the footer of the partucular page.

 

Single portfolio. Portfolio settings

Portfolio is a custom post type for displaying your portfolio items.

To create a portfolio, you have to:

1. log in your admin dashboard;

2. go to “Portfolio” section, that is located in the left side of the admin dashboard;

3. click “Add new” tab and begin filling in the blanks:

– enter title in the upper field,
– the content to the main body content box and to “Item Short description” field, if needed,
– assign your portfolio to existing categories and tags, if needed, or create the new ones directly from portfolio edit page;

4. add an image in the Featured Image section, that is located in the bottom right corner of the edit page. It will be displayed on the main portfolio page.

Portfolio content settings

Portfolio content section is subdivided into:

1. Item layout options. Here you select cusotm layout for your portfolio. There are 5 options available:

– Image left aligned – this layout enables you to set a short description on the right of the image by filling the “Item Short description” field and text below the image by filling in the upper editor field.

– Image right aligned – this layout enables you to set a short description on the left of the image by filling the “Item Short description” field and text below the image by filling in the upper editor field.

u-portfolio1

– Image centered with the text below;
– Image centered with text above;
– Simple text without image.

u-portfolio2

2. Item media options. This option enables you to add different media formats to your single portfolio item. They are:

– Simple featured image;
– Images slider – if this option is activated, you can add images slider and/or image gallery below it. For this click “Add” button and select images from Media library. If you add image gallery in “Additional images”, you can also select number of columns to display them – 2 or 3.

u-portfolio3

– Video – you are allowed to add any video format to your portfolio item.

u-portfolio4

– Audio – you are allowed to add embed audio link or upload your own audio file.

u-portfolio5

3. Item additional information. Here you can add additional description of your portfolio item, that we mentioned before. Also you are allowed to add custom fields using “Info boxes” section. It can be just a small info, for example, about the author of the product.

u-portfolio6

Featured image size

There is an option to select the size of the featured image: normal, landscape, portrait. It enables you to have images of the different sizes on the panel portfolio layout.

u-portfolio7

 

Related items

Another option present on single portfolio page is “Related items options”. It allows you to display related items below the main content of your single portfolio. You can choose, whether the related items belong to the current category or to other categories. For this switch the toggle to “On” or “Off”.

u-portfolio8

If the toggle is set to “Off” select from the list categories that will be displayed as related items. You are allowed to select more than one category.

One important note – the selected categories can be added as well as excluded from display. For this switch the toggle “Exclude categories” to the proper position.

If the toggle is “On”, the selected categories won’t be displayed on page, if “Off”, only selected categories will be displayed there.

u-portfolio9

 

Stunning header options

This options allows to modify existing stunning header settings (typography and background settings of the page title section).

You can leave general settings by setting “Default” option. Or you can change the settings for individual portfolio item, if you select “Enabled” option. Otherwise, you can remove stunning header section from your portfolio by choosing “Disabled” option.

u-portfolio10

General options

There are general options, that can be set up for all portfolio items. They are located in Theme options>Portfolio options and are the following:

– Custom slug for portfolio items – you can change default slug for portfolio to your custom one.
– Show share social icons – enable or disabled social share buttons for the single portfolio page.
– Show related posts – if enabled, related posts will be displayed on the single portfolio page.
– Block title – here you enter the title of the related items section.
– Number of posts – select how many related items will be displayed on single portfolio page.

u-portfolio11

 

 

 

Custom slug for portfolio

The default slug for portfolio items is “portfolio”.

However you can change it to your custom slug. For this go to Theme options>Portfolio options and enter your custom slug to Custom slug for portfolio items field.

u-customslug

 

After you have made changes, go to Settings>Permalinks and resave settings for proper work of permalinks.

Portfolio page

Creating a portfolio page

To create a portfolio page, where all your portfolio items will be shown, you need to:

1. go to Pages section;
2. click “Add new” tab;
3. fill in title field;
4. and select “Portfolio” template from section Page Attributes.

d-portfolio7

Portfolio template options

Here you can select the template for your portfolio page and additional settings for each template:

u-portfolio14

 

– Default – thse settings are adjusted in Theme options>Portfolio options and are applied for all portfolio pages by default.
– Grid with equal tiles;
– Grid with masonry tiles;
– Panel grid – the tiles sizes can be different depending on the settings adjusted in single portfolio options called “Size on panel grid”.

u-portfolio7

General settings

Apart from the settings available in Portfolio page editor, there are general settings for portfolio page in Theme Options>Portfolio Options.

Most of the options there are the same as in portfolio page editor. But if you are going to build more that one portfolio pages and want to keep the same setting for each of them, the easiest way is to set up settings from Theme options>Portfolio options.

 

u-portfolio15

 

Page options

You can adjust custom page settings for your blog page. They are located in Page options section and include settings for:

– header;
– stunning header;
– page layout;
– footer.

Header options

These settings allow you to change header look on the particular page. Here you can:

– upload a different logo for normal and Retina screens;
– select a different header type: light, dark or transparent;
– enable/disable sticky header.
u-portfolio13

Stunning header options

u-stunning5

This section allows you to adjust the following settings on particular pages:

– Enable/disable stunning header;
– Disable top margin – if enabled, the extra space under stunning header and before the footer will be removed. If disabled, there will be additional space aftter the stunnning header and before the footer.

u-stunning4

– Breadcrumbs – you can enable or disable breadcrumbs;
– Subtitle text – you can enter cutom subtitle to a particular page.
u-stunning6

– Title typography – change font family, size and color of the stunning header title.;
– Background – it is possible to change background color of the stunning header or upload a background image;
– Page header height- you can adjust the height of the stunninge header section.

Page layout

Here you can select layout of your page and adjust settings for it. You can choose layout with left or right sidebar or without sidebars.

u-layout1

You can also adjust the layout style:

– Boxed layout – layout will have a wide border on sides and the space outsite the border can be filled with background color or image.

u-layout2

– Enable frame around body – you can enable a frame, like a photo frame, that will make a narrow space around the page layout.

u-layout3

– Full width layout – this option is available only for page layout without sidebar. It makes the page stretch across the browser window.

Footer options

In this section you can adjust custom settings for the particular page.

u-layout4

– Enable/disable back-to-top button;
– change padding before and after footer content;
– change background color or upload background image;
– change font color of of the footer text;
– Customize footer widgets – if enabled, you can change the widgets shown in the footer of the partucular page.

 

One page layout

In order to create one page layout, add new page and add content to it with Visual Composer, like for a regular page.

After that edit each row and enter row ID to “Row ID” field. These IDs will be linked to your future menu.

u-onepage1 u-onepage2

When the IDs are added to rows, save a page and create a new menu in Appearance>Menus section.

u-layout5

Create a menu using Custom Links tab. Fill in “URL” field with #-sign and the ID name that you added to the row. Fill in “Link text” that will be displayed as a name of your menu item.

u-layout6

When the menu is ready, go back to your one page layout page and in “Header options” tab select the menu for one page.

u-layout7

 

Coming soon page

Coming soon page can be created using Visual Composer blocks, like Countdown and Subscribe form. Of course, you can add other blocks to your page if needed.

In order to make your Coming Soon page without header and footer, select page template “Blank page” from “Page Attributes” section.

u-blank1

That’s all!

General settings

General settings of the theme are located in Theme options>Main options section.

There you can enable such options like:

Auto update function – enter your Themeforest item purchase code to “Item purchase code” field;
Preloader – enable preloader to be visible while your page is loading;
Preloader pictogram – upload custom image for your preloader;
Favicon image – upload your favicon image;
Back to top button – you can enable a Back to top button that will be displayed in the footer of your site;
Boxed layout – you can enable a boxed layout for all pages on your site;
– Enable frame around body – a different option that Boxed layout. If enabled, your site will be wrapped in a frame.

Header options

Header options control the look of the top section of your site, including top bar, logo and menu sections. Header options are located in Theme options>Header options and are divided into two tabs:

1. Top bar options

2. Header options.

u-header2

Top bar options control the look of the narrow bar located above the menu and the logo. There you can add elements, represented below, to its left ant right part. These elements are:

Language switcher – if you installed WPML plugin on your site, you can display its langage switcher in the top bar;
Text – you can add any text information to the Text editor and it will be displayed in the top bar;
Search – if needed you can place a search bar to the left of to the right of your top bar;
Social buttons – select any social networks from the list and display them in your top bar;
Cart – if you are using Woocommerce shop on your site, you can place a Shop Cart to the top bar.

You can control, which of the above mentioned elements will be displayed in the left and right panel. For this just drag the needed elements from the “Disabled elements” column to the “Active elements” column.

u-header1

Header options allow you to control the following options:

1. Logotype pictogram – upload logo type of your site;
2. Retina Ready Logotype pictogram – upload doubled size logo for proper display on Retina devices;
3. Logotype text – if your logo is textual or combined with text, enter it ti the Text field;
4. Header type – you can select the type of the header: white, dark or transparent;
5. Sticky header – if needed, enable sticky header, that will scroll down the page;
6. Additional menu items – you can enable additional items that will be displayed on one line with your menu:

 

Additional menu items

There are 3 elements available to be added to the menu. They are:

Social networks – you can select from the list so many social buttons you like and display them on the right of the menu;

u-header3
Button – you can add a simple button with custom text and link in it;

u-header4
Icon – you can select any icon from the icon packs available in Icon Manager, and add link it to any page.

u-header5

In order to activate one or all from the above mentioned elements, drag them from the “Disabled elements” column to the “Active widgets” column.

u-header6

 

 

Stunning header

Stunning header is the section of the page title, that includes background, the title of the page and breadcrumbs.

Stunning header can be controlled from Theme Options>Stunning header options section. There you can adjust:

Breadcrumbs – to show or hide breadcrumbs;
Title typography – select font family, size and color of the page title;
Background – add background color or image to your stunning header section;
– Page Header Height – adjust the height of the stunning header section.

u-stunning3

The settings adjusted in Theme options>Stunning header options will be applied for all pages in the theme. But they can be overriden in each post/page/portfolio settings by custom values.

 

Colors and typography

Colors and typography can be controlled in Theme options>Colors and typography section.

Color options include settings for primary, secondary and links colors. Simply select the needed colors using the colorpickers.

u-styling1

Typography options allow you to change font family, size, color and line-height for each text type – h1-h6 and body text.

u-styling2

Advanced options (custom CSS, custom JS, tracking code)

If you have coder skills and want to customize your site beyond the theme options, go to Theme options>Advanced options section.

There you can fill in:

Counter field – add a tracking code generated by Google Analytics or other services to track and analyse number of visits of your site;
Custom JS – add your custom JS codes to this field;
Custom CSS – here you can add your custom CSS codes to change look of particular theme elements, if there are no options to do this.

u-advanced1

Twitter settings

Twitter is a very popular social network and you might want to use your Twitter account on your website.

But for this you have to set it up using your Twitter API data.  If you don’t know, where to get your Twitter API, you can refer to this article for help.

When you get your Twitter API, go to Theme Options>Advanced Options and fill in all blanks for Twitter API keys section.

d-twitter

Widgets

Adding widgets

Widgets are the blocks that can be added in the sidebars of your pages and implement the task of additional information.

To add widgets to the sidebars, go to Appearance>Widgets section.

Choose a widget you want to add, click it, select from the list the destination sidebar and click “Add widget” button.

d-widgets1

Default sidebars

By default there are 3 sidebars in the theme: Primary sidebar, Footer Sidebar #1, Footer Sidebar #2.

1. Primary sidebar – this is a sidebar that is displayed on the side of your posts/portfolio/pages. Depending on the layout you choose in Theme Options>Sidebar Options, this sidebar appears on your site.

2. Footer Sidebar #1 and Footer Sidebar #2– these are the sidebars that will be displayed in the footer of your site one under another.  Please, note if these sidebars are not visible in Appearance>Widgets, you have to enable them by dragging them to Active Widgets column in Theme Options>Footer options section. 

d-widgets3

Columns in footer

To make several columns in the footer section, for example 3, you just need to add 3 widgets to Footer sidebar1. They will be automatically displayed as columns.

If you want to have the second row of footer, add more widgets to Footer sidebar2. The number of columns in footer sidebars can be different.

Custom sidebars

You are allowed to create custom sidebars and add widgets to them. More about custom sidebars you will find in Custom sidebars article.

 

 

Custom sidebars

Custom sidebars are created with help of Easy Custom Sidebars plugin. It is a free plugin and is available in the WordPress  repository by this link.

Install and activate the plugin under Plugins>Add New.

Go to “Appearance>Theme sidebars” section and create a new custom sidebar

custom-sidebar1

 

Start adding pages/other post types, on which standard sidebar will be replaced by your custom one.

custom-sidebar2

 

In “Sidebar properties” section select which sidebar will be replaced by your custom one.

custom-sidebar3

 

Click “Save sidebar”. After that go to “Appearance>Widgets” section and add widgets to your custom sidebar

custom-sidebar4

 

Theme localization

There is a list of words and phrases in the theme that can be translated into different languages.

You can translate them in two ways:

WPML String Translation – this is a paid plugin with its own documentation http://wpml.org/

POedit software – free translation editor.

All Crumina themes are fully translated into two languages – Russian and German. Translation file for Russian and German and default translation file are located in “translation” folder of the theme.

 

How to translate with POedit into a different language?

1. Install POedit on your computer http://poedit.net/ .

2. Open crum.pot file in it.

 

3. Begin translating all/some phrases into your language.

d-localization1

 

4. When all phrases are translated, save the file in the following format {theme_domain}-{ru_RU/en_GB}.{mo|po}.

Example:

ultron-nl_NL.po,
ultron-fr_FR.po,
ultron-he_IL.po etc.

 

5. After the .po file is saved, a .mo file is created automatically too.

6. Upload both files (.po and .mo) via your FTP client to wp-content/languages/themes folder. Translation will be applied automatically, if you have installed WordPress in corresponding language.

Icon manager

Apart from icons available in the theme by default, you can use your own icon packs.

Go to “Appearance>Icon Manager” section. Click “Upload new icons” button and upload your icon packs.

icon-manager1

Generate custom icon font

Additional icon packs can be generate from your svg files by using Icomoon service.

You can select free icons suggested in the app.

icon-manager2

 

icon-manager3

Or import your custom icon pack to IcoMoon service. The imported icons must be in SVG format.

icon-manager4

icon-manager5

icon-manager6

Under Preferences enter name of your custom icon pack and class prefix. They must be the same.

Under CSS Selector choose ‘Use attribute selectors’ option.

 

When you are done, download your icon pack .

icon-manager8

IMPORTANT NOTE: Multi-colored icons can’t be converted to icon font. Your icons must be one-colored.

 

Upload your icon pack via Appearance>Icon Manager and wait until the page is refreshed automatically. The icon pack will appear in Icon Manager section.

icon-manager9

icon-manager10

 

 

 

Woocommerce

Ultron theme is fully compatible with Woocommerce plugin and supports all its default functions. To build a Woocommerce shop, simply follow steps described in official Woocommerce documentation.

Suggest Edit