Здравствуйте, читатели блога Чо-Чо! Если вы входите в число тех людей, которым хочется оригинально и просто выделить свой блог, то эта статья будет вам интересна. В ней пойдет речь о том, как можно красиво оформить текст, написанный на WordPress, с помощью несложного плагина Simple Drop Cap. На его настройку у вас уйдет несколько минут, а ваши статьи будут выглядеть гораздо симпатичнее.
Этот плагин дает возможность поставить красивую заглавную букву в первом абзаце текста. Такую букву иначе называют буквицей. Буквицы вы, наверняка, видели в журналах, газетах или детских книжках. Для ее создания применяется большой размер шрифта. Выглядит буквица очень эффектно и делает текст особенным, поэтому стоит познакомиться с ней поближе.
Итак, приступим: делаем красивую заглавную букву
Вы уже представляете, как будет выглядеть буквица в тексте при использовании плагина Simple Drop Cap? В настройках плагина существует 3 способа вывода буквицы в тексте. Как настроить плагин, будет пояснено позже, а сейчас взгляните, как могут выглядеть буквицы.
1. Обыкновенный вывод буквицы в начале текста:
2. Плавающий вывод буквицы в начале статьи:
3. Третей вывод буквицы зависит от ваших умений в CSS и фантазии. Другими словами, вы самостоятельно можете прописать разнообразные стили в настройках плагина.
Плагин Simple Drop Cap или оригинальное оформление текста
Скачать архив с обновленной версией плагина можно на официальном сайте WordPress. После скачивания установите плагин описанным ниже способом:
- Распакуйте скаченный архив;
- Закачайте папку simple-drop-cap в директорию wp-content/plugins;
- Зайдите в админку WordPress, щелкните слева на пункт меню «Плагины» и активируйте плагин.
Далее поработаем с его настройками.
Давайте пробежимся по каждому пункту
* Display Mode — В этом разделе необходимо выбрать режим отображения заглавной буквы.
- Normal Mode — Если вы кликните по этой рамочке, то заглавная буква примет обычные очертания (вариант 1).
- Float Mode — Если вы щелкните мышкой по данной рамке, то заглавная буква будет плавающей (вариант 2).
- Custom Mode — В этом случае буквица будет такой, какой вы ее прописали в своих персональных настройках (См. пункт 5).
- Drop Cap Color — Здесь можно задать цвет буквицы в зависимости от стиля выбранного шаблона.
- Custom CSS Style — В этом разделе можно прописать свои индивидуальные стили с помощью CSS.
Например, вы можете указать такой стиль:
font-family: Georgia, serif;
color: #000000;
font-size: 46px;
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
Если вы не разбирается в кодах, то для вас небольшое пояснение:
font-family: шрифт
color: цвет
font-size: размер
text-shadow: тень
Вот так это будет выглядеть на вашем компьютере:
6. Drop Cap Automation — Если вы установите галочку в этом разделе, то буквица поменяется во всех абзацах вашей статьи. Такое оформление считается не самым удачным, но попробовать его можно. Если эту функцию не активировать, то изменений не будет. Также вы можете вручную ставить буквицу в любое слово благодаря такому шорткоду:
[dropcap]…[/dropcap]
Таким образом, ставите данные теги перед и после необходимой вам буквы, например:
[dropcap]П[/dropcap]ривет
В конце работы не забудьте сохранить все настройки, кликнув на кнопку «Сохранить изменения»
Выводим буквицу в тексте
Вывести буквицу в тексте статьи достаточно легко. Посмотрите: в редакторе отображается новая кнопка.
Чтобы создать буквицу, выделите первый символ в тексте и кликните на кнопку Drop Cap в редакторе. Вы заметите, что выбранная вами буква будет обведена специальным шорткодом.
