Работа с классами и идентификаторами, генерируемыми WordPress

Опубликовано: 26.09.2017

СкачатьИСХОДНЫЙ ФАЙЛ

Демо-версияСМОТРЕТЬ ОНЛАЙН

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

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


CSS урок 13. font-variant

Я буду работать с тремя областями применения:

Классы и идентификаторы, сгенерированные для изображений, которые вы загружаете в WordPress с помощью менеджера медиа-файлов; Теги шаблонов, которые используются в файлах шаблонов темы для создания классов и идентификаторов на основе контента сайта и страницы, которая в данный момент просматривается; Параметры, которые можно настроить при создании виджетов и меню (или которые уже будут установлены по умолчанию для глубоко проработанной темы). Они будут генерировать классы и идентификаторы, относящиеся к конкретным типам виджетов, отдельным виджетам и пунктам меню.

Я поясню, как это работает для каждой из областей применения, а затем приведу для наглядности несколько примеров.

Что вам потребуется для выполнения этого урока

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

Установленная и настроенная система WordPress; Тема WordPress, которую вы сможете редактировать.

Классы и идентификаторы, сгенерированные для изображений, загруженных через медиа-аплоадер

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

 

rss