devnode WordPress theme comes with built-in darkmode theme that works across all pages.
To enable/disable darkmode option in devnode theme, Follow the following steps:
From Admin Dashboard, click on Devnode -> Theme Options
Click on General Settings Panel
Scroll down to Dark Mode Section and click on the switch button.
Dark mode button should be be visible in the preview (requires refresh to be completely functional in the preview pane).
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.
Click on Select file rectangle
Upload the dark mode version of your logo
Click Publish to save changes.
2. Devnode - Changelog
1.0.0 - 05/02/2023
Initial Release
3. Getting Started: How to install Devnode theme
Thanks for Purchasing Devnode! 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:
devnode.zip - Main theme file
devnode-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:
RECOMMENDED: Install a Theme by using the Upload Method from WordPress Admin
ADVANCED: Installing a WordPress Theme With FTP (File-Transfer Protocol)
IMPORTANT: ALWAYS UPLOAD BOTH (devnode.zip) AND (devnode-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
Go to your WordPress Dashboard. Navigate to Appearance > Themes > Add New.
Click on Upload Theme (devnode.zip)
Then locate your theme’s ZIP file and select to Upload.
Once the upload is complete, you’ll be able to activate your theme.
After activation, your will be redirected automatically to devnode theme dashboard
Click on the orange button to install necessary plugins, the following plugins are essential for the theme to function properly: Kirki & Envato Market
Kirki is the options framework that devnode use to provide its amazing options.
Envato Market is a plugin to ensure receiving latest theme updates automatically.
MNMLD Themes: A lightweight plugin that extends theme with additional features. Highly recommended to be installed.
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.
Configure Envato Market: Add your envato market token for verification and to receive theme future updates.
Make sure that the status in devnode'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.
You can start customizing your theme settings right away by clicking on of the following:
Devnode -> Theme Options
Appearance -> Customize
4. Theme Demos: How to import pre-built websites?
Devnode comes with number of pre-built websites (demos) in order to import and publish your site in minutes.
Devnode provides two types of imports:
Only demo visual styles and settings
Demo Content + visual styles and settings
By default, devnode 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 devnode -> Theme Options -> Demos
Choose Import Demo Content
To import the demo of your choice, Kindly follow the steps:
From side menu, click on devnode
Check One Click Demo import card, it should be active, if not, click on INSTALL
Follow install & activation steps
Now you will find a new menu link Theme Demos visible
Click on Theme Demos and select the demo of your choice. Click on Import Demo
Click on Continue & Import
Now wait for the demo to be completely imported.
To start customizing your website, click on Devnode -> Theme Options or Appearance -> Customize
Tip: Imported demos includes dummy posts, demo settings and widgets but it does not include sample pages. To import sample pages, check this article.
5. Speed & Performance Optimization
devnode theme is a performance-first theme which means that speed and performance is a priority.
By following best coding and design practices, devnode provides a blazing fast performance while being lightweight, optimized and no bloat code.
devnode 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 devnode - Lightweight and minimum CSS/JS use.
Poor Coding Standards ✓ Fulfilled by devnode - Clean & Following Wordpress Coding Standards
Too Many Plugins ✓ Fulfilled by devnode - Works out-of-the-box. It works without plugins. Only one plugin required to use devnode 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: