Блог про wordpress и все, что с ним связано - возможности системы, секреты и хаки, плагины, шаблоны, оптимизация, seo, безопасность и т.п. Проект для начинающих и продвинутых пользователей.

Мар

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

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

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

После установки заходите в раздел «Настройки» — «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]. Ставите данные теги перед и после нужной вам буквы в посте и сохраняете его. В итоге получится что-то вроде такого:

Для такой заглавной буквы использовал стили в 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 двоякое. Да, он выполняет свои задачи, да максимально простой, но автоматический режим у меня почему-то не сработал.