如何在模板中将Codepen笔与HTML CSS JS一起正确使用？

Question

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

Answer 1

不幸的是，如果Codepen使用诸如“ container”之类的通用类，则在将其放入主题之前，您可能必须进行一些调整（例如，将“ container”的任何引用更改为“ container--codepen-thing”例）。如果您要添加自定义功能，我将使其尽可能模块化，然后将html / css / javascript添加到其各自的文件中，然后将其添加到您的主题中，这样一来，您可以更轻松地管理时间，并且没有与主题的默认代码结合在一起。