WordPress Довідка

Ми спробували якнайкраще перекласти цю статтю. Також доступна версія англійською мовою.

Створіть дочірню тему для WordPress

Іноді може знадобитися змінити тему WordPress. Найкращий спосіб змінити стиль та функціональність теми - використовувати дочірню тему, щоб уникнути втрати змін під час оновлення.

  1. Підключіться до хостингу за допомогою FTP
  2. Перейдіть до каталогу wp-content / themes вашого сайту WordPress.
  3. Створіть дочірній каталог тем. Нижче наведено загальні правила імен для дочірніх тем: < батьківський & gt; -child , де < батьківський & gt; - назва вашої батьківської теми.
  4. Перейдіть до дочірнього каталогу тем і створіть файл style.css.
  5. У файлі style.css додайте заголовок таблиці стилів, який містить метадані про вашу тему. Нижче наведено приклад, який можна використовувати з дочірньої теми Twenty Fifteen:
    / * Назва теми: URI теми: двадцять п’ятнадцять http://example.com/twenty-fifteen-child/ Опис: Двадцять п’ятнадцять дочірніх тем Автор: John Doe Автор URI: http://example.com Шаблон: двадцять п’ятнадцять Версія: 1.0.0 Ліцензія: Загальнодоступна ліцензія GNU v2 або новішої версії Ліцензія URI: http://www.gnu.org/licenses/gpl-2.0.html Теги: light , темний, двоколонковий, права бічна панель, адаптивний макет, доступний для текстових доменів: двадцять п’ятнадцять дітей-дочірніх * /

    Не забудьте замінити інформацію у прикладі на інформацію, що стосується вашої теми.

  6. Збережіть файл style.css.
  7. Тепер створіть файл functions.php. Він міститиме функції PHP, характерні для вашої дочірньої теми.
  8. Після створення файлу functions.php вам потрібно буде помістити стилі та сценарії з батьківської теми до дочірньої теми.
    • Відкрийте файл functions.php
    • Додайте функцію, яка використовуватиметься для оформлення стилів і сценаріїв з батьківської теми в черзі. Нижче наведено приклад.
      ? php add_action ('wp_enqueue_script', 'my_theme_enqueue_styles'); функція my_theme_enqueue_styles () {wp_enqueue_style ('батьківський стиль', get_template_directory_uri (). '/style.css'); }? >

Наступні кроки


Додаткові відомості