Плагин Simple Drop Cap - первая заглавная буква в wordpress посте
Опубликовано: 01.09.2018
Иногда в интернете вы можете увидеть стиль оформления текстов с первой заглавной буквой, которые частенько встречается в журналах и книгах. Такая буква имеет намного больший размер нежели остальные в статье. Она визуально определяет начало поста и играет некую декоративную роль. Дабы не мучится с ручной правкой текстов, добавлением новых стилей, 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 ; |
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 двоякое. Да, он выполняет свои задачи, да максимально простой, но автоматический режим у меня почему-то не сработал.