Inertia

1. Getting Started: How to install Inertia theme

2. Theme Demos: How to import pre-built websites?

3. Import Pages

4. Activate Neo Brutalism Style

5. Activate Dark Mode

6. Frontpage Builder: Setting up your website homepage

7. Layout Configuration

8. Single Post (Blog post): Options & Configurations

9. Choose Single Post Layout For Specific Post

10. Speed & Performance Optimization

11. SEO Guide

12. Coming Soon Mode Setup

13. Contact Form - How to?

14. Adding Google Analytics Code

15. Inertia Changelog

16. Elementor & WP Bakery Support

17. Theme License & Activation

Welcome to inertia theme, Please follow these simple steps to get started with your amazing website.

Step 1 - Download theme files from themeforest

After purchasing theme through themeforest, you need to download theme files from your themeforest account.

It should be a compressed file (.zip) format. Uncompress the downloaded file and you should find the following files:

• inertia.zip - Main theme file
• inertia-child.zip - Child theme file
• README.html - Readme file to get you started
• Licenses - a folder contains license information for theme assets.

Step 2 - Theme Setup

There are three ways you can install a WordPress theme:

1. RECOMMENDED: Install a Theme by using the Upload Method from WordPress Admin
2. ADVANCED: Installing a WordPress Theme With FTP (File-Transfer Protocol)

IMPORTANT: ALWAYS UPLOAD BOTH (inertia.zip) AND (inertia-child.zip) AND ACTIVATE CHILD THEME TO ENSURE RECEIVING UPDATES WITHOUT DELETING ANY CUSTOMIZATIONS YOU HAVE ALREADY MADE.

RECOMMENDED: Install theme by uploading it from WordPress Admin

1. Go to your WordPress Dashboard. Navigate to Appearance > Themes > Add New.
2. Click on Upload Theme (inertia.zip)

   
   

   
   

   

3. Then locate your theme’s ZIP file and select to Upload.
4. Once the upload is complete, you’ll be able to activate your theme.
5. After activation, your will be redirected automatically to Inertia theme dashboard

   
   

   

6. Click on the orange button to install necessary plugins, the following plugins are essential for the theme to function properly: Kirki & Envato Market

   1. Kirki is the options framework that inertia use to provide its amazing options.

   2. Envato Market is a plugin to ensure receiving latest theme updates automatically.

   3. MNMLD Themes: A lightweight plugin that extends theme with additional features. Highly recommended to be installed. 
      

   4. One Click Demo Import: Install only if you are willing to import theme demo. If you are planning to start customizing your theme from scratch then no need to install.

7. Configure Envato Market: Add your envato market token for verification and to receive theme future updates.
   

   

8. Make sure that the status in Inertia's dashboard page is indicating in green All Good.Hopping Smoothly!. This means that everything is configured correctly.
   

   

Advanced Installation Method

While the following installations is valid to follow, but we don't recommend following these methods unless you are familiar with FTP and its related clients.

Please follow the video below.

Step 3 - (optional) Import demos

if you are willing to import a specific demo, read this article.

Step 4 - Customizing Settings

You can start customizing your theme settings right away by clicking on of the following:

• Inertia -> Theme Options
• Appearance -> Customize

Inertia comes with number of pre-built websites (demos) in order to import and publish your site in minutes.

Inertia provides two types of imports:

1. Only demo visual styles and settings
2. Demo Content + visual styles and settings

By default, Inertia will import settings and visual styles only. If you want to import the demo as it is in our website, you will have to do the following:

• From dashboard, navigate to Inertia -> Theme Options -> Demos 
• Choose Import Demo Content
  
  

  

To import the demo of your choice, Kindly follow the steps:

1. From side menu, click on Inertia

   
   

   

2. Check One Click Demo import card, it should be active, if not, click on INSTALL
   

   

3. Follow install & activation steps

4. Now you will find a new menu link Theme Demos visible 

5. Click on Theme Demos and select the demo of your choice. Click on Import Demo
   
   

   

6. Click on Continue & Import
   

   

7. Now wait for the demo to be completely imported.

8. To start customizing your website, click on Inertia -> Theme Options or Appearance -> Customize

The import process includes sample posts for each demo, However if you want to import demo pages like about, services and the rest of pages, Kindly follow the following steps:

1. Download the sample pages XML file to import. Download Sample Pages - Click Here
2. Right click -> Save As to download.
3. Go to Tools -> Import -> Wordpress

   
   

   
   

   

   
   

4. Click on Run Importer
5. Click on choose file and Choose the file you downloaded (inertia-pages.xml)

   
   

   
   

   

6. Click on Upload file and import.
7. Click on Pages link in menu and start editing your pages.

Inertia WordPress theme comes with built-in Neo-Brutalism design style that applies across all pages once enabled.

To enable/disable Neo-Brutalism option in Inertia theme, Follow the following steps:

1. From Admin Dashboard, click on Inertia -> Theme Options
2. Click on Colors & Fonts Panel 

   

   
   

3. Scroll down to Design Styles Options Section and click on the button.

   

   
   

4. Click Publish to save changes.

Inertia WordPress theme comes with built-in darkmode theme that works across all pages.

To enable/disable darkmode option in Inertia theme, Follow the following steps:

1. From Admin Dashboard, click on Inertia -> Theme Options
2. Click on General Settings Panel 

   
   

   
   

   

3. Scroll down to Dark Mode Section and click on the switch button.
   
   
   

   

4. Dark mode button should be be visible in the preview (requires refresh to be completely functional in the preview pane).

5. Click Publish to save changes.

Dark Mode Logo

If your website logo does not appear properly on darker backgrounds, you can upload a logo dedicated to dark mode only. 

1. Click on Select file rectangle
2. Upload the dark mode version of your logo

   
   

   
   

   

3. Click Publish to save changes.

Inertia provides an easy to use and fast frontpage builder with only few clicks. With more than 25 pre designed sections, you can just activate the sections you want, control sections arrangement with simple drag and drop and voila!

To customize frontpage in Inertia theme, Follow the following steps:

1. From Admin Dashboard, click on Inertia -> Theme Options
2. Click on Frontpage panel

   
   

   
   

   

3. By default, your homepage will show the latest posts sections. To start customizing sections click on Frontpage Builder Panel
   
   

   

4. Frontpage Layout Builder is the panel that controls sections visibility and its order.

   

1. To enable/disable any section visibility, just click on the "eye" icon.

2. To change sections arrangement, just drag & drop the section to any position you want.

Customizing frontpage sections

When you activate the selected sections and feel fine about its arrangement. Click back arrow to view activated sections.

You will find dedicated panels for each activated section. Click on each one to start customizing colors, backgrounds, layouts and a curated set of options per section.

Inertia provides flexible features to change your website layout in one click.

You can change the following:

• Website Container Width
• Website Layout Style

Website overall container width

To change website container width, Follow these steps:

1. From Admin Dashboard, click on Inertia -> Theme Options
2. Click on Layout Settings Panel

   
   

   

3. Drag Slider right or left to desired container width

   
   

   

Helpful Tip

You will notice that various theme elements (header, footer, frontpage sections, ..etc.) provides an option to control container width like below image:

• Auto: Means it will follow the layout container width you set.
• Full Width: Overrides layout container to stretch to the maximum width available. Don't worry about extra large screens or mobile screens, Inertia handles this the right way ;)

Configuring Website Layout Style

Inertia provides 4 unique site layouts: Wide, Boxed, Framed & Bordered.

You can change website layout with one click.

To change website layout style, Follow these steps:

1. From Admin Dashboard, click on Inertia -> Theme Options
2. Click on Layout Settings Panel

   

3. Click on the desired layout and see the change live on the preview pane.

   
   

   

   Hit Publish button to save changes.

Inertia provides an easy way to change how your articles look with one click. 

With more than 11 pre designed layouts, you can just choose the layout you want, control article page elements and control elements visibility as well.

To customize frontpage n in Inertia theme, Follow the following steps:

1. From Admin Dashboard, click on Inertia -> Theme Options
2. Click on Single Post Panel
3. In Preview pane, click on any single post to see live changes.
4. Start customizing each part of the page.

Post Page Layout

Click on the layout of your choice and see the new layout in the preview pane. Once satisfied, click on Publish for the changes to take effect on the live website.

The selected layout will be applied to all post pages except posts with uniquely assigned layouts. Read this article for more about selecting a specific layout for one particular post page.

Available Layouts
Modern, Blog, Feature, Cover, Magazine, Editorial, Floating, 2 Columns, Classic, Aligned, Full Width.

Meta Elements 

Meta elements are all the elements around post title as highlighted in red in below screenshot.

Visibility of these elements can be controlled by toggling the adjacent swicth Show/Hide.

Available elements to control

• Categories
• Excerpt (if available)
• Author: with text or with author avatar
• Post date
• Reading time
• Post views tracking: Enables tracking to all posts.
• Post views link: Show number of views. (tracking will work even this option is not activated)
• Comments
• Social sharing buttons under title.

Page Blocks

Page block are blocks that appears after footer content, currently inertia theme has 3 blocks under content:

• Read Also: Shows 3 links for related article to increase user interaction with your side.
• Social sharing buttons after content
• Post tags 

Author Block

Article author block provides information about article author such as name, description and social links.

Social links are available with MNMLD Theme plugin activated.

Block comes with 2 layouts:

• Aligned
• Centered

Post Navigation Block

This block provides navigation between posts by viewing previous and next posts.

You can control the style of this block by choosing between 2 different layouts:

• Simple: Plain links
• Background: Post thumbnail overlay
• Block: Post thumbnail beside links

Once you finished all customizations, Don't forget to hit Publish button to save changes.

By default, choosing single post layout from is applied to all posts. Read this article on how to setup post page layout.

Please make sure MNMLD Theme plugin is activated in order to enable this feature.

If you want to choose a particular layout for one of your posts. This can be done as follows:

1. From Admin Dashboard, click on Posts
2. Select the post you want to edit. Click Edit
3. On the bottom right, You will see Post Layout Section

   
   

   
   

   

4. Choose the post layout of your choice and click Update/Publish.

Inertia theme is a performance-first theme which means that speed and performance is a priority.

By following best coding and design practices, Inertia provides a blazing fast performance while being lightweight, optimized and no bloat code.

Inertia works out-of-the-box, which means it does not need extra configurations or plugins to become fast. 

However, Wordpress themes in general are not solely responsible for website speed and performance. 

There are multiple factors in addition to the theme itself to provide consistent experience for users as well as being the best page speed, Google loves fast websites as well.

Factors That Affect Website Speed

• Heavy CSS and Excessive JavaScript 
  ✓ Fulfilled by Inertia - Lightweight and minimum CSS/JS use.
   
•  Poor Coding Standards 
  ✓ Fulfilled by Inertia - Clean & Following Wordpress Coding Standards
   
• Too Many Plugins
  ✓ Fulfilled by Inertia - Works out-of-the-box. It works without plugins.
  Only one plugin required to use Inertia options.
   
• Slow Web Hosting ⚠️
  Hosting your website with a slow hosting provider can significantly affects your website speed and loading times. Consider using a fast hosting provider. If you need advice in that regard, just contact us or open a ticket and we will happily help.
   
• Page Caching
  Page caching is a very effective method that can help you to improve the load time of your web pages and thus optimize your site for the search engines.
   
  We Recommend using one of the following FREE plugins:
• WP Fastest Cache - Link
• W3 Total Cache - Link
• WPRocket (Premium) - Link

       
      We DO NOT recommend using "LiteSpeed Cache" plugin as it wrongly minify CSS files and my break your website in some cases.

Read Also: Inertia SEO Guide

Inertia is a SEO optimized theme. This means that Inertia provides the best practices and following the latest standards and recommendations by experts for On-Page SEO.

Inertia is equipped with the following featured to ensure best SEO performance:

• Built-in Schema for theme elements e.g. navigation, articles & breadcrumbs. 
• Rich snippets (Structured data) for better results in search engines.
• Optimized H1 and headings across theme pages 
• Valid HTML5 and CSS3

While Inertia provides the best practices to improve SEO across your website pages, Wordpress themes are limited in scope for some functionalities that cannot be added within theme scope according to wordpress guidelines. 

Additional plugins might be required for best SEO results, We recommend the following FREE plugins:

• Yoast SEO (Our favourite) - Plugin link
• All in One SEO - Plugin link
• Rank Math SEO - Plugin link

Read Also: Inertia Guide: Speed & Performance Optimization

Inertia theme provides a very useful feature to present a coming soon page to your visitors if your website is not ready yet.

You still can work and customize your theme and see live changes while coming soon page is active.

Inertia is equipped with 2 Coming Soon layouts:

• Full screen
• Modern

You can control the following:

• Show/Hide your website social icons as well.
• Change backgrounds and colors.

Activating coming soon mode

To activate coming soon page for visitors, Follow these steps:

1. From Admin Dashboard, click on Inertia -> Theme Options
2. Click on Pages -> Coming Soon Page Panel
3. Activate Coming Soon Page
4. A top bar notice will appear indicating that Coming Soon page is active.
   

   

   
   
5. To preview coming soon page, Just access your website from other browser while not logged in.

Inertia comes equipped with MNMLD Themes plugin which provides useful features that extends WordPress functionality such as widgets, contact form, and more.

To add contact form to your pages, follow these steps:

1. From Dashboard -> MNMLD -> Contact Page Tab

2. Copy the shortcode [mnmld-contact]

3. Create a new page from Pages -> Add new

4. Type / and select Shortcode

5. Paste the contact form shortcode. 

6. Publish the page. That's it!

Inertia comes equipped with MNMLD Themes plugin which provides useful features that extends WordPress functionality such as widgets, contact form, and more.

To add Google Analytics code or any other tracking code to your pages, follow these steps:

1. From Dashboard -> MNMLD -> Analytics Code Tab

2. Paste your tracking code like the image above. 

3. Save Settings.

Notes:

• Tracking code will not appear on your pages when logged in.
• Make sure to copy the complete tracking code not just the ID.

1.5.1 - 05/08/2023

• Improvement - SEO

1.5.0 - 23/04/2023

• New - Introducing Neobrutalism modes: Rounded & Sharp
• New - Enable dark mode by default
• Improvement - Neobrutalism CSS
• Improvement - Darkmode speed and reliability
• Improvement - Better ads handling
• Fix - Flexbox responsiveness issues with third-party ads
• Fix - Cookies popup text in darkmode
• Fix - CSS Bug Fixes
• Fix - 2cols excerpt responsive
• Theme Licensing System

1.2.2 - 03/02/2023

• Improvement - Avoid possible conflict with Yoast SEO breadcrumbs

1.2.1 - 31/01/2023

• Improvement - Inputs styling improvements
• Fix - Comments avatar image aspect ratio

1.2.0 - 23/01/2023

• New - Control sidebar visibility in pages 
• New - Control sidebar in every page individually
• New - WPBakery Support & Compatibility
• New - Elementor Support & Compatibility
• Improvement - Major Neo Brutalism Style Improvements across all blocks and pages
• Improvement - Neo Brutalism Style Improvements for WooCommerce
• Improvement - Performance and speed
• Fix - Check editorial frontpage if no posts
• Fix - 2 columns post header in mobile view
• Fix - Checkbox and radio buttons appearance across browsers
• Additional documentation guides
• Updated mnmld-themes plugin, to upgrade download from this link

1.1.1 - 16/01/2023

• New - LinkedIn Share Button (Update mnmld-themes plugin to latest version to work)
• Improvement - Improved Neobrutalism design style
• Fix - WhatsApp Share Button in desktop mode
• Performance Improvements
• To update mnmld-themes plugin: newer version is included in Plugins folder in downloaded files [or] Delete the plugin and redownload it automatically online.

1.1.0 - 01/12/2022

• Demos
  • Introducing new demo: NEO
• New Features
  • Feature - Option to modify the footer copyright text 
  • Feature - website carousel (Posts Section below menu bar) date disable function. 
  • Feature - Import demos without demo content (Theme Options -> Demos)
  • Feature - Control sidebar for frontpage separately from other pages 
  • Feature - Control related posts visibility in posts, pages, achives and search pages 
  • Feature - Subscribe to newsletter block in posts page 
  • Feature - MNMLD Themes Plugin: Introduced an update mechanism (through inertia dashboard)
• Improvements
  • Improvement - Improved Neobrutalism design style 
  • Improvement - Masonry Layout Background 
  • Improvement - Bordered demo with dark mode 
  • Improvement - Child theme 
• Fixes
  • Fix - instagram link was not working properly 
  • Fix - cover-wrapper additional margin by wordpress default 
  • Fix - Magazine category layout z-index with mobile menu

1.0.7 - 18/10/2022

• New - SEO Panel to include SEO related options
• New - Control showing post original date or last modified date
• Fix - Ad slots not processing ad code properly in ads manager
• Fix - 2 column galleries in Firefox
• Improved - Better GDPR compliance.
• Styling improvements

1.0.6 - 06/10/2022

• New - Shortcode option for subscribe section in frontpage
• Improved - frontpage welcome section spacings on smaller screens
• Improved - Explore section in tablet view
• Fix - single post date: show last updated date when post is modified 
• Fix - Shortcode was not showing in newsletter modal
• Fix - HTML validator warning (Self-closing tag syntax)
• Updated mnmld-themes plugin, to upgrade download from this link

1.0.5 - 01/10/2022

• Updated language strings 
• Added "Inter Tight" font
• Styling Improvements

1.0.4 - 26/09/2022

• Improved editorial and cover sections in customizer for better memory management in some cases where websites have enormous number of posts.
• Minor CSS Improvements

1.0.3 - 21/09/2022
Minor Bug Fixes

1.0.0 - 09/09/2022
 Initial Release

Inertia provides support for a wide range of page builder plugins. In particular Elementor & WP Bakery.

The mentioned plugins works without any extra configuration.

Can I hide sidebar in Elementor/WP Bakery pages?

Default option is set to hide sidebar from pages. In case you activate sidebar option but need to hide it from pages built using these plugins, follow these steps:

1. Navigate to the page/post you want to edit.
2. In the right pane, navigate to option "Page Sidebar"
3. Choose No Sidebar
4. Publish

5. 

By Purchasing Inertia Theme, you are eligible to use the theme on 1 domain only.

if you want to use Inertia on other domains, you should buy separate copy for each domain.

Starting from version 1.3.0 of Inertia, You will be asked to provide theme license key in order to keep using the theme.

How to find your purchase code (License key)

1. Log into your Envato Market account.
2. Hover the mouse over your username at the top of the screen.
3. Click ‘Downloads’ from the drop-down menu.`
4. Click ‘License certificate & purchase code’ (available as PDF or text file).

Here is an example of a PDF License certificate and purchase code: