Step-by-Step Guide to Applying an SEO-Friendly Admin Theme in Magento 2


Step-by-Step Guide to Applying an SEO-Friendly Admin Theme in Magento 2:- 

Hello magento friends in this blog post i'm share with you to Step-by-Step Guide to Applying an SEO-Friendly Admin Theme in Magento 2.Applying an admin theme in Magento 2 involves customizing the appearance of the Magento Admin Panel by changing its design elements like colors, fonts, and layout. Here's a step-by-step guide on how to apply an admin theme in Magento 2:

➤ Choose or Create a Theme:

Choose an existing admin theme from Magento Marketplace or other reliable sources, or create a custom admin theme if you have design requirements.

Install the Theme:

If you've chosen a theme from Magento Marketplace, follow the provided installation instructions.

For a custom theme, create the necessary theme files and structure. Themes are located in the app/design/adminhtml directory.

➤Register the Theme:

Create a theme.xml file in your theme directory (e.g., app/design/adminhtml/Vendor/Theme/theme.xml).

Register your theme by specifying its parent theme (usually Magento/backend) and other attributes. Here's an example:

Step-by-Step Guide to Applying an SEO-Friendly Admin Theme in Magento 2

<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/backend</parent>

</theme>

➤Configure Theme Settings:

Create or edit the etc/view.xml file in your theme directory to adjust image and media settings. Example:

<media>

    <images module="Magento_Catalog">

        <image id="category_page_grid" type="small_image">

            <width>100</width>

            <height>100</height>

        </image>

    </images>

</media>

➤ Customize Styles and Layout:

Modify CSS and LESS files in your theme's web/css directory to change colors, fonts, and other styles.

Customize layout and templates in the Magento and adminhtml directories if needed.

Compile and Deploy:

Run Magento's CLI commands to compile and deploy your theme changes:

  1. bin/magento setup:upgrade
  2. bin/magento setup:static-content:deploy
  3. bin/magento cache:flush

➤ Apply the Theme:

Log in to your Magento Admin Panel.

  1. Go to Stores > Configuration.
  2. Under General, select Design.
  3. In the Design Theme section, choose your newly created theme from the dropdown.
  4. Save the configuration.

➤ Clear Cache:

Clear your browser cache and any Magento cache to see the updated admin theme. In this case please Remember that applying an admin theme involves some level of technical expertise, especially if you're creating a custom theme. Always back up your site before making significant changes, and thoroughly test your theme on a staging environment before deploying it to a live site.

Deepak Kumar Bind

Success is peace of mind, which is a direct result of self-satisfaction in knowing you made the effort to become the best of which you are capable.

Post a Comment

If you liked this post please do not forget to leave a comment. Thanks

Previous Post Next Post