Работа с классами и идентификаторами, генерируемыми WordPress
Опубликовано: 26.09.2017
СкачатьИСХОДНЫЙ ФАЙЛ
Демо-версияСМОТРЕТЬ ОНЛАЙН
Очень полезной функцией WordPress является возможность создавать классы и идентификаторы. Некоторые из них генерируются самой системой, в других случаях вы вставляете в вашу тему определенный PHP-код , и WordPress использует его, чтобы добавлять классы и идентификаторы в разметку страницы.
В этой статье я покажу три способа, с помощью которых это можно сделать, и проиллюстрирую каждый из них практическими примерами.
CSS урок 13. font-variant
Я буду работать с тремя областями применения:
Классы и идентификаторы, сгенерированные для изображений, которые вы загружаете в WordPress с помощью менеджера медиа-файлов; Теги шаблонов, которые используются в файлах шаблонов темы для создания классов и идентификаторов на основе контента сайта и страницы, которая в данный момент просматривается; Параметры, которые можно настроить при создании виджетов и меню (или которые уже будут установлены по умолчанию для глубоко проработанной темы). Они будут генерировать классы и идентификаторы, относящиеся к конкретным типам виджетов, отдельным виджетам и пунктам меню.Я поясню, как это работает для каждой из областей применения, а затем приведу для наглядности несколько примеров.
Что вам потребуется для выполнения этого урока
Для выполнения практических заданий из этого урока, вам потребуются:
Установленная и настроенная система WordPress; Тема WordPress, которую вы сможете редактировать.Классы и идентификаторы, сгенерированные для изображений, загруженных через медиа-аплоадер
При загрузке изображения через медиа-аплоадер, вам предоставляется возможность задать его выравнивание, как это показано на скриншоте.