Шаг № 229 Три варианта обрамления текста рамкой

Категория: Создание блога | 25.12.2016 10:31

Здравствуйте, друзья!

Столкнулся с необходимостью текст заключить в рамку. При помощи таблиц — не актуально. Обращаться к программистам — опять платить… Но оказалось, что есть плагины, которые прекрасно с этим справляются. С двумя такими модулями я и хочу вас познакомить.

Текст в фотошопе

Обрамляем рамкой текст с помощью плагина drop-shadow-boxes

Чем мне понравился данный плагин:

  1. Можно задать любые размеры рамки;
  2. Внутри рамку можно оформить любым цветом;
  3. Можно задать желаемую толщину рамки и также выбрать любой ее цвет;
  4. Можно задать расположение на странице — слева, в центре, справа;
  5. Удобное пользование — в панели инструментов справа от Добавить медиафайл появляется вот такой значок add-box
  6. Можно использовать несколько эффектов при оформлении рамки — тени, закругленные края…
  7. Есть предварительный просмотр, как это будет выглядеть перед вставкой в текст;
  8. Возможность вносить изменения в уже вставленную рамку — основные параметры все легко меняются в самом коде рамки.
  9. Очень простое пользование, если вы хоть немного знаете по английски такие термины как: ширина, высота, «бэкграунд»  smile, «эффект» и тень (shadow);
  10. Обрамлять можно не только тексты, но и картинки, что создает дополнительный привлекающий эффект!

Бытует такое мнение среди вебмастеров, что большое количество плагинов сильно нагружает блог и он начинает тормозить и медленно грузиться. По большому счету это не совсем так. Вордпресс без разницы откуда подгружать код — или из файла темы или из файла плагина. Но при этом почти все плагины бесплатны в пользовании, а тем кто не разбирается в кодах и html нужно обращаться к программистам (платно!) или пытаться сделать самим.

Но последний вариант опасен тем, что можно по неопытности вообще нарушить работу сайта или блога. У меня было такое и не раз, но я всегда брал за правило перед началом изменений в файле делать его резервную копию. И это меня всегда выручало!

Вот такую картинку я вставил на одном из своих сайтов с помощью этого плагина.

Образец оформления

Данный плагин можно скачать с надежного источника — не рекомендую скачивать с первых попавшихся сайтов и блогов: можно закачать что угодно и с любой начинкой! После скачивания активируем плагин и он готов к работе.

Скорость интернета постепенно возрастает. Пользователям интересно рассматривать крупные картинки, качественно оформленные тексты. Они хотят, чтобы страницы как можно быстрее грузились. И здесь нужен качественный хостинг! Я обязательно в течение недели напишу еще одну «внеплановую статью» о своем любимом хостинге, на который я перенес уже почти все свои сайты.

Оформление текста в рамку с помощью плагина WP-Note

Кто читал мою прошлую статью о досках и карточках планирования не мог не заметить, что в тексте вставлены рамки, которые сразу бросаются в глаза. Это очень удобно, если нужно выделить какую-то важную часть текста. Здесь настроек практически нет. Обрамляете текст в теги и сразу получаете нужный результат. Есть 5 шаблонов, выбор зависит от вас и той информации, которую вы хотите выделить особым образом. Вот эти рамки…

Варианты контуров

Это очень простой и легкий по нагрузке на блог плагин. Во многих шаблонах роль такого оформления выполняет blockquote. Но с помощью плагина можно немного разнообразить оформление — раз. Вместо картинок плагина можно вставить свои любые изображения — два. Нагрузку любого плагина на блог можно измерить с помощью модуля P3 (Plugin Performance Profiler) — три.

Установили проверочный модуль, активировали, посмотрели на диаграмме нагрузку и отключили. Данный плагин будет показывать нагрузку — ноль, ноль-дым.

Третий вариант заключения текста в рамку

Этот вариант подойдет для тех, кто умеет работать в программе Photoshop. Это моя одна из любимых программ. Принцип работы следующий. Скачиваете в интернете любую понравившуюся рамку, каких несметное множество. Далее, открываете эту картинку в фотошопе и вставляете туда нужный текст. Готово!

Кто не умее пользоваться программой фотошоп — можете посмотреть мой видеоурок. Там все коротко и понятно. Редактируем картинки в фотошопе.

Что у меня с новым сайтом?

Я обнаружил одну неприятную вещь. Выявил плагин, который сувал свои «руки», куда не следует — в файл htaccess. Он удалял все мои прописанные редиректы с www на без www и с http на https. И у меня вместо одного сайта получалось сразу 4! О каком трафике тут могла идти речь!? После того, как я опять прописал редиректы, то на следующий день сразу было 7 посетителей. А до этого был 0 в течение нескольких дней.

Вот из-таких мелочей и происходят сбои, отсутствие трафика и прочие недоразумения. Я решил, что отчеты по сайту буду делать по прошествии месяца, поскольку время летит вроде быстро, а изменения с сайтом происходят крайне медленно. Поэтому план такой на ближайшие дни:

  • В середине недели — широкий обзор моего любимого хостинга!
  • В конце недели — поздравление моих читателей с Новым годом и озвучивание своих целей по сайтам!
  • В первых числах января (2 или 3) — отчет о достижениях нового сайта за 1,5 месяца его существования.

Поделитесь со своими друзьями!



* * * * * * * * * *

Отзывов: 2 »

  1.  Автор: Денчик — 06.05.2017 в 19:36

    Нет такого плагина на сайте вордпресса WP-Note

  2.  Автор: Николай Соловьев — 06.05.2017 в 19:47

    Вот страница с плагином https://wordpress.org/plugins/wp-note/

Ваш отзыв

Comment Spam Protection by WP-SpamFree

Добавить изображение (только JPEG)



Главная|Как создать сайт|seo-справочник|Музыка|Об авторе |
Разрешается копирование с обязательным указанием автора и прямой индексируемой ссылки на seocross.ru| © 2016  



Пять секретов богатства