WP Booster True Color Blocks
Плагины

WP Booster: True Color Blocks

WP Booster: True Color Blocks - это плагин для добавления цветных блоков (типа "Внимание!") в ваши сообщения в блоге. Не снижает оценки PageSpeed. Не подключает внешних шрифтов, стилей, скриптов. Блоки свёрстаны семантически правильно и не приводят к ошибкам валидации в validator.w3.org. Это означает, что блоки верстаются семантически нейтральными тегами div, span без blockquote, figure и прочих...

FAQ

Почему плагин расположен на Github?

Мне так удобнее, кроме того добавление плагина в официальный репозиторий wordpress.org требует некоторых усилий.

Как установить плагин с Github и получать оперативные обновления?

Рекомендую не скачивать zip архив с Github, а произвести установку с помощью плагина Github Updater. С его помощью вы сможете устанавливать любой плагин с Github, а самое главное - получать оперативные обновления при выходе новой версии. После установки Github Updater перейдите в Настройки - Github Updater и на вкладке Установить плагин укажите путь до плагина (например https://github.com/seojacky/wpbooster-color-blocks ).

Установка плагина с Github

Я уже скачал zip архив с Github и установил

Это тоже нормальный способ установки, но в этом случае Вы лишаетесь автоматических обновлений. Рекомендуем установить способом, описанным выше.

Где находится кнопка со стилями?

Плагин работает только в обычном визуальном редакторе. Чтобы создать цветной блок выделите абзац текста, выберите выпадающее меню Форматы на панели визуального редактора, выберите в выпадающем меню нужный блок оформления

Настройки.

 Почему не появилась кнопка со стилями?

Скорее всего у Вас установлен плагин типа TinyMCE Advanced, который добавляет кнопки на панель визуального редактора. Проверьте настройки такого плагина и, если необходимо, добавьте кнопку Formats (Форматы) на панель.

Как заменить иконку в блоке?

Пока единственный способ это корректировка CSS стилей. Добавьте в свой файл стилей (например для блока "Внимание") что-то типа:

wpbcb-block--warning:before {
content: ""; 
background: url(https://i.imgur.com/MJekAr4.gif) no-repeat center 50%; 
background-size: cover; 
}

 Почему иконка в блоке смещена вверх (вниз)?

Потому что стили вашего шаблона накладываются на стили плагина. Исправить это можно примерно так (меняйте значение line-height, чтобы исправить смещение):

.wpbcb-block:before {
line-height: 1;
}

Примеры оформления

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *