amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categories: Плагины

Оформляем теги WordPress в красивый дизайн или создаём облако меток

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

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

Виджет «Облако меток»

Среди стандартных виджетов WordPress, о которых мы подробно рассказывали тут, имеется один, который способен вывести в сайдбаре облако меток. Он так и называется – «Облако меток».

Чтобы воспользоваться им, необходимо перейти в пункт консоли «Внешний вид» и подпункт «Виджеты». Здесь нужно просто перетащить необходимый виджет в нужную область и настроить его. Настройка минимальная: только заголовок виджета и выбор таксономии, которые будут отображаться. Кроме тегов WordPress, можно выбрать ещё и рубрики.

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

Плагин Cool Tag Cloud

Плагин Cool Tag Cloud позволяет выводить теги WordPress в красивом дизайне. При этом он отличается лёгкостью и не нагружает сайт, в отличие от динамического 3D облака меток. После скачивания, установки и активации плагина появится дополнительный виджет Cool Tag Cloud. У него более обширные настройки, чем у стандартного виджета:

Заголовок.
Семейство шрифтов. Можно выбрать из восьми типов.
Начертание шрифта. Можно выбрать жирный.
Наименьший/наибольший размер. Выбираются размеры шрифтов, которые будут зависеть от количества записей в той или иной рубрике или теге WordPress.
Стиль картинки. Семь вариантов цветовых схем.
Выравнивание. Ориентирование влево или вправо.
Анимация при наведении. Очень лёгкая и примитивная. Можно включить или выключить.
Имена меток. Можно выбрать с большой или маленькой буквы будут начинаться теги WordPress либо оставить так, как есть.
Сортировка. По имени или числу.
Направление сортировки.
Таксономия. Выбираются рубрики либо теги WordPress.
Тултип с числом записей. Можно включить или выключить.
Добавить nofollow. Можно закрыть от индексации ссылки на метки.