WordPress: Заменить @import для дочерней темы

На одном из онлайн валидаторе CSS-кода среди незначительных предупреждений о том, что не все свойства выстроены в алфавитном порядке, я встретил упоминание о том, что мой файл стилей использует @import, а это препятствует параллельной загрузке.
Строчка была такая:

@import url("../twentytwelve/style.css");

И вот такое предупреждение:

Disallow @import
@import url(«../twentytwelve/style.css»);
@import prevents parallel downloads, use <link> instead.

 

Эта тема была создана в далёком 2012, тогда возможно ещё не было функционала параллельной загрузки, но сейчас она широко применяется и поддерживается наверное всеми браузерами.
Чтобы её можно было использовать и для моей старенькой темы, мне пришлось поискать в интернете, как это сделать, но все инструкции были для продвинутых веб-дизайнеров, коим я не являюсь. Я нашёл другой способ.
1. Устанавливаем для WordPress плагин Child Theme Configurator.
2. Создаём с помощью него дочернюю тему, она будет создана под новым именем
3. Копируем оттуда файл functions.php
4. У меня файл получился такой:

<?php
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;

// BEGIN ENQUEUE PARENT ACTION
// AUTO GENERATED - Do not modify or remove comment markers above or below:

if ( !function_exists( 'chld_thm_cfg_locale_css' ) ):
  function chld_thm_cfg_locale_css( $uri ){
    if ( empty( $uri ) && is_rtl() && file_exists( get_template_directory() . '/rtl.css' ) )
       $uri = get_template_directory_uri() . '/rtl.css';
    return $uri;
  }
endif;
add_filter( 'locale_stylesheet_uri', 'chld_thm_cfg_locale_css' );

if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
  function chld_thm_cfg_parent_css() {
    wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array( ) );
  }
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css', 10 );

// END ENQUEUE PARENT ACTION

5. После того, как файл сгенерирован, можно удалить плагин.



Подписаться
Уведомление о
guest
0 Комментарий
Inline Feedbacks
View all comments