首页 > 解决方案 > 如何在模板中正确使用带有 HTML CSS JS 的 codepen 笔?

问题描述

我想在模板或设计块中使用来自 codepen 的一些设计精美的元素。我应该将它们放在单独的文件中还是可以将代码粘贴到自定义文件中?我想避免将类和属性与主模板的代码混合。

标签: htmlcssbootstrap-4

解决方案


不幸的是,如果 codepen 使用像“container”之类的通用类,您可能需要在将其放入主题之前进行一些调整(例如,将“container”的任何引用更改为“container--codepen-thing”)。如果这是您要添加到您身边的自定义内容,我会使其尽可能模块化,并将 html/css/javascript 添加到各自的文件中,然后将其添加到您的主题中,这样更容易管理时间并且它没有与主题的默认代码混为一谈。


推荐阅读