Статьи

Начните с дочерних тем WordPress

Наши последние несколько видеороликов были посвящены введениям в различные темы программирования, но здесь нет вообще никаких навыков программирования! Если вы хотите освежить свой блог, протестируйте свои навыки HTML и CSS и опирайтесь на существующую тему блога.

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

Настройтесь ниже, пока Харли рассказывает нам, как начать работать с WP Child Themes. Супер просто и эффективно! Возможно, слишком просто?

Начните с дочерних тем WordPress

Для транскрипции JumpCast и тому подобного, посетите Learnable

Джесс: Я здесь с Харли Александером, гуру WordPress в SitePoint. Харли расскажет нам все о детских темах сегодня. Привет, Харли.

Харли: Что случилось?

Джесс: обо всем по порядку. Можете ли вы рассказать нам, что такое дочерняя тема WordPress?

Harley: Официально дочерняя тема WordPress является рекомендуемым способом изменения, чтобы внести изменения в существующую тему. Итак, скажем, есть тема, которая вам очень нравится, вы хотите внести небольшие изменения, дочерняя тема — способ сделать это.

Джесс: И почему они называют это детской темой?

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

Джесс: Это имеет смысл. Итак, вы бы выбрали дочернюю тему, а не родительскую?

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

Джесс: А кому тогда будет интересно использовать детские темы?

Harley: Дочерние темы — отличное место для начала, если вы действительно мало знаете о создании тем WordPress. Так что если вы не хотите начинать с самого начала, у вас уже может быть отличная тема. Например, 2011, тема WordPress по умолчанию, является отличной родительской темой для начала. И вы можете просто построить его очень легко, и вам не нужно изучать много навыков.

Джесс: Итак, какие изменения вы можете внести в дочернюю тему WordPress?

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

Джесс: А какой фон вам нужен, чтобы начать работать с этими темами?

Харли: По своей сути, дочерняя тема — это просто таблица стилей. Итак, если вы знаете только CSS, то вы вполне готовы начать создавать свою первую дочернюю тему.

Джесс: Есть ли еще какие-то навыки, которые бы пригодились при их использовании?

Харли: Абсолютно. Помимо CSS, это действительно хорошо иметь базовые знания HTML, это само собой разумеющееся. И хорошее понимание тегов, хуков и фильтров шаблонов WordPress, также прекрасно. И PHP определенно пригодится.

Джесс: Так с чего мне начать, если я хочу узнать больше?

Харли: Если бы вы выполнили простой поиск в Интернете в Интернете, чтобы узнать, «как начать работу с дочерними темами», вы найдете множество статей, из которых вы можете извлечь уроки. На самом деле SitePoint также получил книгу под названием «Как создать свою собственную злую тему WordPress».

Джесс: Итак, вы хотите показать нам демо о том, как создать дочернюю тему?

Харли: Абсолютно. Давайте перепрыгнем на мой экран.

Джесс: Давай сделаем это!

Харли: Здесь у меня есть свежая установка WordPress, которая использует стандартную тему Twenty-Eleven, и Twnety-Eleven фактически станет нашей родительской темой на сегодняшний день. Итак, я собираюсь перепрыгнуть в нашу папку тем, создать новую папку и назвать ее «дочерняя тема». И затем в рамках этого я собираюсь создать таблицу стилей, которая называется «style.css».

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

Круто, поэтому, если мы вернемся сюда и перейдем на страницу тем в админке WordPress, появится наша новая дочерняя тема. Бум, вот оно. Блестяще, так что мы вернемся домой, и вы заметите, что на самом деле все выглядит довольно плохо. И это потому, что с любой дочерней темой вам нужно импортировать таблицу стилей родительской темы, чтобы все это унаследовать. Так что я собираюсь пойти дальше и добавить импорт
правило, и мы собираемся перейти вверх по каталогу в «2011», а затем «style.css». Brilliant. Так что теперь, если мы вернемся к нашей странице и обновимся, красиво, это будет похоже на Двадцать одиннадцать.

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

Хорошо, если мы сохраним это, а затем обновим, наш фоновый цвет будет тройным B здесь. Итак, теперь вы можете видеть, что у нас есть новая тема. Не слишком отличается от 2011 года,
но это отличается, просто с помощью «style.css». Вы можете делать практически все, включая добавление функциональности с помощью PHP, но сейчас я не буду вдаваться в подробности. Я просто собираюсь исправить это окно поиска здесь.

Поэтому я хочу добавить белый фон к «#s». Итак, я собираюсь вернуться сюда, добавить другое правило, цвет, сделать его тройным F, сохранить его, а затем обновить. Это не сработало. Это почему? Может быть, если мы придаем этому значение, сохраняем его, бум, вот и все. Так что да, действительно легко начать создавать свою первую детскую тему. WordPress.org рекомендует использовать Twenty-Eleven в качестве первого родителя для вашей первой дочерней темы только потому, что в нем есть все, что вам нужно. Вы можете пойти так далеко, как вы хотите с ними.

Джесс: Мне это кажется довольно простым. Большое спасибо за ваше время, Харли.