将现有的bower foundation+scss网站转换成wordpress主题

Convert existing bower foundation+scss website into wordpress theme

我目前正在尝试使用基础框架和 scss 之间的组合,两者都是由推荐给我的基础 cli 自动生成的。

在建立了一个小网站之后,我现在正在尝试将其转换为 WordPress 主题,我目前对这个程序知之甚少,但我完全不知道什么文件以及我应该如何转换我的从基础 cli 到 WordPress 的 scss。

任何熟悉 Foundation cli 文件结构的人都可以帮助我吗? 预先感谢大家的时间和关注。

我的建议是使用 FoundationPress, a Foundation 6 WordPress theme. Foundation also has a nice list of WordPress starter themes 之类的东西。这可能会帮助您更多地了解 WordPress 的一般模板层次结构,以便您可以尝试向前推进并处理您构建的内容。

转换的困难将归结为与 WordPress 模板层次结构保持一致并使所有部分都动态化。您的 Sass 不需要做太多事情 - 您仍然会加载相同的样式表并进行编译,就像在转换之前构建它一样。

这是 making a WordPress theme 的好资源。您基本上需要一个 style.css 来定义您的主题,header.php 文件来加载持久导航并定义一个位置来加载 script/styles(header.php 中的 wp_head()), footer.php 出于与 header.php 相同的原因(footer.php 内的 wp_footer()),functions.php 使用 wp_enqueue_style 和 index.php 加载样式作为您的默认页面模板。

这是一个很好的基础,但是了解 WordPress Template Hierarchy is also important. Comparing FoundationPress or even TwentySeventeen 到模板层次结构应该有助于理解它是如何工作的。希望此信息可以帮助您指明正确的方向!