Question

将样式表添加到WordPress的Timber入门主题的正确方法是什么？

我通常将我的样式表放入functions.php中。但这是正确的方法吗？

Answer 1

您可以将样式表添加到functions.php中（使用Wordpress的传统方式），也可以使用自定义函数（要在functions.php中添加），该功能允许您将样式表直接添加到树枝模板中。这样，您可以将样式表仅排入实际使用的地方。

Timber starter主题在functions.php文件中具有自定义功能的特定部分。

要添加到functions.php的函数：

/** This is where you can add your own functions to twig.
     *
     * @param string $twig get extension.
     */
     $function = new Twig_SimpleFunction('enqueue_style', function ($handle, $src) {
        wp_enqueue_style( $handle, get_stylesheet_directory_uri() . '/static/css/'.$src);
     });
     $twig->addFunction($function);

更改/static/css/以适应您的需求。现在，您可以像这样将样式直接加入到树枝模板中：

{{ enqueue_style('global','global.css') }}

如果您需要添加外部样式表，则可以使用稍微不同的功能：

/** This is where you can add your own functions to twig.
     *
     * @param string $twig get extension.
     */
$function = new Twig_SimpleFunction('enqueue_style_ext', function ($handle, $src) {
    wp_enqueue_style( $handle, $src);
});
$twig->addFunction($function);

，然后像这样排队：

{{ enqueue_style_ext('tachyons','https://cdnjs.cloudflare.com/ajax/libs/tachyons/4.11.1/tachyons.min.css') }}

原始功能发布在木材Array.prototype.reduce()

中

将样式表添加到入门主题

1 个答案: