Как изменить в CSS с помощью пользовательской темы?

Вопрос или проблема

/wp-content/themes/nameofcustomtheme/style.css?ver=1.1.11

/?sccss=1&ver=4.6

function wp_enq_theme_styles() {

    $parent_style="parent-style";
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ) );
}
add_action( 'wp_enqueue_scripts', 'wp_enq_theme_styles' );

Ответ или решение

Чтобы изменить размер шрифта тега <p> в WordPress-сайте с использованием пользовательской темы, вам необходимо учитывать некоторые ключевые моменты. Ваша проблема заключается в том, что изменения в файле style.css не применяются, и вместо этого размер шрифта определен в другом CSS-файле, загружаемом через параметры, например, /?sccss=1&ver=4.6.

Шаги для изменения размера шрифта тега <p>

1. Использование файловой структуры тем:
   Убедитесь, что вы работаете с дочерней темой. Это даст вам возможность вносить изменения, не затрагивая основные файлы родительской темы. Дочерние темы позволяют безопасно обновлять основную тему, не теряя ваши индивидуальные изменения.

2. Отключение импорта родительского CSS:
   Как вы уже упомянули, проверьте, что в вашем файле style.css дочерней темы отсутствует строка @import. Это может привести к тому, что стили из родительской темы не будут в полной мере загружены. Если вы используете механизм enqueue для загрузки стилей, перейдите к следующему шагу.

3. Добавление функции в functions.php:
   Добавьте следующий код в файл functions.php вашей дочерней темы:

   function wp_enq_theme_styles() {
      $parent_style = "parent-style";
      wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
      wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ) );
   }
   add_action( 'wp_enqueue_scripts', 'wp_enq_theme_styles' );

   Этот код загружает стили родительской темы, а затем — стили дочерней темы. Это необходимо для того, чтобы ваши изменения в дочерней теме могли перекрывать стили родителя.

4. Переопределение стилей для <p>:
   После корректного подключения стилей, добавьте в файл style.css дочерней темы (или создайте новый файл, если его нет) следующее правило CSS:

   p {
      font-size: 18px !important;
   }

   Использование !important заставит браузер придавать приоритет вашему стилю, даже если другие стили загружаются позже.

5. Проверка изменений:
   После внесения вышеуказанных изменений, обновите страницу и проверьте с помощью инструмента разработчика (например, Chrome DevTools), применяется ли ваш стиль. Убедитесь, что ваш файл дочерней темы загружается последним и изменения видны на странице.

Дополнительные рекомендации

• Кэширование: Если вы используете плагины кэширования, не забудьте очистить кэш после внесения изменений, чтобы увидеть актуальные результаты.

• Дебаггинг: Если изменения все еще не отображаются, проверьте наличие ошибок в консоли браузера и убедитесь, что файл style.css действительно загружается.

• Чтение документации: Для более подробного изучения работы с дочерними темами воспользуйтесь официальной документацией WordPress о дочерних темах.

Следуя этим шагам, вы сможете успешно изменить размер шрифта для тега <p> в вашей пользовательской WordPress-теме.