Creating a new theme
Themes in Magento 2 are set up a bit differently than Magento 1. Some of these changes are as follows:
Smaller layout files per layout handle
Less (default) implementation with an internal Less preprocessor
Extended layout methods to move and change blocks
Magento UI library for default components, such as forms, buttons, and more
Installable through Composer
Fallback to module layout, templates, and other public files
Static file generation to improve page load times
In this sample theme, the files are located in app/design/frontend/<Vendor>/<Theme>
. When a theme is installed through Composer, it will be installed in the vendor directory.
Getting ready
In order to work with themes, you should have a basic knowledge of XML, HTML, CSS, and Less as these are used to build your theme.
How to do itβ¦
The following are the steps to create a new theme:
First, we start by creating the theme definition file:
app/design/frontend/Genmato/default/theme.xml
<?xml version="1.0"?>...