【问题标题】:Convert existing bower foundation+scss website into wordpress theme将现有 Bower Foundation+scss 网站转换为 wordpress 主题
【发布时间】:2017-08-28 15:08:28
【问题描述】:

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

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

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

【问题讨论】:

    标签: css wordpress sass zurb-foundation bower


    【解决方案1】:

    我的建议是使用像 FoundationPress 这样的 Foundation 6 WordPress 主题。 Foundation 也有一个不错的 WordPress starter themes 列表。这可以帮助您更多地了解 WordPress 的一般模板层次结构,以便您可以尝试继续前进并处理您已构建的内容。

    转换的斗争将归结为与 WordPress 模板层次结构保持一致并使所有部分动态化。您的 Sass 无需做太多工作 - 您仍将加载相同的样式表并进行编译,就像在转换之前构建它时一样。

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

    这是一个很好的基础,但了解WordPress Template Hierarchy 也很重要。将 FoundationPress 甚至 TwentySeventeen 与模板层次结构进行比较应该有助于理解它是如何工作的。希望这些信息能帮助您指明正确的方向!

    【讨论】:

    • 非常感谢您对 maxinacube 的及时回复。我相信现在已经了解了 wp 的基本结构,但是对于如何导入我的 scss 文件以便在那里将其编译成 css 却无法理解。我一定会看看你推荐的基金会,再次感谢你的帮助。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-13
    • 2012-03-06
    • 2014-03-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多