TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Полное руководство по дочерней теме WordPress

162

Дочерние темы WordPress. Поначалу они могут звучать (и показаться) пугающими, но как только вы изучите все тонкости (а также красоту) дочерних тем WordPress, вы получите массу удовольствия. В этом посте мы разделим дочернюю тему WordPress на различные части. Другими словами, мы узнаем:

  • Что такое дочерняя тема WordPress
  • Достоинства дочерних тем WordPress
  • Недостатки дочерних тем WordPress
  • Как создать дочернюю тему WordPress
  • Ресурсы дочерней темы WordPress

Что такое дочерняя тема WordPress?

Итак, что такое дочерняя тема WordPress?

Дочерняя тема WordPress – это, в основном, тема WordPress, которая «заимствует» файлы шаблонов и функции из другой темы WordPress, известной как родительская тема. Пока ничего не пробивайте, все подробно объясню, обещаю.

Родительская тема является типичной темой WordPress, таких как нашей топ продаж Total WordPress Theme, по умолчанию Двадцать Четырнадцать тема в зависимости от того или темы вы используете на своем сайте.

Самая простая дочерняя тема WordPress – это просто папка, содержащая специальный файл style.css. Не волнуйтесь, когда я все объясню, все обретет смысл. Один из вопросов, который, вероятно, сейчас возникает у вас в голове: зачем использовать дочернюю тему, когда родительских тем много?

Ответ довольно прост. Большинство родительских тем время от времени получают обновления. Итак, если вы возьмете родительскую тему и настроите код (и стиль), вы потеряете все эти изменения при следующем обновлении темы. Именно здесь на помощь приходят дочерние темы WordPress. Дочерняя тема WordPress дает вам возможность настраивать родительскую тему, не рискуя потерять свои изменения при обновлении. Конечно, вы можете отказаться от обновлений, если не против подвергнуть свой веб-сайт хакерам.

Двигаемся дальше…

Несколько абзацев назад я упоминал, что дочерние темы «заимствуют» файлы шаблонов и функции у родительских тем. Как это произошло? Подумайте ребенка тем, как тень темы ; они имитируют свои родительские темы. Это все равно, что создать копию родительской темы без фактического копирования. Похоже на волшебство, правда?

Нажмите кнопку замораживания. Как создать копию родительской темы, ничего не копируя? Секрет понимания дочерних тем кроется в специальном файле style.css, о котором мы упоминали ранее. На самом деле секрет в единственной строке, найденной внутри style.css. Какую строчку спросите вы? Подробнее об этом чуть позже. Поскольку позже в этом посте мы создадим дочернюю тему, я просто представлю несколько основных концепций, чтобы раскрыть линию, о которой я говорю, и дать вам лучшее понимание дочерних тем.

Чтобы создать дочернюю тему, вы должны создать папку (для дочерней темы) в каталоге тем WordPress. Вы можете назвать папку как угодно (или в честь вашей темы). Затем вы должны создать style.css со следующим кодом:

/* Theme Name: The name of your child theme (e.g. Total Child Theme) Theme URI: http://www.example.com (Your child theme's URL) Description: A brief description of your child theme Author: Your name goes here Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc) Version: 1.0.0 */

Вы должны сохранить этот style.css в папке вашей дочерней темы. Теперь вернитесь к шестой (6-й) строке в приведенном выше коде. Ты увидишь:

Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)

Эта строка сообщает вашей дочерней теме, из какой родительской темы следует заимствовать функции и файлы шаблонов. Эта простая строка связывает вашу дочернюю тему с родительской темой, действуя как канал, по которому дочерняя тема получает файлы шаблонов и функции от родительской темы. Это означает, что у вас должна быть установлена ​​родительская тема на вашей платформе WordPress.

Достаточно сказать, что без этой строки у вас не будет дочерней темы. У вас есть только папка и типичный файл style.css.

Таким образом, строка шаблона наследует (большую часть) вашу родительскую тему, когда вы активируете свою дочернюю тему. Все изменения, которые вы вносите в свою дочернюю тему, не будут затронуты, если / когда вы обновите родительскую тему. Как вам такое объяснение? Вы следите или недостаточно ясно? Если вы со мной, давайте перейдем к преимуществам и недостаткам дочерних тем WordPress.

Каковы преимущества использования дочерней темы?

Использование дочерней темы дает множество преимуществ, и мы рекомендуем всем, кто использует тему, которая не была специально создана для их веб-сайта, настроить и активировать дочернюю тему. Мы перечислили некоторые из ключевых преимуществ использования дочерней темы и почему вам следует ее серьезно рассмотреть.

Полное руководство по дочерней теме WordPress

Безопасные обновления

Дочерние темы WordPress просто заимствуют функции, шаблоны и стили из родительской темы. Это позволяет вам настраивать свой сайт, не затрагивая родительскую тему. Поэтому всякий раз, когда разработчики обновляют вашу родительскую тему, вы можете безопасно обновлять свой веб-сайт без потери пользовательских изменений.

Дочерние темы легко расширяются

Дочерние темы WP дают вам большую гибкость. Вы можете создавать новые файлы шаблонов, которые не были частью родительской темы. Вы можете добавлять новые функции, стили и многое другое. Кроме того, существует множество коммерческих и бесплатных платформ тем с расширяемыми параметрами, которые помогут вам начать работу.

Дочерние темы безопасны для отката

Каждый разработчик – человек, и все мы знаем, что человеку свойственно ошибаться. Все делают ошибки, и все забывают. Тем не менее, вы будете в беде, если забудете кодировать что-то при использовании родительской темы. С дочерними темами дело обстоит немного иначе. Если вы забудете код, WordPress автоматически загрузит альтернативу (или оригинал) из родительской темы. Конечно, это верно только в том случае, если код существует в родительской теме.

Каковы недостатки использования дочерней темы?

Хотя в целом дочерние темы прекрасны, и мы рекомендуем всем, кто использует WordPress, активировать дочернюю тему на своем сайте, если они планируют внести какие-либо потенциальные изменения в будущем, но о некоторых вещах следует помнить.

Кривая обучения

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

Вещи ломаются или остаются позади

Если вы создали свой веб-сайт на основе родительской темы, вам, возможно, придется настроить несколько вещей (например, меню, виджеты и / или параметры темы), когда вы перейдете к дочерней теме. Некоторые темы сохраняют настройки в базе данных на основе имени темы, поэтому при переключении на дочернюю тему может показаться, что вы потеряли все настройки родительской темы (настройки настройщика), но не волнуйтесь, они в безопасности в базе данных, но вы будете Если это так, необходимо переключиться обратно на своего родителя, чтобы вы могли скопировать свои настройки и перенести их. В нашей теме Total мы предоставляем полезную панель импорта / экспорта прямо на панели инструментов, чтобы вы могли скопировать настройки настройщика вашей темы до переключения на дочернюю тему и перенести их.

Кроме того, если вы используете свою дочернюю тему для обеспечения дополнительных функций на своем сайте, а не с помощью плагина, если вы когда-нибудь переключите родительскую тему, вам, возможно, придется переместить некоторые из этих настроек в новую дочернюю тему, переименовать текущую дочернюю тему или переместить Твики в настраиваемый плагин.

Как создать дочернюю тему WordPress?

Я хочу предположить, что вы проявляете инициативу и создали папку и «специальный» файл style.css для своей дочерней темы. Если вы только что пропустили эту часть (или с нетерпением ждали этого раздела), откройте каталог тем WordPress через FTP / SFTP (… / wp-content / themes) и создайте папку, в которой вы будете хранить свою дочернюю тему.

Примечание. Вы можете получить доступ к каталогу тем через файловый менеджер в cPanel. В качестве альтернативы вы можете использовать FTP-клиент, такой как FileZilla, если у вас включены учетные записи FTP.

Затем откройте свой любимый текстовый редактор (мой Notepad ++) и создайте файл style.css со следующей информацией:

/* Theme Name: The name of your child theme (e.g. Total Child Theme) Theme URI: http://www.example.com (Your child theme's URL) Description: A brief description of your child theme Author: Your name goes here Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc) Version: 1.0.0 */

Это тот же код, который мы использовали ранее.

Загрузите файл style.css в папку дочерней темы. На данный момент ваш файл style.css пуст (за исключением приведенных выше строк, которые ничего не делают с точки зрения стиля), поэтому не ожидайте, что ваша дочерняя тема будет похожа на вашу родительскую тему. Однако, чтобы преодолеть это препятствие, вы можете импортировать style.css родительской темы, создав новый пустой файл functions.php внутри папки дочерней темы и добавив следующий PHP-код:

function total_child_enqueue_parent_theme_style() { // Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme) $theme = wp_get_theme( 'Total' ); $version = $theme->get( 'Version' ); // Load the stylesheet wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css', array(), $version ); } add_action( 'wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style' );

Обязательно замените «Total» на имя вашей родительской темы. Это позволит вашей дочерней теме динамически обновлять номер версии, добавленный к родительскому style.css, поэтому при обновлении родительской темы, если были какие-либо изменения в файле style.css в родительской теме, это позволит браузеру и вашему CDN (если он используется) повторно кэшируйте таблицу стилей и предотвратите появление на вашем сайте проблем с CSS при просмотре.

Настройка вашей дочерней темы

А теперь самое интересное. Скорее всего, вы создали свою дочернюю тему для настройки, так что погрузитесь в нее!

  • Чтобы настроить дочернюю тему, просто добавьте свои стили в созданный файл style.css. Они переопределят соответствующие стили родительской темы.
  • Чтобы редактировать файлы шаблонов, сначала скопируйте их в свою дочернюю тему, а затем отредактируйте их оттуда. Но не ВСЕ файлы можно скопировать в вашу дочернюю тему и изменить, вы можете копировать только файлы шаблонов. Поэтому, если в теме есть определенные файлы внутри для include, inc, functions или другой папки, которые содержат настраиваемые классы и функции, вы не сможете скопировать их и изменить их. В этих случаях вы можете захотеть использовать фильтры или хуки действий для изменения функций родительской темы по умолчанию.
  • Вы можете добавить собственные файлы шаблонов в свою дочернюю тему для расширения функциональности.
  • Используйте файл functions.php вашей дочерней темы, чтобы добавлять собственные функции и использовать родительскую тему или фильтры WordPress. Не добавляйте новые функции в файл functions.php родительской темы!

WordPress сначала загрузит файлы шаблонов и стили в вашу дочернюю тему, но если чего-то не хватает, он загрузит соответствующие файлы в родительской теме. Ах да, дочерние темы безопасны, но я уверен, что мы уже говорили об этом.

Вот и все.


В заключение…

Дочерние темы очень эффективны с точки зрения настройки и расширяемости. Более того, они предоставляют хорошую основу для обучения всем, кто хочет изучить разработку тем WordPress. Их просто и весело создавать, и они дают вам множество возможностей для преобразования вашего сайта WordPress так, как вам нравится.

Создавайте и получайте удовольствие, и не уходите, пока не поделитесь с нами в комментариях ниже. Мы любим и ценим ваши отзывы

?

Источник записи: https://www.wpexplorer.com

Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. ПринимаюПодробнее