如何在Magento 2中使用Twitter Bootstrap开发主题?


8

我们是否有任何逐步的说明来为magento 2创建twitter引导主题,还是为magento 2的最新版本创建的暂存器?有人可以建议重新开始的好方法吗?

Answers:


2

Magento 2不使用Bootstrap,而是在主题核心中使用其自己的LESS和CSS。它具有发布者来查找和发布CSS,以及放置在pub /目录下的其他视图静态文件。发布者还支持通过使用某些预处理器对正在发布的文件进行预处理。例如,CSS预处理器包含两个独立的预处理器,如下所示:

LESS预处理器:LESS预处理器与LESS PHP适配器一起可在Magento中使用LESS。CSS URL解析器:用于使用发布者解析在CSS源文件中找到的链接,并将其替换为正确的链接。主要优点:

使用LESS可帮助用户更快,更轻松地自定义主题。LESS预处理器和CSS URL解析器有助于提高性能,加快页面加载速度,并使系统与搜索引擎更加友好。

https://www.ubertheme.com/magento-news/11-exciting-features-magento-2/

但是,如果您想在主题中使用引导程序。您可以创建此代码。在Magento_Theme / layout / default_head_blocks.xml下。对我来说,我正在使用波尔图主题。这就是波尔图添加引导程序的方式。

嘿,如果我错了,那里的人会纠正我。但这是基于我的经验。

谢谢

在此处输入图片说明

在此处输入图片说明


我收到了类似错误的大错误:错误:匿名define()模块不匹配:function(t,e,n){“ use strict”; function i(t,e){for(var n = 0; n <e.length; n ++){var i = e [n]; i.enumerable = i.enumerable ||!1,i.configurable =!0,i &&(i.writable =!0)中的“ value”,Object.defineProperty(t, i.key,i)}}函数s(t,e,n){返回e && i(t.prototype,e),n && i(t,n),t}函数r(){return(r = Object.assign | | function(t){for(var e = 1; e <arguments.length; e ++){var n = arguments [e]; for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&& (t [i] = n [i])}返回t})。apply(this,arguments)} e = e && e.hasOwnProperty(“ default”)?...
Magecode

您可以在这里给我发送截图吗?
MazeStricks

0

Magento 2附带一个精简版的Bootstrap,可以立即使用。您可以使用Bootstrap股票的大多数关键响应功能。我注意到当无法使用.embed-response时,它将给您404错误。

除此之外,您将必须构建自己的主题并添加自己的文件,例如@MazeStricks提及。


是的,您说得对@Cary Wolff,感谢您的信息。
MazeStricks
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.