Как подключить файл style.css для дочерней темы «Twenty Twenty Four» в WordPress?

Здравствуйте! 

Я настраиваю дочернюю тему для Twenty Twenty-Four в режиме Multisite, используя WordPress версии 6.6.2 и Twenty Twenty-Four версии 1.2. В административной части CMS WordPress на конкретном сайте я без проблем редактирую CSS стили через "Appearance" → "Editor" → "Styles" → "CSS" → "Additional CSS", однако интерфейс этого окна маленький и неудобен для работы.

Когда я пытаюсь внести изменения непосредственно в файл style.css дочерней темы на сервере или через административный интерфейс "Network admin" → "Themes" → "Theme File Editor", изменения не применяются. 

Я пробовал разные варианты кода для подключения в файле functions.php, но ни один из них не привел к успешному результату. Например, короткое обсуждение этой проблемы можно найти на <a href="https://core.trac.wordpress.org/ticket/59997" rel="nofollow">core.trac.wordpress.org</a>.

Не могли бы вы поделиться правильным способом подключения стилей дочерней темы style.css так, чтобы они работали в обычных и внешних редакторах?
  • 16 октября 2024 г. 22:33
Ответы на вопрос 2
Для правильного подключения файла `style.css` в дочерней теме WordPress вам нужно убедиться, что вы используете правильный подход в вашем файле `functions.php`. Вот шаги, которые помогут вам правильно подключить файл стилей вашей дочерней темы:

1. **Создайте дочернюю тему** (если вы еще этого не сделали):
   - Создайте новую папку в каталоге `wp-content/themes` и назовите её, например, `twentytwentyfour-child`.
   - В этой папке создайте файл `style.css` и добавьте в него следующий код:

     ```css
     /*
     Theme Name: Twenty Twenty Four Child
     Template: twentytwentyfour
     */
     ```

   - Создайте файл `functions.php` в той же папке.

2. **Подключите файл стилей в `functions.php`**:
   В вашем файле `functions.php` добавьте следующий код для правильного подключения стилей:

   ```php
   <?php
   function twentytwentyfour_child_enqueue_styles() {
       // Подключаем родительский стиль
       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', 'twentytwentyfour_child_enqueue_styles');
   ```

3. **Активируйте дочернюю тему**:
   После добавления файлов не забудьте активировать вашу дочернюю тему в административной панели WordPress. Перейдите в раздел «Внешний вид» → «Темы» и активируйте свою дочернюю тему.

4. **Очистите кэш** (если используется):
   Если у вас установлен какой-либо плагин кэширования, обязательно очистите кэш, чтобы изменения вступили в силу.

5. **Проверьте**:
   Перейдите на свой сайт и проверьте, применились ли ваши стили из `style.css` дочерней темы. Вы также можете использовать инструменты разработчика в вашем браузере, чтобы убедиться, что файл стилей загружается.

С этим методом ваши стили из дочерней темы должны работать корректно как в Визуальном редакторе, так и в обычных редакторах. Если у вас будут вопросы или проблемы с выполнением этих шагов, дайте знать, и я помогу вам!
Однако интерфейс этого окна очень маленький и неудобно работать со стилями.

Никогда там не работай, если нет желания повалить сайт. Используй локальные редакторы с заливкой по ФТП. В крайнем случае редактор из ПУхостинга, не забывая делать бекап редактируемого файла

Я перепробовал ряд вариантов кода что предлагается для подключения в function.php но все они не привели к успешному решению проблемы.

Нам не ведомо что и как ты перепробовал (ты же не написал), но простой и правильный вариант создания дочерней темы использовать плагины типа СТС
После создания и настройки дочки его можно удалить.
Похожие вопросы