Добавить таблицу стилей в начальную тему

Question

Как правильно добавить таблицу стилей в начальную тему Timber для WordPress? Обычно я ставлю свою таблицу стилей в функции. php. Но так ли это?

Answer 1

Вы можете добавлять свои таблицы стилей в функции. php (традиционный способ Wordpress) или использовать пользовательскую функцию (добавляемую в функции. php), которая позволяет добавлять таблицы стилей непосредственно в шаблоны веток. Таким образом, вы можете ставить таблицу стилей в очередь только там, где она фактически используется.

В теме запуска Timber есть специальный раздел c для пользовательских функций в функциях. 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') }}

Первоначальная функция была опубликована в журнале github