Категории

    Новости

    Изменение фона в шаблоне Joomla
    6. Сейчас колдуем с CSS так, чтоб было похоже на данный макет. Поехали: Я заключил меню в блочный элемент levoe-menu: Таким макаром, Joomla генерирует последующий код: Основная Сырье Аддитивы Диоксид

    Как быстро перенести сайт на Joomla Часть 2 Восстановление из резервной копии
    Как запустить цикл? У меня на данный момент выводит одну и туже картину либо просто "i" $q ="SELECT vm.`file_url_thumb` FROM `#__virtuemart_medias` vm LEFT JOIN `#__virtuemart_product_medias` vpm ON vpm.`virtuemart_media_id`

    Анализ сайта яндекс
    Продвижение веб-сайта в ТОП Yandex'а и Google (других поисковых машин) - главная цель для хоть какого вебмастера либо оптимизатора. В попытке закрепить собственный ресурс на фаворитных позициях выдачи

    Материнские платы на 2 процессора
    Для тех у кого нет времени, чтоб прочесть всю статью, я сразу даю рекомендуемые модели материнских плат под различные микропроцессоры. На сей день оптимальными по соотношению стоимость/качество являются

    Обозначение смайликов в картинках
    Здрасти, читатели блога Веб-сайт с нуля. Доводилось ли вам думать над тем, что означают смайлы, которые вам прислали, и как на их ответить? Сталкивались ли с необходимостью выразить свои эмоции очень

    Форд мондео ремонт
    На Форд Мондео ремонт силовых агрегатов случается довольно изредка, так как моторы южноамериканского производителя обычно надежны и долговечны. Особенного внимания стоит 2, 5л бензиновый вариант, снаряженный

    Процессоры intel socket 775
    Сокет (socket) микропроцессора - разъем, место на материнской плате компьютера куда вставляется микропроцессор. Микропроцессор, до того как он будет установлен в материнскую плату, должен подходить ей

Полезные материалы

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

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

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

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

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

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


CSS урок 13. font-variant

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

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

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

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

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

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

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

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

 

rss