- Создание темы WordPress – single.php
- single.php
- Раздел «Об авторе»
- Файлы темы wordpress, которые должны быть
- Обязательные файлы темы wordpress
- Шпаргалка о том, как работает ваш блог
- index.php – главная страница сайта
- single.php – отдельные записи
- page.php – отдельные страницы
- archive.php, category.php, tag.php – файлы архивов
- Loop
- Дополнительные файлы темы WordPress
- comments.php
- functions.php – главный файл темы wordpress
- style.css
- Заключение
Создание темы WordPress – single.php
Мы уже говорили о home.php и о том, как этот файл контролирует / отображает ваши последние записи в сокращенном виде. Когда вы нажимаете на какую-либо статью, вы переходите по ссылке на ее полный формат. За его отображение и отвечает single.php. Он содержит много той же информации, которую мы видели в других файлах php, в частности page.php, но я покажу вам, как мы должны немного изменить код, чтобы показать полный контент и несколько полезных элементов, которые вы должны включить в single.php. — файл. Давайте посмотрим на код, который будет отвечать за отображение информации в single.php.
single.php
Как и большинство других файлов шаблонов, с которыми мы работали, мы начинаем single.php файл циклом. Вы заметите, что ничего не изменилось со структурой цикла, есть только несколько изменений, которые мы должны внести в элементы, чтобы предотвратить показ только вступительного абзаца и небольшого эскиза. Я также покажу вам, как настроить окно автора в случае, если у вас будет несколько человек, пишущих сообщения в блоге.
Рассмотрим код внимательнее:
В функции the_post_thumbnail () нам нужно передать параметр, который сообщает WordPress, что мы хотим использовать «полную» версию или версию самого большого размера изображения вместо миниатюры. Он будет выглядеть как the_post_thumbnail (’full’).
Самое главное,что нужно запомнить – в single.php не следует использовать the_excerpt () вместо этого используйте the_content (), который будет отображать статью полностью.
Раздел «Об авторе»
В приведенном выше коде создана область, где вы можете показать информацию об авторе. Первый div содержит функцию get_avatar(), которая вытягивает изображение Аватара / профиля, назначенное пользователю. Есть много вариантов, чтобы вытащить аватар для автора, но я использую Gravatar. Поэтому мы запросили Аватар, но как узнать, кто написал статью и какой аватар вытащить? Для этого мы должны передать параметр get_the_author_meta (), чтобы WordPress связался с автором, который написал статью. Вещи еще не совсем связаны, нам нужно передать параметр в get_the_author_meta () «email», чтобы WordPress знал, что нужно захватить Аватар с адреса электронной почты, хранящегося в мета автора, связанного с этой статьей.
Затем мы продолжаем использовать get_the_author_meta (), чтобы захватить » dispaly_name» автора, » description», которое показывает биографию автора, и я включила ссылку на веб-сайт автора, передав параметр «user_url». Откуда я беру эти вещи? Где я могу найти биографию и веб-сайт автора? Направьтесь в админ-панель и выберите пользователи. Там вы найдете список всех пользователей, прикрепленных к вашему сайту, и, если вы нажмете на один из них, вы увидите, что вся информация вводится здесь для каждого пользователя/автора. Смотрите скриншот ниже:
Вот, как теперь выглядит наша страница записей на сайте.
Осталось добавить комментарии после основного текста
Как видим, этот файл не очень сложный и не сильно отличается от page.php. Тем не менее, это основная целевая страница для ваших статей в блоге, и она действительно должна быть продумана для правильной оптимизации вашего сайта. В конечном счете, мы хотим, чтобы веб-сайты, которые мы создаем, были интересны пользователю и окупались. Именно в этом файле нужно размещать социальные кнопки, призывы к действию, похожие и популярные статьи. Все это легко сделать с помощью многочисленных плагинов.
Для большинства пользователей WordPress — это черный ящик. Вы помещаете Read more
functions.php файл шаблона функций в WordPress действительно является двигателем вашей Read more
Сегодня мы поговорим о еще трех файлах, которые, если их Read more
Сегодня речь пойдет об архивах записей, а точнее о файлах Read more
Файл page.php контролирует то, что отображается на каждой из ваших Read more
Сегодня поговорим о трех очень важных файлах: home.php, front-page.php и Read more
Файлы темы wordpress, которые должны быть
Со всеми фреймворками блогового движка WordPress, возникшими за последние несколько лет, мы почти забыли, как выглядит обычная Тема WordPress. Поэтому в этом посте я постараюсь напомнить о самых нужных файлах, которые составляют тот необходимый костяк или скелет, из которого и состоит шаблон вордпресс.
Ознакомьтесь с файлами темы WordPress на скриншоте:
Обязательные файлы темы wordpress
Шпаргалка о том, как работает ваш блог
Темы WordPress состоят из папки с файлами шаблонов, каждый из которых отвечает за свой кусок темы. Части сайта, которые остаются статичными вне зависимости от того, на какую страницу вы перешли, управляются файлами шапки, подвала и боковой панели (header.php, sidebar.php, footer.php).
Вы можете изменить их так, чтобы они определяли, на какую страницу совершен переход, и, в зависимости от содержания и местоположения на сайте, отображали разную навигацию для страниц и публикаций. Но чаще всего эти секции выглядят одинаково по всему сайту.
Дальше речь пойдет о таких понятиях:
- header.php
Глобальный файл, отображающий шапку и навигацию. Также содержит html-код - Loop(цикл)
Отображение контента главной области сайта контролируется отдельными файлами шаблонов темы WordPress, которые используют метод под названием «цикл» - sidebar.php
Контролирует отображение боковой панели. Множественные боковые панели могут быть настроены через functions.php, а контент виджетов боковых панелей настраивается через консоль управления сайтом WordPress - footer.php
Содержит инструкции для общего подвала и закрывает html-тэги.
index.php – главная страница сайта
Файл index управляет видом главной страницы вашей темы WordPress. По умолчанию это цикл, который отправляет запросы и потом отображает самые последние записи в блоге, со ссылкой внизу на предыдущую запись.
В качестве альтернативы вы можете определить через «Консоль -> Настройки ->Чтение» вид главной страницы, которую вы самостоятельно создали в WordPress. В этом случае вы указываете другую страницу/адресную ссылку для вывода регулярных записей в блоге, и эта страница будет генерироваться index.php.
Кроме того, так же в настройках есть возможность задать отображение главной страницы как статичную, т. есть, не изменяемую. Обычно это подходит для сайтов компаний.
single.php – отдельные записи
Отображение отдельных записей в теме WordPress управляется маленьким файлом под названием single.php. Он содержит цикл, который запрашивает и отображает только одну запись. Вы можете указать, нужна ли вам боковая панель (и если да, то какая), если хотите, чтобы она выглядела не так, как другие страницы на сайте.
page.php – отдельные страницы
По внешнему виду мало чем отличается от single.php, но этот файл темы wordpress управляет видом страниц, за исключением главной. Вы можете убрать боковые панели или другие элементы, добавить другие уникальные элементы только для страниц.
Также WordPress позволяет создать разные шаблоны для страниц разного типа внутри используемой темы. Чтобы создать шаблон страниц, достаточно скопировать файл page.php, переименовать его по собственному желанию и добавить в начало такой код:
/* Template Name: Название Файла */
archive.php, category.php, tag.php – файлы архивов
Вы можете управлять видом и поведением разных архивов, также используя файлы шаблонов. Без такого файла архивы выглядят как index.php, но вы можете переопределить это с помощью файла archive.php. Если вы создадите файл category.php, он отменит действие archive.php для категорий. Создав файл tag.php, вы переопределите вид и поведение только архивов тэгов.
Loop
Цикл (loop), возможно, самая сильная часть темы WordPress. Он начинается с запроса (который определяет, какие страницы или записи захватывать), и заканчивается РНР-оператором . Все, что находится между этими двумя командами – ваше личное дело.
Можно установить новый вид заголовков, содержимого записи, метаданных, пользовательских полей и прокомментировать все внутри цикла, каждый элемент будет выводиться для каждой записи или станицы, пока будет выполняться запрос.
Так же, есть возможность настроить несколько циклов и запросов для одной и той же страницы. Например, в файле single.php можно задать цикл, который показывает весь контент одной записи, и цикл, который будет выводить под публикацией только заголовки и миниатюры для похожих записей.
- Запрос записи или страницы
- Начало цикла
- the_title (вывод заголовка записи)
- the_excerpt (вывод отрывка записи)
- the_content (вывод всего содержимого записи)
- the_category (вывод категорий для записей)
- the_author (вывод автора записи)
- the_date (вывод даты записи)
- other tags (варианты других тэгов, которые вы можете использовать в цикле)
- endwhile;
- Конец цикла
Дополнительные файлы темы WordPress
Чтобы тема WordPress работала, нужно несколько важных дополнительных файлов. Эти файлы могут модифицироваться под ваши нужды и довольно сильно влияют на пользовательский вид и функциональность сайта.
comments.php
Он управляет выводом комментариев, которые могут включаться в цикл, если вы хотите добавить комментарии пользователей в свою тему. Comments.php можно заместить плагинами типа Disqus, которые в этом случае берут на себя функционирование комментариев в блоге.
functions.php – главный файл темы wordpress
Файл позволяет навести порядок в пользовательском РНР-коде для изменения ключевых элементов темы. Он часто используется для установки нескольких боковых панелей, изменения числа знаков в отрывке для предпросмотра или добавления пользовательских функций в панель администратора Консоли WordPress.
При использовании сторонней темы wordpress, есть смысл создать дочернюю тему и именно в ней редактировать или добавлять новые функции. В этом случае, при обновлении шаблона изменения не будут удалены.
style.css
Это главная таблица CSS-стилей для темы. В начале файла также есть текст, который говорит WordPress, как называется тема, кто автор и по какому адресу расположен сайт.
/* Theme Name: Twenty Twenty-Two Theme URI: https://github.com/wordpress/twentytwentytwo/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours. Requires at least: 5.9 Tested up to: 5.9 Requires PHP: 5.6 Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentytwo Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org Twenty Twenty-Two is distributed under the terms of the GNU GPL. */
Заключение
Файлы темы wordpress, которые описаны в этом посте, являются обязательными. Они понадобятся при создании своего или редактирования уже существующего шаблона. Но по мере установления дополнительных расширений, в виде плагинов, могут быть добавлены дополнительные файлы темы движка.
Это часто встречается в коммерческих темах, где есть дополнительный функционал.