A multi-purpose beautiful Wordpress theme with a light design.

Suitable for maintaining an interesting blog, a multi-page site, showing a portfolio, creating a landing page, and both.

Create your site's pages by dragging widgets from the "Milti Theme" tab in the Elementor editor. Customize colors, set your images, change fonts. Swap blocks.

Blocks from the "Milti Theme" tab in the Elementor editor are already responsive for mobile devices.

Choose animation for block elements. Change the value of the animation delay to display it visually in the Elementor editor and set the animation delay on the site itself.

For easier interaction with the site, the theme comes with instructions with illustrations that will help you quickly master the template.

simple

customizable

adaptive

Loading a Theme

In the WordPress admin panel, on the “Appearance” tab, in the “Themes” sub-item, click on the “Add New” button, click on the “Upload theme” button, drag the archive with the milti.zip theme, click on “Install Now”.

When the theme is loaded, a message will appear saying that the installation was successful. Click on the "Activate" link.

After clicking on the “Activate” link, a message will appear about the required plugins for the activated theme. Click on the link “Begin Installing Plugins”.

Select all plugins. Next to the “Apply” button, select the “Install” action. Click "Apply". If a plugin has not been checked and installed, you can install the remaining plugins in the “Appearance” tab in the “Installing plugins” item.

When the plugins are installed, click on the “Return to the Dashboard” link.

Next, a pop-up window from the Elementor plugin may appear. Close it by clicking on the cross.

Go to the Elementor tab of your WordPress admin panel. In the general settings, check the “Portfolio” checkbox so that you can edit the pages of works from the portfolio through Elementor. Save your changes.

MENU IN HEADER

Set up the correct menu display. On the “Appearance” tab of the WordPress admin panel, in the “Menus” item, create a menu for the site header. Enter the name of the menu. Select the header menu display area. Click the "Create Menu" button.

Add menu items from the column on the left.

Add custom links to the menu. Select “Custom Links” (see figure Add Custom Link to Menu).

In the URL of custom links, specify your site's domain and anchor before the hash block at the beginning (for example: https://www.domain.com/#servic... ) so that menu links work from other pages, and from the mobile menu too. The name of the anchor before the block is specified when creating the section in the “Advanced” tab in the “CSS ID” (see figure Name of the anchors before the blocks).

Add new pages or links to the menu from the column on the left. Swap menu items by dragging and dropping. Delete unnecessary menu items. Under the menu items, check the menu display area (the checkmark is next to the “Site Header” item). Save the menu.

figure Add Custom Link to Menu

figure Name of the anchors before the blocks

Create a menu item with subitems. Add an custom link to the menu with "#" in the URL and the name of the parent item. Below it, shift to the right, place pages and custom links as menu sub-items (hold and move the menu sub-item to the right). Save the menu.

MENU IN THE FOOTER

On the “Appearance” tab of the WordPress admin panel, in the “Menus” item, create a menu for the footer of the site. Enter the name of the menu. Select the “Footer Menu” display area. Click the "Create Menu" button.

Add menu items from the column on the left in the same way as in the menu in the site header. Save the menu.

HOME PAGE OF THE SITE

On the Pages tab of your WordPress admin panel, click the Add New button. Write the title "Home". Click publish 2 times. Go back to the WordPress admin panel by clicking on the square “W” icon on the black background. In the “Settings” tab of the admin panel, in the “Reading” item opposite “Display on the main page”, select “Static page”, select the name of the main page below (see figure Setting the main page). Save your changes. Now the master page you created earlier will be displayed when you open the site.

figure Setting the main page

Go to the “Pages” tab of the WordPress admin panel, select the previously created main page. Then click the "Edit in Elementor" button.

In the Elementor editor, click on the plus icon to add a section. Select the first structure: full width.

Section added. On the "Layout" tab, select "Layout Width" - "Full Width", "Column Padding" - "No Padding". Then go to the widget menu by clicking on the icon with nine dots.

Scroll the list of widgets to the tab called “Milti Theme”. Select a widget, click and drag to the added section. Edit texts and images on the Content tab. Go to the Style tab and customize the look. On the “Advanced” tab, enter “CSS ID” (if necessary) so that by specifying it in the menu item in the site header, scrolling to the block occurs. If everything suits, click “Update”, then all changes will be saved. Click on the page preview next to the Refresh button to view the result. Add other sections in the same way.

If several widgets are used one after another in one section, then set a limited layout width of 1130. On the “Advanced” tab, set “Indent inside” to the left and right by 15 so that the texts do not stick to the edges of the browser, top and bottom - in their own way discretion. On the same tab, enter “CSS ID” so that by specifying it in the menu item in the site header, scrolling to the block occurs. On the "Style" tab, add a background to the section of your choice.

For example, one section uses the "Main Header" widget, and below it the "Accordion with Prices" widget (see images below).

Create other pages in the same way.

After the main page is generated, click "Update" to save the changes.

PORTFOLIO

On the Pages tab of your WordPress admin panel, select Add New. Enter the title "Portfolio". In the right column under "Templates" select "Portfolio Page". Click "Publish" 2 times. This page will automatically display all the works added to the portfolio.

On the “Appearance” tab, “Menu” item. Select the menu to change: “Website Header”. From the column on the left, add the created “Portfolio” page to the menu. Save your changes.

To add additional blocks to the page, click "Edit in Elementor". Add a section. Insert an “Inner Section” from Elementor Core Widgets into it. In the inner section, add “Text Editor” from Elementor, enter your text.

To add work to your portfolio, on the “Portfolio” tab of the WordPress admin panel, select “Add New”. 

Enter a title for the job. Be sure to set the post image in the right column. In the "Excerpt" indicate a short title of the work. Click "Publish" 2 times.

Click on the “Edit in Elementor” button. If there is no such button, return to the WordPress admin panel, select the Elementor tab. Check the box next to Portfolio. Save the changes (see the Elementor figure).

Create a portfolio work page in the Elementor editor by creating full-width sections and dragging widgets from the Milti Theme tab into them, just like when creating the main page. Save the changes by clicking on the "Update" button. Return to the WordPress admin panel and add other works from the portfolio in the same way.

Customize the number of works displayed on the Portfolio page. Go to the "Settings" tab of the WordPress admin panel. Select "Read". Select next to “On blog pages to display no more than” 9 entries or enter your number. Save your changes.

REVIEWS

On the Reviews tab of the WordPress admin panel, select Add Review. Fill in the information. Publish. Add other reviews in the same way.

Go to the "Pages" tab, select the page on which you want to display reviews. Click on the “Edit in Elementor” button. Add a section. Adjust the width of the section layout to full width without column padding. From the “Milti Theme” tab, add the “Reviews” widget. In the Elementor editor, reviews may appear in a column, but on the page itself, reviews will appear in a horizontal slider.

TEAM

On the “Team” tab of the WordPress admin panel, select “Add Team Member”. Fill in the information. Include the team member's name in the title. Publish. Add other team members in the same way.

BLOG

First, create a blog page and add it to the menu.

On the Pages tab of your WordPress admin panel, select Add New. Enter the name "Blog". In the right column under the "Templates" tab, select "Blog Page". Click the "Publish" button 2 times.

Return to the WordPress admin panel, select the “Appearance” tab, the “Menu” item. Select the menu to change: “Website Header”. From the column on the left, add the created “Blog” page to the menu. Save your changes.

Next, set up the display of the sidebar on the blog page. He can only be one. Right or left.

Return to the WordPress admin panel, select the “Appearance” tab, the “Widgets” item. Remove all default widgets from the two sidebars. Decide on which side of your site the sidebar will be displayed: on the right or on the left. Fill only one sidebar with widgets, the second should remain empty (all widgets added to it by default must be removed).

Picture. Right sidebar selected, left sidebar empty

Click the Plus icon, select the Calendar widget, click and drag to the selected sidebar. Add other widgets to the sidebar in the same way. Click the "Update" button. Review the changes by clicking on the house icon in the upper left corner of the WordPress admin panel next to the “W” icon, and selecting the blog page menu item added earlier in the header of the site. To return to the WordPress admin panel, click on the “W” icon.

Add tags and categories to the sidebar only when you assign them to the posts themselves. Otherwise, they will not be displayed in the sidebar.

Next, add blog posts. To do this, go to the “Posts” tab of the WordPress admin panel, select “Add New”.

Enter a title for the blog post. In the right column (opens by clicking on the gear), be sure to fill in the image of the entry. Add categories and tags as desired. Click publish 2 times. Edit content through the WordPress editor or through the Elementor editor. Click "Update" after each edit. Return to the WordPress admin panel, add posts in the same way.

Next, set up the display of information about the author of the post on the blog post page.

On the Users tab of the WordPress admin panel, select a user. Fill in the user's first and last name, as well as the "Biography" field - a small description of the author of the blog entries. Install the author's gravatar.

On the “Settings” tab of the WordPress admin panel, in the “Discussion” section, select an avatar for comment authors.

HEADER, FOOTER, MAP, EMAIL

In the “Header, Footer, Map, General Styles” tab, after going through all the points, fill in the information. Save changes in each paragraph.

Go to the site by clicking on the house icon in the top left corner of the WordPress admin panel. Click "Customize". The customizer editor will open. On the “Header” tab > “Header” tab, set the colors for the site header. Click "Publish".

Go back to the “Header” tab, select the “Mobile Menu Colors” tab. Select “Medium Screen Width” in the control menu, adjust the colors for the mobile menu. Click "Publish".

!!! Note!!! In the customizer editor, when changing colors, the selected styles can be visually reset on the customizer editor page, but if you click “Publish” and close the customizer, the selected colors will be saved and will be displayed on the website pages.

Don't forget to click "Publish" after changes on each tab.

Go back to the “Footer” tab > “Footer Social Link Color” tab and adjust the colors for the social links. Regular - the main color of the icon. Active - the background color of the social media button. Hover - the color of the icon when hovering over it. Visited - the background color of the social media button when you hover over it.

Go back to the “Footer Colors” tab, adjust the site footer colors.

Go back to “Cookie Message” tab > “Cookie Message” tab, customize the color and texts of the cookie pop-up message. If you previously clicked the “ok” button on this cookie message and it no longer appears, then exit the customizer, clear your browser history, refresh the browser page and enter the customizer, then the cookie message will appear again (5 seconds after opening page) until the “OK” button on it is pressed.

Select the blog page on the site. Go to the registration page. Click "Customize".

Enter the “Color of Buttons and Elements” tab, set the main color of buttons and elements. Tags appear on the post page after the post text. In order for labels to be displayed, they must be added. Select a post in the WordPress admin panel in the right column, in the “Tags” tab, add tags.

A MAP WITH YOUR COMPANY ADDRESS

Go to   https://www.google.ru/maps/

Enter the address of your company in the Google Maps search engine.

Click on the "Share" button.

A dialog box will open. Select the Embed Maps tab.

Click on the "Copy HTML" button.

Go to the WordPress admin panel. Select the “Header, Footer, Map, General Styles” tab.

Select "Map". Paste the copied code into the text field. In the pasted code, change the “width” width value to 100% so that the map stretches to the full width of the site screen. Save your changes.

PAGE 404

To open a 404 page, add “/404” to your site’s domain in the address bar.

Click the "Customize" button. Select “404 Page” tab > “404 Page” tab. Customize texts and colors. Set the 404 page image. Publish.

FEEDBACK FORM

The site uses feedback forms and a pop-up window for a callback.

To set up a pop-up window and send messages from all feedback forms, go to the “Header, Footer, Map, General Styles” tab of the WordPress admin panel. Select "Popup, Contacts Form". Enter your texts, add a link to the privacy policy. Specify the Email to which messages from all feedback forms will be sent. Save your changes.