Child theme wordpress: Child Themes | Theme Developer Handbook

Дочерние темы премиум-класса от Understrap — Understrap

Дочерние темы премиум-класса от Understrap

Компания Understrap с гордостью объявляет о переиздании наших семи дочерних тем премиум-класса для платформы тем Understrap. Эти дочерние темы прошли боевые испытания и включают в себя некоторые из наших лучших практик, накопленных за годы создания пользовательских дочерних тем. Они предназначены для работы сразу после установки или в качестве удобной отправной точки для разработчиков.

Родительская тема Understrap и дочерняя стартовая тема будут всегда быть бесплатным и с открытым исходным кодом.


7 прекрасных дочерних тем

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

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

Каждая тема полностью переработана для Bootstrap 5 , работает с шаблонами блоков WordPress , протестирована на доступность и готова к работе с Gutenberg .


Изучите темы + живые демонстрации

TechEventPortfolioMasonryBlogCORECorporate

Bootstrap 5 Across The Board

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


Шаблоны блоков для целевых страниц

Редактирование домашней страницы в настройщике WordPress или с помощью виджетов — это последнее десятилетие. Мы преобразовали наши пользовательские элементы дизайна в шаблоны блоков, которые поставляются в комплекте с каждой темой. Это означает, что мы используем основные блоки WordPress и улучшаем их с помощью минимальных служебных классов CSS и Bootstrap. Смешивайте и подбирайте эти шаблоны блоков, чтобы за считанные минуты создавать собственные домашние и целевые страницы.

WP 5.9 Шаблоны блоков с дочерними темами Understrap

Перестроен с учетом специальных возможностей

Understrap гордится тем, что в репозитории тем WordPress.org он отмечен как «готовый для специальных возможностей». Мы сохранили это обязательство с этими дочерними темами Understrap. При необходимости мы переопределяем цвета и шаблоны Bootstrap по умолчанию, чтобы загружать доступные комбинации цветов и обеспечивать плавную навигацию с помощью клавиатуры и возможности чтения с экрана.


Google Core Web Vitals и PageSpeed ​​Optimized

Мы переработали эту тему, сосредоточив внимание на Core Web Vitals, инициативе Google по повышению скорости загрузки страниц. Мы заменили Font Awesome на значки Bootstrap, используя встроенные SVG вместо внешнего шрифта. И общий объем пользовательского CSS был сокращен, так что мы можем просто сосредоточиться на создании быстрого сайта на основе Bootstrap.


Подходит для разработчиков и поддерживает Gutenberg

Эти темы созданы для разработчиков и идеально подходят для использования в качестве следующего начального шаблона для вашего следующего тематического проекта. Все последние инструменты сборки готовы к работе и включены, включая npm, SASS, PostCSS и Rollup.js. Мы создали некоторые базовые CSS-коды и определили несколько надежных переменных Bootstrap, чтобы приступить к вашей пользовательской разработке.


Прекращение обратной совместимости навсегда

Чтобы было ясно, эти темы полностью переработаны с нуля. Если вы использовали премиальные дочерние темы Understrap (или Overstrap) в прошлом, эти новые темы потребуют от вас внесения некоторых обновлений на ваших сайтах WordPress, особенно вокруг домашней и целевой страниц. Нет ничего невозможного в том, чтобы обновить свой сайт со старой версии конкретной дочерней темы, но думайте об этом как об установке «новой» темы, а не просто как об обновлении.


Наша гарантия

Наши дочерние темы премиум-класса создаются разработчиками для разработчиков, а это значит, что мы понимаем, насколько сложно ориентироваться в предпочтениях клиента и выборе программного обеспечения, когда вы выбираете тему для своего нового проекта. Вот почему мы сделали покупку детской темы Understrap Premium Child на 100 % безрисковой благодаря нашему 24-часовому льготному периоду. Если вы приобрели темы и у вас есть какие-либо проблемы или вопросы, которые мешают вам использовать их для своих проектов, просто напишите нам по электронной почте в течение 24 часов, и мы полностью вернем вашу покупку. Это означает, что вы можете использовать темы для вращения, абсолютно без риска.


Дочерние темы — Kadence WP


Если вы какое-то время были в мире WordPress, вы, вероятно, знакомы с термином «дочерняя тема». Это стало одной из тех страшных и сложных вещей, от которых многие стараются держаться подальше, ничего о них не зная. Однако реальность такова, что на самом деле это не так уж и страшно. На самом деле, это довольно просто. Но что это на самом деле? Что оно делает? Тебе это надо? В этом посте будут рассмотрены некоторые из этих основных вопросов, а также даны пошаговые инструкции по их созданию. Начнем с самого начала…

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

Дочерняя тема — это тема, которая полностью наследует стили и функции другой темы. Эта другая тема известна как родительская тема (имеет смысл, верно?). WordPress сначала проверит, существует ли файл шаблона в дочерней теме; если он делает , а не , тогда он будет извлекаться из родительской темы. Таким образом, вы можете изменить только то, что считаете необходимым, сделав копию файла родительской темы, добавив ее в дочернюю тему и затем отредактировав.
Дочерняя тема также может предоставить удобное место для пользовательского CSS, и вы можете использовать дочернюю тему для добавления/редактирования функций PHP с помощью файла functions. php.

Нужна ли дочерняя тема?

Если вы планируете изменять тему напрямую через файл шаблона или функцию, то да, мы определенно рекомендуем дочернюю тему. Если вы вносите изменения в свою тему, не используя дочернюю тему, вы рискуете потерять весь добавленный контент при обновлении. Однако, если вы планируете вносить только изменения CSS, дочерняя тема не нужна. Любые изменения CSS можно внести с помощью пользовательского поля CSS, расположенного в параметрах темы (или с помощью плагина, если вы используете тему, отличную от Kadence, которая не поставляется в комплекте с пользовательским полем CSS). Кроме того, параметры, выбранные на «Панели параметров темы», сохраняются в вашей базе данных, а не в файле. Вам не нужна дочерняя тема, чтобы сохранить эти разделы при обновлении.

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

  • Первое, что вам нужно сделать, это создать локальную папку на рабочем столе. Конечно, вашей папке потребуется имя, поэтому мы рекомендуем использовать родительское имя с «_child» в конце. Например «virtue_premium_child». Вы можете назвать его как хотите, но важно, чтобы в имени файла не было пробелов.
  • Следующим шагом будет создание таблицы стилей (style.css) для вашей дочерней темы. После создания вставьте следующее прямо в него. Просто замените информацию о теме на информацию о вашей собственной теме.
 /*
 Название темы: Virtue Premium Child
 URI темы: http://example.com/virtue-premium-child/
 Описание: Детская тема Virtue Premium
 Автор: Джон Доу
 URI автора: http://example.com
 Шаблон: добродетель_премиум
 Версия: 1.0.0
 Теги: светлый, темный, двухколоночный, правая боковая панель, адаптивный макет
 Текстовый домен: добродетель-ребенок
*/
/* Здесь начинается настройка темы
-------------------------------------------------- ------------ */
 
  • С технической точки зрения ваш style.css — единственный необходимый файл. Тем не менее, в большинстве случаев основной причиной дочерней темы является редактирование/добавление функций, и для этого необходимо создать файл functions.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *