Quattro Theme Installation
This tutorial explains how to install and use the Quattro WordPress theme on your server.
Table of Contents
Introduction
There is a ZIP archive that you should download from our site before we start:
- Quattro – WordPress Theme (hot-quattro-wp-theme.zip)
1. Install and Activate the Theme
From your WordPress Dashboard, go to Appearance > Themes. Click Add New button.
Click the Upload Theme button. A new dialog will ask you to upload the
You should receive the message “Theme installed successfully.” and the next step is to activate it. Click Activate link to activate the theme.
2. Edit Front page
The Front page template is provided with this theme. As soon as you activate the theme, your website’s front page will start using this template. Now, learn how to edit it.
Go to Appearance > Editor to open the site editor. Your front page template will be opened.
As the first step, you can upload your logo image. It’s recommended to use an image size of 310 x 82 pixels. Click on the logo container and upload your logo image. Then save the changes.
Using the WordPress block editor (Gutenberg), you can edit all elements of the front page. You can change headings, text, images, etc.
3. Create your pages using block patterns
On our theme demo, you can see various inner pages. Each of these pages contains various sections that are designed and filled with demo images and text. You can insert any of these sections into your pages using the block patterns that are bundled with the theme.
From your WordPress Dashboard, go to Pages and add a new page. For purpose of this tutorial, let’s create the “Meet the Team” page that you can see on our demo.
Click + to add a block and then click “Browse all”. Click the “Patterns” tab and select “Quattro” from the drop-down menu. All the patterns bundled with this theme will be displayed.
Insert the following patterns: Intro Text, Team, and 3 Columns Text. Save the page. Now, the “Meet The Team” page, the same as on our demo is ready. As you can see, you created it in just a few clicks.
Of course, you can combine different patterns to create pages with different elements. It’s all up to you.
The imported patterns can be later edited so you can change text, images, etc.
4. Add menu items
This theme comes with several positions for your menus. Using the Navigation block in the site editor, you can add the links to the pages you created.
Go to Appearance > Editor to open the site editor. On all menu positions, you will see a notice that the navigation menu is not available and the link to create it. Click on the “Create a new menu” link and then click + to add the first menu item. Select your page and the link will be added.
