Как создать WordPress тему с нуля: первые шаги

• название темы
• автор
• описание
• URI темы
• версия
• лицензия
• и другие детали

WordPress использует эти детали для правильного отображения темы в бэкэнде.

Например, мета-заголовок в теме «Двадцать семнадцать» выглядит так:

 /* Theme Name: Twenty Seventeen Theme URI: https://wordpress.org/themes/twentyseventeen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 1.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentyseventeen Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ 

style.css файл style.css , очевидно, используется для style.css наших страниц WordPress.

WordPress Action и фильтр-хуки

Темы и плагины WordPress, WordPress в значительной степени зависят от действий и фильтров . Они являются частью событийной архитектуры . Простым объяснением этого было бы то, что в процессе выполнения страницы, связанной с веб-запросом посетителей, существуют определенные зарегистрированные точки — хуки — которые позволяют нам запускать действия в этих точках. Мы привязываем функции PHP к тем точкам, которые должны быть выполнены. Это боевые действия . Фильтрующие зацепки ориентированы на обработку — изменение — фрагментов данных в цикле выполнения. Итак, если ловушка фильтра зарегистрирована для какого-либо фрагмента данных (переменная PHP), мы можем подключить нашу собственную функцию и изменить или обработать этот фрагмент данных.

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

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

Петля

Цикл является элементарной частью цикла запроса WordPress. Как говорит Кодекс WordPress:

Цикл — это PHP-код, используемый WordPress для отображения сообщений. Используя Цикл, WordPress обрабатывает каждое сообщение, которое будет отображаться на текущей странице, и форматирует его в соответствии с тем, как оно соответствует заданным критериям в тегах Цикла.

Цикл WordPress — это, в основном, PHP-цикл while, который отображает сообщения в соответствии с запросом посетителей и указанными критериями в файле шаблона, в котором он указан.

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

Самый элементарный пример цикла может выглядеть примерно так:

 if ( have_posts() ) { while ( have_posts() ) { the_post(); // // Post Content here // } // end while } // end if 

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

Условные теги

Условные теги WordPress — это фрагменты кода PHP, которые позволяют нам отображать фрагменты контента только при соблюдении определенных условий. Например, у нас есть header.php всего сайта, который используется на каждой странице веб-сайта, но мы можем захотеть, чтобы определенные фрагменты HTML-кода отображались только на домашней или другой странице.

Итак, в первом примере мы будем использовать is_front_page() , и это будет выглядеть примерно так:

 if (is_front_page()){ # do something } 

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

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

Структура темы

В конце этой части и до того, как мы попытаемся создать собственную тему, мы будем использовать инструмент WP-CLI , чтобы создать минимальную тему на основе Underscores, поддерживаемую Automattic, чтобы взглянуть на типичную минимальную тему WordPress. структура:

Отсюда мы можем получить представление о том, как мы можем структурировать файлы тем, папки и т. Д.

Вывод

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

В этой серии есть три статьи по созданию темы WordPress с нуля:

• понимание структуры темы
• основы темы
• уточнение темы