Magento 2 如何创建管理主题

Magento管理员主题是什么?为什么需要管理主题?如何在Magento后台创建合适的主题并改善管理员体验?

在线商店管理员几乎将所有工作时间都花在了后台,因此,对于他们的工作表现和整体生产力而言,重要的是管理面板必须具有清晰的布局以及所有必要的选项卡和工具。Magento后台就是这样–右侧的大型工作区和左侧的紧凑侧边栏,可立即访问开发人员管理的在线商店的任何位置。但是,Magento提供了更多功能-还可以将管理主题应用于您的Magento商店,以您想要的方式设计后台。

在本文中,我们将讨论Magento管理员主题是什么,并探讨它们对电子商务的好处。此外,我们将概述创建Magento管理员主题的过程,并回顾前3个最出色的Magento管理员主题扩展。

什么是Magento管理员主题?

主题是样式,图像,布局和模板的组合。这些元素一起构成了Magento应用程序组件或主题,可为其预期的区域创建一致的视觉设计。Magento管理主题有两种类型:一种用于定义整个在线商店的样式和外观的店面,另一种用于定义Magento后台的外观的管理面板。

现成的Magento带有两个默认主题– Luma(演示主题)和Blank(空白),可以用作Magento自定义主题设计的基础。尽管不禁止在实时商店中实现默认主题,但强烈建议您采用单独的设计,以使您的商店更具特色,并强调商店的独特性。另外,如果您对默认主题进行更改,则在引入新版本时,它们最终将被覆盖。新主题可以是独立主题,也可以继承自默认主题或任何现有主题。但是,继承主题后,作为所有者,您只能更改其中的某些主题文件,而其余文件将从父主题继承。

Magento管理面板主题和店面主题可以免费下载,也可以从官方或第三方市场中免费下载。这里的另一种方法是创建一个自定义主题,这就是本文所致力于的

为什么要创建自定义管理员主题?

自定义管理员主题是从头开始构建的主题,与现成的主题相比,它具有几个重要的优点。可以将此过程与从头开始建造房屋或购买完整房屋进行比较。无疑,使用默认主题在开发方面耗时较少,但不会进行定制,并且您可能会遇到一些不便之处,最终还会花费时间。

#1 摆脱不信任的不必要主题组件。对于现成的模板,您将获得开发人员和设计人员为普通用户设置的组件。您可能甚至不需要甚至永远都不会使用其中的一半-这可能是破坏性的和压倒性的。同时,大量无用的功能可能会导致您的网站加载速度变慢。从头开始创建主题时,您知道需要什么以及想要得到什么。这样一来,您将获得一个主题,其中包含针对您的业务需求定制的“东西”。

#2。更多定制机会和更轻松的更新。在大多数情况下,对于现成的主题,任何类型的定制都可能很复杂。虽然自定义项始终可以由开发人员更改和改进。使用为您的企业设计的主题,您可以获得可以在将来推出新功能时进行升级的产品。

#3。保修和支持。使用自定义管理模板,您可以从开发人员处获取支持。这意味着当您考虑未来时,即用型解决方案不应吓scar您。如果专业团队开发的自定义主题有任何问题,您可以依靠他们尽快解决问题。他们了解保持高水平服务的重要性。大多数自定义主题附带的保修也将确保您的在线商店安全。

#4。Bug修复。每当发现错误或主题有任何问题时,您都不必等待将来的主题更新就可以解决问题。使用自定义主题,您可以将现有问题通知开发人员并获得帮助。而且,他们应该为您提供网站测试,以避免任何意外的问题,并在可能损坏您的业务或工作绩效之前修复所有可能的错误。

在Magento 2中查找有关创建自定义管理主题的过程的分步指南,并将您的在线商店管理经验提升到一个新的水平。

如何创建Magento 2管理主题

如果您对官方或第三方市场上可用的管理主题不满意,并拥有必要的开发技能和知识,则可以按照我们的指南为电子商务创建和设置Magento 2管理主题。让我们了解如何做到这一点:

步骤1:通过执行php bin / magento deploy:mode:set 开发人员命令,将Magento 2设置为开发人员模式。 

步骤#2:  在路线app / design / adminhtml上为新的Magento管理员主题<VendorName> / <theme_name> 创建一个文件夹。

就我们而言,我们有app / design / adminhtml / BelvG / newAdminTheme 

步骤#3:创建theme.xml 文件并插入以下内容:

<?xml version="1.0"?>
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
   <title>MTK Theme</title>
   <parent>Magento/backend</parent>
</theme>

步骤#4:创建具有以下内容的registration.php


<?php
\Magento\Framework\Component\ComponentRegistrar::register(
   \Magento\Framework\Component\ComponentRegistrar::THEME,
   'adminhtml/BelVG/AdminTheme',
   __DIR__
);

步骤5:为必要的更改创建文件夹。

例如,我们为媒体文件创建了一个新的app / design / adminhtml / Belvg / newAdminTheme / web文件夹。

至此,我们已经创建了主题,但是仍然没有连接。为了连接管理主题,我们在app / code /文件夹中创建一个专门的<VendorName> / <ModuleName>模块。

步骤#1:创建一个registration.php文件。

<?php
 
\Magento\Framework\Component\ComponentRegistrar::register(
   \Magento\Framework\Component\ComponentRegistrar::MODULE,
   'Belvg_AdminTheme',
   __DIR__
);

步骤2:创建etc / 文件夹以及其中的module.xml di.xml 文件。

module.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      
xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
   <module name="Belvg_AdminTheme" setup_version="1.0.0">
       <sequence>
           <module name="Magento_Theme"/>
       </sequence>
   </module>
</config>

di.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 
xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
   <type name="Magento\Theme\Model\View\Design">
       <arguments>
           <argument name="themes" xsi:type="array">
               <item name="adminhtml" xsi:type="string">Belvg/AdminTheme</item>
           </argument>
       </arguments>
   </type>
</config>

步骤#3:执行以下命令以注册模块:

php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy –f
php bin/magento cache:flush

如何在Magento中更改管理主题

如果您希望覆盖用于管理主题的模板文件,最好的方法是将此文件从vendor / magento / module_name文件夹复制到app/design/adminhtml/< ThemeName >/Module_name.

例如,我们将vendor / magento / module-contact / view / frontend / email / submitted_form.html文件复制app / design / adminhtml / Belvg / newAdminTheme / Magento_Contact / email / submitted_form.html中

如果您需要创建另一个管理主题并从最近创建的主题继承过来,则可以按照上面概述的指南进行操作,并将最近创建的主题包括在标记的theme.xml文件中。

<?xml version="1.0"?>
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
   <title>MTK Theme 2</title>
   <parent>Belvg/newAdminTheme</parent>
</theme>

什么是最好的Magento管理员主题扩展?

如果您觉得缺乏专业知识或需要时间自己创建一个自定义的Magento管理员主题,这没问题-市场上有大量的Magento管理员主题可供选择。我们选择了前3名Magento管理员主题扩展,可以帮助您做出正确的选择。

Magento 2 Admin Theme

Magento管理员响应主题是简化和增强商店管理员工作的好工具。主题是Retina Ready且易于使用,支持RTL,并且具有用于前端管理员的漂亮图标。Magento 2管理主题还支持自动翻译成各种语言,并且开发人员经常对其进行更新,这意味着不断改进和新功能。

兼容性: Magento 2.0.0 – Magento 2.1.x
成本:免费。

Magento 1 & 2 Responsive Admin Template

这个Magento管理主题具有超过100页的现代,时尚设计,易于安装且使用直观。由于其干净且高质量的代码,可以轻松对其进行进一步的自定义。该主题实现了一个搜索工具,可让您在几秒钟内在管理面板中找到任何内容。另外,特殊的图标字体将使您的管理面板看起来更具吸引力和独特性。

兼容性: Magento 1.9.0 – Magento 2.3.0
费用: $ 85.38。

Wunderadmin – Magento管理主题

使用Wunderadmin后台主题更改管理面板的外观。通过该主题,您可以自定义管理界面的配色方案并上载公司徽标,从而在公司员工中促进公司精神。该主题不需要任何编程技能,并且易于设置和配置。

兼容性: Magento 1.7 – 1.9
费用: $ 37。

最后

希望我们已经阐明了有关Magento管理主题的所有详细信息。我们相信,我们提供的信息对正在寻求有关如何创建自定义Magento管理员主题的清晰指南的开发人员以及对最受好评的Magento管理员主题扩展感兴趣的商店管理员或所有者的有用。

版权属于: sbboke版权所有。

转载时必须以链接形式注明作者和原始出处及本声明。

张贴在magento2教程标签:

相关文章

0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论