Cyber Week! Use CYBERWEEK promo on checkout to save 30% off your order!
save
30 % off
EVERYTHING

Cyber Sale!

Save 30% off
copied! CYBERWEEK

Make sure that you use this promo code on checkout page to access this offer.
Browse Themes

Svea Documentation


Theme Installation

Welcome to Northeme Theme Documentation!

This documentation covers installing and setup your theme and how to use theme features. Assuming that you already have a domain name (E.g. example.com) and web hosting service that WordPress has been installed on it.

If you’ve already installed WordPress, sign in to northeme.com and head to My Account page in order to download your theme.

My Account page lists the themes you’ve purchased. Click Download button to access theme related files and documentation.

Click Download Theme File to download the theme as a zip file. Theme License / Product Key should be entered to Northeme > Theme Update section in order to receive auto-updates.

Option 1 : WordPress Theme Installer

The most convenient and easiest way to install your theme is to use WordPress Theme Installer.

  1. Sign in to your WordPress’ admin area and go to Appearance > Themes. You’ll find the list of themes that have already been installed to your WordPress. Click to Add New button which is located right beside the Themes title.
  2. Next page will be listing the free themes that are being provided by WordPress along with Upload button that allows to upload custom themes. Click to upload button and select the theme zip file that you’ve downloaded from My Account page.
  3. Once the installed, you’re supposed to activate it to start using. Go back to Appearance > Themes and you should be able to see your theme in the installed themes list now. Simply click on Activate button to finalize installation.

Option 2 : Installing via FTP

This is less convenient yet another easy way to install your theme.

Some web hosting companies may keep file upload limit as low as 2MB and therefore you may not be able to install theme file via WordPress Theme Installer (You may ask your hosting provider to increase upload limit).

But there is nothing worry, you can still install the theme via FTP.

  1. First thing you need is your web hosting’s FTP credentials to connect FTP. You can ask this to your web hosting provider if you don’t know it yet.
  2. Afterwards, you’re supposed to use a FTP client to access and browse your website’s FTP content. We recommend to install Filezilla which is multiOS supported and free FTP client :
    https://filezilla-project.org/
  3. Connect to your website’s FTP through Filezilla and go to “wp-content/themes” folder. Upload the unzipped theme folder (unzip the downloaded theme zip file) into themes folder.
  4. Once the entire theme folder is uploaded, you’re supposed to activate it. Go back to Appearance > Themes on your WP dashboard. You should be able to see your theme in the installed themes list now. Simply click on Activate button to finalize installation.

Important : Installation via FTP may require to set file permissions to 755 (read / write). Check WordPress Help for more information.

Theme Updates

Your theme comes with auto-updater features. You’ll receive a notification on your WordPress Dashboard whenever a new theme update is available. New updates can be installed at Northeme > Theme Update section.

In case of having problems with auto-update due to theme requirements failure or other reasons, you can also update the theme and plugins manually.

In order to update manually, you’re supposed to download the latest version of your theme and bundle plugins (if necessary) from My Account page on northeme.com.

Before installing the latest version, you must remove the theme from Appearance > Themes on your dashboard. Removing theme will NOT cause any data loss since the website content is being stored in MySQL database. Afterwards follow the same steps of theme installation to update your theme.

Recommended Plugins

Certain plugins help to have a better experience with your theme. Make sure that you checked out Recommend Plugins section of this documentation and install the plugins according to your needs before getting started.

Installing Live Demo

Installing live demo allows to install theme live demo content on to your WordPress.

Theme live demo has been provided as XML file. You can download it from My Account page on northeme.com by clicking on Download button and select the Live Demo XML.

In order to install XML file, select Tools > Import from your WP dashboard and select WordPress. Install WordPress Importer plugin if WordPress asks you to install and it hasn’t been installed yet. Upload XML file and import everything.

Leave “Download and import file attachments” option unselected if your hosting doesn’t allow you to download large files.

Registering Theme

Theme registration is important to get automatic theme updates.

Head to Northeme > Theme Updates section and enter your Northeme account e-mail and product key. Once it’s set, you’ll be notified whenever a new update released and you’ll be able to update your theme by single click.

If you need any further information about installing themes please see the following article :
https://codex.wordpress.org/Installing_WordPress

Overview

Northeme Options panel is located at Northeme > Theme Options. You can manage the basic and advanced theme settings such as branding, layout, grid layout templates and more.

Even though each page and post offers individual post settings panel, Theme Options panel is where you can manage the global settings.

Although the most options and features are common, each theme has their own exclusive options and features.

Branding & Layout

Probably the first thing you would like to do is adjusting branding and website layout to get started. Go to Northeme > Theme Options to manage these settings.

Branding

Northeme > Theme Options > Branding section is where you can upload the logo image and footer / copyright text. Three separate size options provided as Desktop, Tablet and Mobile for logo image. You can set sizes in pixels for a better look on different viewports.

Theme logo can be an image or plain text according to your needs. Logo text font settings can be managed at Fonts > Font Styling section at Theme Options.

Some of our themes may also provide Tagline that will appear right below the logo image. It can also be set here and font settings can be managed at Fonts > Font Styling.

Mobile Tabs

Mobile Tabs is a feature that allows to build a bottom tab bar for mobile devices. Items are customizable and adding up to five tab item is allowed. Please see the section below for more information.

Tab content can be managed at Northeme > Mobile Tabs section.

Mobile Tab Options

Mobile tabs can be adjusted at Northeme > Mobile Tabs from your WP dashboard.

Please note that although five tab fields provided in options panel, you can use any number of tabs up to five and leave blank the rest.

Following options provided :

  • Activate : Enable this option to display tabs on mobile devices
  • Mobile Tabs : Five tab fields provided. Each field provides icon, title and link option. *Icon and link options are required.

Icons

Font Awesome icon library can be used to insert tab icons. Visit Font Awesome website and pick an icon :
https://fontawesome.com/search?o=r&m=free

All you need to do is to copy font class names (E.g. fa-solid fa-store) and paste it into icon field. Icon should appear in the same field.

For example you may see the icon code as :
<i class=”fa-solid fa-store”></i>

Use only the class names in icon field :
fa-solid fa-store

Please note that Font Awesome also has PRO (paid) version and some icons in their list might be available for paid version only. Only free version icons can be used in tabs.

Title

Title is an optional field. Assign a title to display it beneath the icon. Leave blank if you don’t wish to display a title.

Link

Links is a dropdown built by available pages on your website. Pick one to assign it. This field is required and tab will be ignored if it’s not set.

 

Mobile Tabs Appearance

This section is consisting of several customization options like icon size, title size, BG and text color.

Skins & Colors

Skins & Colors menu in Theme Options panel allows to use one of Light, Gray or Dark pre-defined color sets or switch to Custom tab to build your own.

All color element options will reveal once Custom tab is selected. Additional options such as BG pattern, border type etc. can be found below the color options panel.

Font Types & Styling

Fonts section in Theme Options reveals two sub sections as Font Types and Font Styling.

Font Types

You can select one of the font type options : Google Fonts, HTML Fonts and @fontface. Each section allows to select fonts for Heading and Body separately.

 

Google Fonts

Easiest solution to use a font is choosing a font from a huge library of Google Fonts. It’s constantly updated font library by Google. Visit Google Fonts website, find a font that suits your needs and type in its name into Header and Body font fields. E.g Open Sans

Google Fonts is case-sensitive  and it’s important to enter the font name as is. For example, if you wish to use DM Sans, typing the font name as dm sans will NOT work. Make sure that you entered the exact name.

Separate font names can be used for Header and Body. Additionally you can enter charset to UTF-8 field to expand character set.

 

HTML Fonts / Typekit

While HTML Fonts allows to use plain HTML fonts such as Helvetica, Arial, sans-serif etc. you can also use fonts from Typekit and other 3rd party font providers. All you need to do is to add font embed script provided into the Font Embed Script field and type in font name into Header and Body fields.

 

@fontface

@fontface is the most flexible option for using font files that you have. Click to Upload button to expand font upload panel.

If you have a font file (.ttf or .otf), it’s supposed to be converted to web fonts first. Visit Fontsquirrel Website and convert your font files to @font-face format. Download file should contain four different file formats : ttf, woff, svg, eot. Upload files to corresponding fields and click on add button to upload. Once the font files uploaded click to add font and new font should appear in the lists.

Font Styling

Font Styling section is available for advanced font management options. Mobile Menu, Main Menu, Headers (h1 to h6), Body and Excerpt fonts can managed. Font family, line height, style, weight options provided.

Also responsive font settings provided. You’ll find Desktop, Tablet and Mobile tabs for each font setting. It allows you to set different font size, line height and letter spacing for each viewport separately.

Grid Layout Templates

Grid Layout Templates is a section that you can manage / create your own custom layouts and use them with any post type and gallery grid (including shop / products).

This section is only related to thumbnail sizes and placement in the grid layout. Displaying post titles, excerpt, category and other option can be managed at Portfolio, Blog, Shop sections under Theme Options.

Default grid layout templates offered as Small, Medium, Large, Portrait, Masonry and Square. You can assign them to any post type (Portfolio, Blog, Shop) without making any changes.

Manage / Create New Grid Layout Templates

Each pre-made template can be modified according to your needs by clicking to Manage button. Otherwise, click on Create New Template button for a new one.

  • Name : Type any name as you wish.
  • Layout : Set number of columns in a row. Column type also specifies Width option according to column width automatically.
  • Image Aspect Ratio : Select one of the Masonry or fixed height options. Fixed height options are only guides for calculating the height value and you’re free to adjust.
  • Height : Automatically set by Image Aspect Ratio but you’re free to adjust as you want except Original  – Non Cropped options is selected. It’s specified by percentage. Width 100% and you can set height as you wish. For example 75% is 4:3, 100% is square, 120% is portrait etc.
  • Padding : Adjust padding value between thumbnail in percentage.
  • Heading and Description Font : Each grid layout has its own heading and description font size settings. This provides flexibility to manage grid layout font size per grid layout

Show Layout Preview displays a simple preview of grid layout. If you’re satisfied with the results, click Save & Create Layout Type button to create layout.

Post Settings

Post view settings are listed under POSTS section in theme documentation. Portfolio, Blog, Shop (Woocommerce) view options can be managed here.

Posts page, single post layout, Related Posts (Blog & Portfolio) are located at corresponding post section. Just to add, Related Posts are being listed below a single post page.

Also Slug / Taxonomy tab contains Portfolio and Custom Post Type settings that you can change post slug, post title, category name etc..

Creating a Page

Pages can be created / managed at Pages menu on your dashboard. Pages is one of the primary sections that allows to build your website content.

Page Builder Plugins

Pages can be created / managed at Pages menu on your dashboard. Pages is one of the primary sections that allows to build your website content.

In order build a page, you can use WordPress Editor which allows to build a page through blocks.

On the other hand, we recommend using Elementor plugin, which is free and your theme comes with exclusive widgets to build content. It’s an easy-to-use solution to create pages and there are many free Elementor extensions you can find to extend its features.

You can find theme exclusive Elementor widgets under Northeme category while creating a page with Elementor editor.

Page Templates

Click Add New page to create a new page. Some of our themes may offer exclusive page templates other than Default Page.

  • Default Page is a full width page versatile template and it’s the template that you’re supposed to use in most cases.
  • Blog template is blog posts listing page. Select this template if you want to create a page that displays all blog posts.
  • Works is also similar to Blog template and allows to create a page that lists all Portfolio posts.

You’ll also find the following options in Page Attributes :

  • Enable Sidebar option allows to activate the sidebar for a Default page or Blog page. Sidebar widgets can be managed at Appearance > Widgets.
  • Page titles are disabled by default. Display Title option allows to display the page title on header.

Excerpt

Page Excerpt field can be used for displaying content on the page header. If you cannot see excerpt field, activate it by clicking Screen Options button on the top right and opt-in for excerpt.

We recommend to use a rich text excerpt plugin such as :
https://wordpress.org/plugins/rich-text-excerpts/

Custom CSS

Add Custom CSS rules that will be applied to this specific page only.

Setting up Front Page

Visit Settings > Reading page on your dashboard, switch to A static page at Front Page Displays. Select a page from Front Page select box and click Save Changes to set it as home page / front page.

Please note that in order to set a page as home page it must be present at Pages. That being said, archive, category or single posts cannot be set as homepage.

Portfolio

Portfolio comes with your theme and installed by default. If it hasn’t been installed or you’ve deleted, it can be created at Northeme > Theme Options > Create New Post Type section. For more information, please see Custom Post Types section.

 

Create Portfolio Page

Portfolio page is required to list the Portfolio posts and can be created at Pages. Go to Pages > Add New from your WP dashboard to create a new page. Add a title to this page (E.g. Portfolio, Works etc.) and select Portfolio template from Page Attributes section.

Any projects added to portfolio will appear on this page according to the layout type you can manage at Northeme > Theme Options > Portfolio. Also grid layout templates can be managed at Northeme > Theme Options > Grid Layout Templates.

See Grid Layout Templates section for more information about grid layouts.

If you wish to set portfolio page as homepage, select this page at Settings > Reading > Front Page.

Portfolio and other post types will appear below Posts on your dashboard.

Use Add New Project button to create a new project.

Categories are dedicated taxonomy of Portfolio. Categories name can be changed from Slug / Taxonomy tab at Northeme > Theme Options > Portfolio.

Re-Order menu allows to re-organize category and posts ordering by drag&drop interface.

Add New Project

Add / Edit Project page offers an exclusive meta box called Composition (Media).

Composition section aims to make easier adding, re-ordering and arranging project assets through a series of options (It’s not required to use if you prefer using visual editor with Visual Composer)

  • Insert : This is a dropdown menu includes Image, Video, Text and Slider to add media into the composition. Multiple image upload is allowed.
  • Lightbox : Switching on this option activates lightbox for each image in the composition
  • Layout : This is an alternative method to turn entire composition content into a gallery, slider or masonry grid. Masonry grid layouts created at Northeme > Theme Options > Grid Layout Templates will appear in the list. Only image and videos will be included into gallery and the rest will be ignored.
  • Padding : Allows to change the padding between images.

* Layout and Padding features are not provided for Svea and Regain themes

 

Also each element in the composition has individual options panel :

  • Column : By default images will be displayed in maximum width. If you want to display more than one object in a row, this option allows to display the element in 1/2, 1/3, 1/4, 2/3 measures.
  • Lightbox (image) : This option can be activated per image instead of activating global lightbox option for all images in the composition.
  • Image Caption (Image) : Display caption below image
  • URL (Image) : Assign an URL to image

Featured Image / Video

Two options provided for featured image : Thumbnail and Video

Thumbnail image is default and comes with optional hover image field. Video requires video site URL (Youtube, Vimeo etc.).

Recommended thumbnail size is depending on the grid layout preferences and can be seen end of this box. Grid layouts can be managed at Northeme > Theme Options > Grid Layout Templates section.

Post Settings

This section might be different for Svea and Regain themes

Editing a post page reveals Post Settings tab in Page Settings panel. Post Settings allows to override the global single post settings that you can manage at Northeme > Theme Options > Portfolio.

You can hide Title, Categories, Tags. Also layout view options can be changed for a specific post (Layout view options may not be available for all themes.)

Portfolio View Options

Portfolio View Options can be managed at Northeme > Theme Options > Portfolio. You can manage posts listing page settings such as post limit, grid layout, pagination type etc. along with related posts settings and single post settings.

Rename Portfolio Title and Slug

You may want to change Portfolio title, slug or even category name. Slug / Taxonomy tab which is located under Northeme > Theme Options > Portfolio allows to rename Portfolio labels. For example, you can rename Portfolio as Projects or Categories as Creative Fields or whatever you wish.

Shop / Woocommerce

Your theme supports WooCommerce Free E-Commerce Plugin. You can have the benefits of WooCommerce Plugin by installing it at Northeme > Plugins or visiting plugin’s website :
https://wordpress.org/plugins/woocommerce/ 

WooCommerce related pages should automatically be created by the plugin. Plugin settings can be managed at WooCommerce menu on your WP dashboard.

For WooCommerce instructions and support please visit the URL below :
https://support.woothemes.com/hc/en-us

WooCommerce E-Commerce support is an optional feature and is NOT required to use this theme. If WooCommerce Plugin is not installed, any WooCommerce related files or scripts will be excluded from your website.

Theme Related Woocommerce Features

Navigate to Northeme > Theme Options > Shop  section to manage theme related WooCommerce features. Layout types, post display limit, single post appearance and related products settings provided. You’ll see a question mark (?) beside each option that explains its function.

Also Northeme > Theme Options > Layout > Website Layout section offers several options such as shopping cart icon, member page icon and uploading credit card logos.

Featured Image / Video for Product

Two options provided for featured image : Thumbnail, Video

Thumbnail image is default and provides optional hover image field. Video requires video site URL (Youtube, Vimeo etc.).

Grid layouts can be managed at Northeme > Theme Options > Grid Layout Templates.

** Animated GIF option has been removed since original images are being used by the recent updates and it has become obsolete

Post & Category Re-ordering

Portfolio and Blog posts can be reordered at Re-Order page which is located under the corresponding post type menu (E.g. Portfolio > Re-order).

Post re-ordering is not being provided for blog posts and they will be re-ordered by date descending as in default.

Categories and taxonomies can also be re-ordered in this section.

Drag&Drop Ordering

Drag&drop your posts and categories to re-order. Custom Ordering must be selected from drop-down menu to apply custom ordering settings. Otherwise select Order by Title, Order by Date (descending) or Order by Date (ascending).

Blog posts cannot be re-ordered.

Custom Post Types

Please note that this is an advanced feature.

If you don’t intend to build a unique post type such as Articles, News, Books etc., we strongly recommend to use Portfolio categories instead of building a new post type.

For example, creating post types such as Illustrations or Photography is not needed because Portfolio categories already provide this flexibility.


Custom Post Types allow to extend your website. Portfolio is default post type of your theme.  

Custom Post Types can be created at Northeme > Theme Options > Create New Post Type. Maximum 10 custom post types (including Portfolio) allowed. A new posts listing page will be created at Pages automatically whenever a new post type created. 

If you’ve accidentally deleted the listing page at Pages section, you can create a new listing page at Pages by choosing the corresponding post type template from Page Attributes.

New Post Type Form Fields

Northeme > Theme Options > Create New Post Type section displays a form with the following options :

  • Post Title : This is your post title that will appear on dashboard menu. Examples : Portfolio, Books, Inspiration, News etc.
  • Singular Post Name : Singular form of post title. Example : Project, Book, Article etc.
  • Post Slug : Single post slug for the URL. It must be a unique and cannot be same with any page, category or post slug. Example : using “project” as a slug will change single post URL as https://example.com/project/single-post
  • Category Name : Category name for taxonomy. Examples : Categories, Creative Fields etc.
  • Singular Category Name : Singular Form of taxonomy name. Example : Category, Field
  • Category Slug : Single category slug for the URL. It must be a unique and cannot be same with any page, category or post slug. Example : using “field” as a slug will change single category URL as https://example.com/field/single-taxonomy

IMPORTANT : How to Prevent Possible Conflicts

It’s common to have conflicts due to misconfigured slugs. It’s important to set unique Post Slug, Category Slug and Page Slug to prevent conflicts. This is being forced by theme and it will be checked before saving settings if there are any conflicts. However, choosing proper names will prevent such problems in the first place.

Post Slug and Category Slug can be found at Northeme > Create New Post Type and after creating a post type Northeme > POST TYPE > Slugs tab. As for Page Slug, A new posts listing page will be created automatically for each new post type and it can be managed at Pages on your WP dashboard. Edit posts listing page and edit its slug (right below the page title) if it’s necessary.

For example, you’ll create a new post type as Events. Here are the example slugs :

Page Slug : events (https://example.com/events)
Post Slug : event (https://example.com/event/single-post)
Category Slug : event-categories (https://example.com/event-categories/category-name)

As in this example, Post Slug and Posts Listing Page slug should not share the same name. Therefore Posts Listing Page is using “events” while Post Slug is using “event”.

Once it’s all set, go to Settings > Permalinks and click on Save Changes button to reset permalinks.

Post Type Settings

After creating a new post type, it’ll appear at Northeme > Theme Options > POST TYPE. Post type view settings can be managed there along with main post type options such as Post Title, Category Name etc. :

Blog

Blog posts can be managed under Posts section at dashboard.

Blog requires a posts listing page. If you haven’t created a blog posts listing page yet, go to Pages and create a page with Blog Template.

Creating a new post is pretty straight-forward process by setting title and content.

Excerpt and More Tag

Excerpt field and More tag give you more control over the content for posts listing page by allow you to alter post content. You can either use Excerpt field to display a summary of main content or use More tag (See Recommended Plugins section) to limit the main content.

Featured Image / Video

Three options provided : Thumbnail and Embed Video / Slider

Thumbnail is default option and also provides optional hover image field. If hover image uploaded, it will show up on hover action.

Video supports Youtube, Vimeo URL or embed code directly. You can also use built-in slider shortcodes on this field to display slider as featured image.

Blog View Options

Blog View Options can be managed at Northeme > Post Layout. You can manage posts listing page settings such as post limit, layout, pagination type etc.

Navigation Menus

To create a navigation menu, go to Appearance > Menus and click Create a New Menu link.

You’ll find accordion menu that contains pages, posts, categories, links (custom URL) helper menus to add items to your menu.

Once a menu is created, it must be activated from Display Location. Opt-in for Northeme Main Menu in order to activate it.

Your theme offers Classic Menu option that can be setup at Northeme > Layout. Please note that Classic Menu does NOT offer multi-level menus.

As for multilevel menus, parent menu cannot have an URL. Clicking a parent menu shows sub menu items. Therefore, you may prefer to add a clickable sub item menu. Simply use pound sign (#) as Custom Link’s URL in order to use it as parent menu.

Example :

Portfolio
– All
– Graphic Design
– Illustration

All sub menu item should be added since Portfolio is not linkable item

Wordpress offers extensive options to add new items to your menu. To expand these options, click on Screen Options button that is located at top right of the screen and opt-in for the sections.

For more information about custom menus, check out the following link :
https://codex.wordpress.org/Appearance_Menus_SubPanel

Widgets / Sidebars

Sidebars are tools to add widgets to your pages.

Your theme offers specific widgets areas and they can be managed at Appearance > Widgets on dashboard.

 

Sidebar Widgets

Default page, Blog and Portfolio sidebars are available at Appearance > Widgets section. Widgets can be added by drag&drop to build sidebar content.
In order to activate a sidebar for a page, you must activate Enable Sidebar option for that specific page. This option can be found on Add / Edit page at Pages.

 

Footer Widgets

Northeme > Theme Options > Website Layout > Footer Widgets section provides an option, Footer Widget Columns, that allows to set number of widget columns. You may change it to divide footer equally. For example 2 columns will divide footer two columns, and Footer 1 & Footer 2 location widgets will be used only.

Setting up Front Page

Visit Settings > Reading page on your dashboard, switch to A static page at Front Page Displays. Select a page from Front Page select box and click Save Changes to set it as home page / front page. Leave Posts Page option unset.

Please note that in order to set a page as home page it must be present at Pages. That being said automatically generated pages such as archive, category or single posts cannot be set as homepage.

Sliders & Galleries

 Built-in Sliders

Built-in Sliders is lightweight solution to build simple sliders.

Slider / Gallery Manager is located at Sliders menu on your dashboard. You can create unlimited sliders and use them via shortcodes.

Create a New Slider / Manage a Slider

Click Add New Slider button or Edit link of a present slider to build a slider.

Slider editing page offers Image and Video buttons to add media to the slider. Embed videos allowed from 3rd party video providers such as YouTube, Vimeo etc. along with WordPress video player for self-hosted videos.

Slider images will be displayed in a lightbox if an image is clicked. Disable Lightbox option allows to disable this action.

Once a slider created, you can add it to any post or page’s visual editor via shortcode. Corresponding shortcodes can be seen on listing page and slider editing page. E.g.

Slider Settings

Slider settings can be managed at Northeme > Plugin & General Options section. Animation speed, icon speed and various settings can be adjusted.

Translation / Multi-Language

Your theme is ready to translate. Default language files are located in languages folder inside the theme folder. We highly recommend using a child theme and copy languages folder into child theme directory. Using a child theme is required to maintain your changes after theme updates. See Child Theme & Customizations section of this documentation.

In order to activate the new language, rename language files with WordPress Locale code (E.g fr_FR.po and fr_FR.mo). Then, change Settings > General > Site Language to your language and WP_LANG code to wp-config.php file :

define ('WPLANG', 'fr_FR');

 

To translate default language files, you’re supposed to use a 3rd party editor. POEdit is most popular and free option to edit po / mo files:
https://www.poedit.net

As a on-site solution, Loco Translate WordPress Plugin is a great solution to translate the theme from your dashboard instead of working with language files :
https://wordpress.org/plugins/loco-translate/

 

Multilingual Plugins

Our themes are fully compatible with WPML multilingual plugin.

WPML

WPML is one of most popular WP multi-language plugins can be downloaded from WPML website :
https://wpml.org

By default, all post and pages are available to translate and no action required. As for custom post types and particular fields :

  • Custom Post Types : Portfolio and other post types created from Northeme > Appearance > Custom Post Types must be activated first. Go to WPML > Translation Options and select “Translate” for the post types and taxonomies under Custom Posts and Custom Taxonomies sections.
  • If you wish to translate fields such as Tagline, Footer text that are located under Northeme menu at your WP dashboard, you’re supposed to use shortcodes. Your theme offers WPML translation shortcodes – [wpml_translate] – to add multiple translation into those fields.For example :
    [nor_translate lang=’en’]English Footer Text[/nor_translate][nor_translate lang=’es’]Spanish Footer Text[/nor_translate]

 

 

Child Theme & Customization

IMPORTANT :

  • Never modify theme files directly. Always use a child theme to make modifications on theme files to maintain the changes after theme updates.
  • Unfortunately we cannot offer support for customizations. Theme issues caused due to customizations are out of the scope for theme support.

Northeme Framework offers a section for adding custom CSS and Scripts at Northeme > Theme Options > Custom CSS & Scripts.

You can add custom styling rules into Custom CSS to override default theme stylings. Although we offer extensive modifications features at Northeme > Theme Options, it may help for further modifications. You can use Google Chrome’s Inspect Element feature to find out specific classes.

Also, you can install and use CSS modification plugin, SiteOrigin CSS :
https://wordpress.org/plugins/so-css/

Custom Scripts field is offered in order to add scripts into <head> tag. That allows to include any 3rd party or your own scripts to the page :

/* Typekit import */
<script src="//use.typekit.net/XXXX.js"></script>
<script>try{Typekit.load();}catch(e){}</script>

/* Including your custom JS or CSS files without using a child theme */
<link rel="stylesheet" href="/path/to/my_css_file.css" type="text/css" media="all" />
<script type="text/javascript" src="/path/to/my_js_file.js"></script>

 

Using a Child Theme

Download blank child theme template from My Account section on northeme.com and upload it into wp-content/themes folder. Before activating it, make sure that you’ve made the following changes :

  • Child themes cannot work without a parent theme. For example, if you want to install a child theme for Workality Plus, Workality Plus theme must be located in wp-content/themes folder.
  • Since child themes are dependent to a parent theme, you’re supposed to declare the parent theme folder name in child theme’s style.css file.

 

Check out following example :

Default child theme style.css file content should be looking as follows.
Make sure that Template value points to parent theme folder name (E.g. workality-plus-master or reframe-plus-master etc.)  :

/*

Theme Name: Workality Child Theme
Theme URI: https://northeme.com/
Description: Child Theme for Workality Theme
Author: Northeme.com
Template: workality-plus-master
Version: 0.1.0
*/

Shortcodes

Theme Shortcodes are no longer needed since Elementor  support is available for our themes. You can still use them but it’s highly recommended using Page builders instead.

Shortcodes are helpers to add rich content to text editor. Your theme comes with several useful shortcodes and can be added through Shortcodes button which is located on text editor panel :

 

Shifted Content

Shifted content wrapper allows to shift its content to the left, outside of the main container.

Simply add shifted shortcode tags before and after the part of content. No additional settings / values needed.

[shifted]

My Content / image / video etc. here.

[/shifted]

 

 

Column Shortcodes

Your theme is built with 12 column grid system and Column Type option allows to choose how many columns will be displayed on a row. Half, Two Third, One Third options provided along with standard column count.

Google ChromeScreenSnapz040

 

Backup & Transfer

Backup

There are dozens of free backup plugins for WordPress out there yet we recommend UpdraftPlus which is one of the most popular backup plugin for scheduled backups :

https://wordpress.org/plugins/updraftplus/

 

Transfer

As for transferring / cloning your entire website, there are several WordPress backup / transfer plugins to make it. Duplicator is a free and easy-to-use option :
https://wordpress.org/plugins/duplicator/

Once the plugin is activated, go to plugin’s page at your dashboard and create a backup & installer. Afterwards upload installer file (install.php) and backup zip file to the root of your new web hosting and browse install.php with your favorite browser. Simply follow the instructions to complete cloning process. More information can be found at Duplicator’s website.

Please note that Duplicator may fail if you have large files to transfer. Although we suggest using Duplicator since it might be successful in most cases, we cannot offer support for transfer issues.