Create Magento 2 Theme

Steps

  1. Disable Cache
  2. Enable Developer Mode
  3. Create Magento2 Theme

Disable Cache

SSH to Magento2 Server and goto Magento2 root directory, then run following command

Enable Developer Mode

SSH to Magento2 Server and goto Magento2 root directory, then run following command

Create Magento2 Theme

Use following steps to create your own Magento2 Customised Theme.

Magento2 Frontend Themes are created into app/design/frontend/<Vendor>/<ThemeDir>. Each Magento Theme must have its own theme directory as below:

  1. Create Theme Directory Structure

Below is the theme structure for Magento2 Theme:

here:
<Vendor> : is name of Vendor e.g. EmizenTech
<theme1> : is name of Theme e.g. modern
/theme.xml : required:: its theme declaration file
/registration.php : required::  Required to register your theme in the system.
/etc/view.xml: Only Required if its exist into theme’s parent.
/media : required

the format for theme.xml ( theme declaration )

the format for registration file : registration.php

declare your logo :

Magento2 uses default logo.svg defined into theme’s web/images directory, you can change this by declaring this into your layout configuration.
app/design/frontend/EmizenTech/modern/Magento_Theme/layout/default.xml

Now Login to the admin area & navigate to Content :: Design :: Themes

New_theme

you will find your just created theme here.

now navigate to Content:: Design:: Configuration & Edit your Store View to select the newly created theme.

Theme Configuration

Theme Modification Eg. 1: Move Breadcrumbs for Category Page from page.top into content area:

for this you need to use <move> element into your theme’s catalog_category_view.xml like following :

 

How to create Magento 2 Theme

Comments

comments