
How to create a theme in Magento 2
Creating a custom theme in Magento 2 allows you to modify the visual appearance and layout of your store. Here’s a step-by-step guide on how to create a theme in Magento 2:
Step 1: Set up the theme directory structure
In your Magento installation, navigate to the `app/design/frontend` directory. Inside the `frontend` directory, create a new directory with the following structure: `VendorName/ThemeName`. Replace `VendorName` with your desired vendor name and `ThemeName` with the name of your theme. This will be the base directory for your theme.
Step 2: Create the theme configuration file
Inside the `ThemeName` directory, create a new directory called `etc`. Inside the `etc` directory, create a file named `theme.xml`. This file will define your theme and its parent theme (if applicable). Add the following content to the `theme.xml` file:
“`xml
<theme xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xsi:noNamespaceSchemaLocation=”urn:magento:framework:Config/etc/theme.xsd”>
<title>Your Theme Title</title>
<parent>Magento/blank</parent>
</theme>
“`
Replace `Your Theme Title` with the desired title for your theme. The `parent` node specifies the parent theme for your theme. In this example, we have used `Magento/blank` as the parent theme, which is a default blank theme provided by Magento.
Step 3: Create the registration.php file
Inside the `ThemeName` directory, create a file named `registration.php`. This file is used to register your theme. Add the following content to the `registration.php` file:
“`php
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::THEME,
‘frontend/VendorName/ThemeName’,
__DIR__
);
“`
Replace `VendorName` and `ThemeName` with your actual vendor name and theme name.
Step 4: Create the theme’s main layout file
Inside the `ThemeName` directory, create a new directory called `Magento_Theme`. Inside the `Magento_Theme` directory, create another directory called `layout`. Inside the `layout` directory, create a file named `default.xml`. This file is the main layout file for your theme. You can add layout instructions and structure to this file based on your design requirements.
Step 5: Create the theme’s default template files
Inside the `ThemeName` directory, create a new directory called `Magento_Theme`. Inside the `Magento_Theme` directory, create a directory named `templates`. Inside the `templates` directory, you can create template files (`.phtml`) that correspond to the components of your theme.
Step 6: Set the theme in Magento configuration
Access the Magento Admin Panel and navigate to “Content” > “Configuration”. Select the desired store view and click on “Edit” in the Action column.
Under the “Design Theme” section, select your newly created theme from the “Applied Theme” dropdown menu. Save the configuration.
Step 7: Deploy the static content
In the command line, navigate to the root directory of your Magento installation.
Run the following command to deploy the static content:
“`
php bin/magento setup:static-content:deploy
“`
This command generates the static files required for your custom theme.
Step 8: Verify and customize your theme
Visit your Magento store frontend to verify that your custom theme is applied. You can start customizing your theme by modifying the layout files, template files, CSS files, and other resources according to your design requirements.
Congratulations! You have successfully created a custom theme in Magento 2. You can continue to customise and enhance your theme by adding more styles, layouts, and components to create a unique visual experience for your store.

Need help? - Get a Quote in under a minute

Stephanie & Joseph are Award Winning London Web Designers at The UK Web Design Company who are ready to help you with your website today.
Just take a couple of seconds to fill out this quick easy form and we will contact you right back
Need help? - Get a Quote in under a minute from the best web designers near you

How to create a theme in Magento 2
Creating a custom theme in Magento 2 allows you to modify the visual appearance and layout of your store. Here’s a step-by-step guide on how to create a theme in Magento 2:
Step 1: Set up the theme directory structure
In your Magento installation, navigate to the `app/design/frontend` directory. Inside the `frontend` directory, create a new directory with the following structure: `VendorName/ThemeName`. Replace `VendorName` with your desired vendor name and `ThemeName` with the name of your theme. This will be the base directory for your theme.
Step 2: Create the theme configuration file
Inside the `ThemeName` directory, create a new directory called `etc`. Inside the `etc` directory, create a file named `theme.xml`. This file will define your theme and its parent theme (if applicable). Add the following content to the `theme.xml` file:
“`xml
<theme xmlns:xsi=”http://www.w3.org/2001/XMLSchema-instance” xsi:noNamespaceSchemaLocation=”urn:magento:framework:Config/etc/theme.xsd”>
<title>Your Theme Title</title>
<parent>Magento/blank</parent>
</theme>
“`
Replace `Your Theme Title` with the desired title for your theme. The `parent` node specifies the parent theme for your theme. In this example, we have used `Magento/blank` as the parent theme, which is a default blank theme provided by Magento.
Step 3: Create the registration.php file
Inside the `ThemeName` directory, create a file named `registration.php`. This file is used to register your theme. Add the following content to the `registration.php` file:
“`php
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::THEME,
‘frontend/VendorName/ThemeName’,
__DIR__
);
“`
Replace `VendorName` and `ThemeName` with your actual vendor name and theme name.
Step 4: Create the theme’s main layout file
Inside the `ThemeName` directory, create a new directory called `Magento_Theme`. Inside the `Magento_Theme` directory, create another directory called `layout`. Inside the `layout` directory, create a file named `default.xml`. This file is the main layout file for your theme. You can add layout instructions and structure to this file based on your design requirements.
Step 5: Create the theme’s default template files
Inside the `ThemeName` directory, create a new directory called `Magento_Theme`. Inside the `Magento_Theme` directory, create a directory named `templates`. Inside the `templates` directory, you can create template files (`.phtml`) that correspond to the components of your theme.
Step 6: Set the theme in Magento configuration
Access the Magento Admin Panel and navigate to “Content” > “Configuration”. Select the desired store view and click on “Edit” in the Action column.
Under the “Design Theme” section, select your newly created theme from the “Applied Theme” dropdown menu. Save the configuration.
Step 7: Deploy the static content
In the command line, navigate to the root directory of your Magento installation.
Run the following command to deploy the static content:
“`
php bin/magento setup:static-content:deploy
“`
This command generates the static files required for your custom theme.
Step 8: Verify and customize your theme
Visit your Magento store frontend to verify that your custom theme is applied. You can start customizing your theme by modifying the layout files, template files, CSS files, and other resources according to your design requirements.
Congratulations! You have successfully created a custom theme in Magento 2. You can continue to customise and enhance your theme by adding more styles, layouts, and components to create a unique visual experience for your store.
Need help? - Get a Quote in under a minute
Need help? - Get a Quote in under a minute

Stephanie & Joseph Award Winning London Web Designers at
The UK Web Design Company are ready to help you with your website
Just take a couple of seconds to fill out this quick easy form and we will contact you right back
Need help? - Get a Quote in under a minute from the best web designers near you






