Luminis Documentation
Thank you for purchasing my theme. If you don't find the answers for your questions in this help file, please feel free to email via my user page contact form . Thanks!
Getting Started
If you are new to WordPress here's what you have to do:
Installing WordPress
In order to install the current version of WordPress Theme, please go to https://wordpress.org and download the current version of WordPress. For information on how to install WordPress, please see the WordPress codex page https://codex.wordpress.org/Installing_WordPress .
Installing Theme
You can do it in 2 ways:
- Via Wodpress Admin: Go to Appearance-> Install Themes -> Upload and choose luminis.zip file ((Make sure you are not uploading the whole zip file that you've downloaded (including dummy content, documentation) but only the luminis.zip file). Click Install Now.
- Via FTP: Upload luminis folder into wp-content/themes folder.
- After you've installed the theme make sure to activate it.
Import Demo
If you want your website to look like the live demo, then customize it as you want, follow these steps:
After the theme is activated make sure to install and activate the required and recommended plugins: MT Luminis, Elementor, ACF, Contact Form 7 plugins . The plugins are necessary for having the features presented in the demo.
Install and activate One Click Demo Import plugin.
Go to Appearance > Import Demo Data and click the Import Demo Data button for one of the website demos.
- A new page will open. Click "Continue & Import" button. Wait until the demo content is imported to your website.
-
IMPORTANT: After you've imported the demo content to your website, change the URL from the imported demo to your website. These are the steps you need to take:
- Go to Elementor > Tools > Replace URL Tab
- In old-url field enter https://matchthemes.com/demowp/luminis and new-url enter your site address. Click Replace URL
- Go the General Tab > Regenerate CSS, click Regenerate Files
- Click Save Changes button
- If the menu in the header doesn't appear, go to Appearance > Menus, select "Primary Menu" at the bottom of the page and click Save.
In case the blog posts appear in the main page, instead of the home page, go to Settings > Reading > Your homepage displays, select > A static page and for the Homepage option select the Home page.
To configure the homepage slider / video go to Appearance > Customize > Home > Home - Slider Items.
The slider images size from the demo is 1920x1080 px. You can experiment with other sizes too.
To use the Colors and Typography options from Appearance > Customize , go to Elementor > Settings and check Disable Default Colors and Disable Default Fonts options.
-
Go to Elementor > Tools > Replace URL Tab
- In old-url field enter https://matchthemes.com/demowp/luminis and new-url enter your site address. Click Replace URL
- Go the General Tab > Regenerate CSS, click Regenerate Files
- Click Save Changes button
After you've installed the theme, you can customize it in Appearance > Customizer and Appearance > Theme Options.
Setup Menu
- Go to Appearance - > Menus tab
- Add new menu, enter Menu Name
- Add Menu Items. Select the pages you've just created and add them to the menu
- Drag & drop the menu items as you like. Check the image below. Than save the menu
- !IMPORTANT: make sure the Theme Locations option is set to Primary Menu.
Pages General
First go to Settings -> Permalinks. Then you can see Common Settings and choose Post name. This is for better SEO permalinks.
The theme comes with the following custom Page Templates:
- Default Template - The default page
- Home Template
- Full Width Template
- Full Screen Template
- Portfolio 1 Col Template
- Portfolio 2 Cols Template
- Portfolio 3 Cols Template
- Portfolio 4 Cols Template
- Portfolio Zig Zag Template
How to use a template:
- Click Pages > Add New.
- Look for Page Attributes on the right side and click on the "Template" drop-down menu.
- Choose a page template.
- Click the Publish button above.
- Now you can add your new page to your Menu.
Setup Pages
Elementor
The theme uses the Elementor page builder plugin. The majority of page are created with it. To learn more about Elementor and how to use it please check this page: Elementor Docs
1. After the Elementor plugin is installed, go to Elementor > Settings and check Disable Default Colors and Disable Default Fonts option. By doing so you can use the Colors and Typography options from Appearance > Customize
2. If you haven't imported the theme demo data and you want to use just the Luminis Elementor page templates, go to Templates and import the luminis-elementor-page-templates.zip file from the main archive.
Create a Page with Elementor
- Click Pages > Add New
- Optional add the Featured Image and modify the Page Customization options ( right under the text editor) . Click the Publish button.
- Click the Edit with Elementor button
- Click Add Template and select from My Templates one of the Luminis page templates.
- OR click Add New Section and start building your page as you want.
Homepage
- Click Pages > Add New.
- Look for Page Attributes on the right side and click on the Template drop-down menu. Select the "Home" template.
- Click Publish.
- Now you can add the new page to your menu.
- You can also add more home content by edit with Elementor button
- Click Settings > Reading and select Front page displays a static page. Select the page you just created as your Front page and click Save Changes.
Home Options
To configure the homepage slider go to Appearance > Customize > Home > Home - Slider Items
Note: The recommended size for the slider images is 1920x1080 px. You can experiment with other sizes too.
Portfolio Page
- Click Portfolio > Add New
- Below the text editor you'll find the Options.
- Add your gallery images
- Select a Gallery Template ( default is the Justify Gallery )
- Click Publish.
- You can also include the portfolio in a category ( eg: Nature, Personal etc.)
- Create a page with all your portfolios. Pages > New > Select a Portfolio template
Display Portfolio Categories
To display the portfolio categories in a page you can use the following shortcode: [portfolio_cat][/portfolio_cat]
Make sure you edit each portfolio category via Portfolio > Categories and add a featured image for each one

Contact Page
- Click Pages > Add New
- Look for Page Attributes on the right side and click on the Template drop-down menu. Select the "FullWidth" template
- Click Publish
- Install and activate the contact 7 plugin ( https://wordpress.org/plugins/contact-form-7/)
Go to Contact > Add New and create a new contact form
Add the following code in the Form option to look like in my demo
<div class="row"> <div class="col-sm-4"> [text* your-name class:comm-field placeholder "Name"] </div> <div class="col-sm-4"> [email* your-email class:comm-field placeholder "Email"] </div> <div class="col-sm-4"> [text* your-subject class:comm-field placeholder "Subject"] </div> </div> [textarea* your-message id:msg-contact x5 placeholder "Message"] <p class="contact-btn">[submit id:submit-contact "Send message"]</p>
Click the Save button. Copy the shortcode and paste it in the contact page
Blog Page
- Click Pages > Add New.
- Click Publish.
- Now you can add the new page to your menu
-
Now click Settings > Reading and select Front page displays a static page. Select the page you just created as your Posts page and click Save Changes.
- To select a blog layout go to Appearance > Customize > General Options > Blog - Articles Layout option
- Click Posts > Add New to create a news post.
Customization
Widget Areas
There are 5 widget ares for this theme. Go to Appearance > Widgets to use them.
Theme Customizer
Luminis is using the WordPress's new Theme Customizer feature. Go to Appearance > Customize and change site title, colors, upload your logo and more. You'll see real time preview of changes you made to your site.
Shortcodes
Here's the list of available shortcodes:
-
Display portfolio category shortcode: [portfolio_cat]
-
Display portfolio shortcode: [portfolio cols="" count="" filter="on"]
The count attribute is optional.
The cols attribute can be 1, 2, 3 or 4.
The filter attribute is optional. Add "on" to show the portfolio items categories
-
Display portfolio items with portfolio_zigzag shortcode: [portfolio_zigzag count=""]
The count attribute is optional.
Child Theme
Luminis theme comes with a child theme in the main download package.
A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme.
Child themes are recommended if you modify the theme files code and don't want to lose your customization when updating the theme to a new version.
License
When you purchase a theme from Themeforest, the Regular License allows you to use the theme in a single end product. One theme license for one domain ( one theme installation in a single domain )
The billing process and licensing term are fully managed by Envato Ltd. and we don't have any control over this matter.
For more information about licensing check this page https://themeforest.net/licenses/standard?license=regular
FAQ:
Can I use the theme on a test site, then move it to a live site when finished?
Yes, you can use the theme on a test site to build it, then move it to the live site once you're finished. You'll have to remove the theme files from the test site.
Change Log
- version 3.4.0
Compatibility with WordPress 6.2
[Updated] MT Luminis plugin
[Updated] demo import - version 3.3.1
[Added] TikTok icon
[Updated] theme options - version 3.3.0
Compatibility with WordPress 6.0.2
[Updated] bundled plugins
[Updated] js lightbox
[Fixed] default top header image option - version 3.2.5
[Updated] bundled plugins
[Tweak] small css styles
[Tweak] theme's code - version 3.2.4
[Added] email social icon
[Updated] ACF plugin
[Updated] lightbox script
[Removed] Unused files to speed up site loading - version 3.2.3
[Updated] bundled plugins
[Fixed] width and height attributes for the logo img tag
[Fixed] blog page nav - version 3.2.1
[Updated] All bundled plugins
[Updated] js gallery
[Updated] minor css style changes - version 3.1.6
[Updated] theme options
[Updated] bootstrap
[Tweak] background color for lazy load images
[Tweak] elements styles - version 3.1.2
[Updated] Bundled plugins
[Updated] Gutenberg styles
[Fix] single gallery page to work with Elementor
[Fixed] js lightbox script
[Fixed] header elements styles -
version 3.1.0
[Updated] Bootstrap
[Updated] ACF
[Updated] Font Awesome
[Updated] lightbox script
[Fixed] styles for Gutenberg blocks - version 3.0.4
[Updated] theme customizer - version 3.0.0
[NEW] homepages
[NEW] portfolio shortcodes
[NEW] masonry single gallery 3 and 4 columns options
[NEW] category portfolio filter
[NEW] compatible with Elementor
[NEW] sticky menu
[NEW] inner pages
[Updated] mobile menu
[Updated] Bootstrap 4.x
[Updated] theme options
[Updated] docs - version 2.2.5 [NEW] Shortcode for portfolio category [NEW] Option to select portfolio category layout [Updated] Bootstrap [Updated] ACF [Updated] Theme Options [Removed] G+ icon
- version 2.1.4 [Updated] compatibility with Gutenberg [Updated] ACF plugin [Updated] Owl Carousel [Updated] style.css file
- version 2.0.0 - [Updated] theme customizer - [Updated] portfolio gallery: now it uses the ACF plugin. !IMPORTANT: Updating the theme to the version 2.0.0, you'll need to consider that you'll have to add again the images to each portfolio gallery - [Updated] functions.php - [Added] Home slider button option - [Fixed] css issues
- version 1.1.5 -[Updated] Gallery lightbox -[Updated] Theme Customizer -[Updated] docs