Мар
12

Плагин Simple Drop Cap: Первая заглавная буква для wordpress

Author admin    Category Плагины для WP     Tags

Первая заглавная букваИногда в интернете вы можете увидеть стиль оформления текстов с первой заглавной буквой, которые частенько встречается в журналах и книгах. Такая буква имеет намного больший размер нежели остальные в статье. Она визуально определяет начало поста и играет некую декоративную роль. Дабы не мучится с ручной правкой текстов, добавлением новых стилей, javascript и т.п. можно использовать специальный плагин для wordpress – Simple Drop Cap.

Установка модуля максимально простая – находите его по названию и ставите через админку либо можете скачать отсюда. Текущая версия поддерживает WordPress 3.0 и выше. Есть у плагина платная версия за 10 долларов с бОльшим набором настроек и параметров, однако можно обойтись и бесплатной.

После установки заходите в раздел «Настройки» – «Simple Drop Cap».

Настройки плагина Simple Drop Cap

Здесь вы, во-первых, можете выбрать в параметре Display Mode один из вариантов отображения заглавной буквы:

  • Normal Mode – заглавная буква просто увеличена, но располагается в той же строке.
  • Float Mode – для заглавной буквы осуществляется обтекание текстом справа.
  • Custom Mode – можете сами определить стиль оформления.

Стиль задается в настройке Custom CSS Style ниже, также можно выбрать цвет буквы – Drop Cap Color.

Использовать добавление заглавной буквы в тексте можно двумя способами – автоматически или вручную. Для реализации первого варианта в настройках ставите галочку в пункте «Drop Cap Automation«. К сожалению, в моем случае (WordPress 4.0.1 и Simple Drop Cap 1.1.5) возник с этим режимом какой-то глюк – заглавной буквой делалась не первая в тексте, а какая-то другая. Поэтому пришлось воспользоваться возможностью выводить заглавную букву вручную с помощью шорткода [dropcap]…[/dropcap]. Ставите данные теги перед и после нужной вам буквы в посте и сохраняете его. В итоге получится что-то вроде такого:

Первая заглавная буква для wordpress

Для такой заглавной буквы использовал стили в Custom CSS Style:

float: left;
margin: 0.16em 0.14em 0px 0.12em;
color: #9C6;
font-family: Georgia,Utopia,Charter,serif;
font-size: 5.4em;
line-height: 0.5;
text-shadow: 1px 1px 2px #404040;

Главное не забудьте выбрать режим Custom Mode, который будет считывать ваши стили, а не использовать имеющиеся по умолчанию. В целом, впечатление от плагина Simple Drop Cap двоякое. Да, он выполняет свои задачи, да максимально простой, но автоматический режим у меня почему-то не сработал



Прокомментировать

Новые шаблоны и статьи

Рубрики

Популярные шаблоны

Мы помогаем детям


KosynokBannerNetwork