Рамки для оформления текста



Рамки для оформления текста. Текст в рамке

Приветствую Вас! Сегодняшняя наша тема – рамки для оформления текста.

Текст в рамке всегда выделяется от основного текста и как правило несет информативный характер. Информация, заключенная в рамку говорит о степени важности, заостряя наше внимание на тех или иных вещах.

Я например, когда пишу статью, где говорится об изменении кода WordPress, всегда вывожу предупреждение в виде рамки:

Будьте внимательны, работая с  файлами, не забудьте создать резервную копию и т.п.

Знаете всякое бывает! Полезет неопытный блоггер в код, удалит по запарке нужный элемент, потом будет в комментах писать «у меня не получилось, весь блог перекосило» или «что мне теперь делать, как мне теперь быть»… А ему говорят: «Ты читал предупреждение? Надо было копию создавать!» А он в ответ: «Нет, не видал, не заметил!»

Примерно такую ситуацию я наблюдал у какого-то молодого блоггера – текст был сплошным, неразделенным, без каких-либо заметок или рамок… Делайте выводы друзья! Всегда выделяйте важную информации и неважно, каким способом, главное чтобы она выделялась.

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

Как вставить текст в рамку

Рамки для оформления текста

Все очень просто! Рамки для блога выводит плагин WP-Note, все цветовые схемы рамок представлены на скриншоте выше. Плагин хорош тем, что не создает нагрузки на блог, прост в обращении – установил и забыл.

Режим установки плагина: скачиваем – переходим на свой хостинг – wp content – папка plugins – закачиваем – админка блога – раздел с плагинами – находим WP-Note – жмем «активировать». Всё.

Давайте еще раз посмотрим на скриншот, тут видно, что каждой рамке присвоен код вывода цветной формы, заключенный в квадратные скобки (шоткод). В общем вставляем шоткод в начале и в конце той части текста, на который Вы хотите обратить особое внимание Ваших читателей. Таким образом эта часть текста будет заключена в рамку.

При желании можно изменить состав рамки, заменить картинки на свои (папка images находится в самом плагине), а также цвет фона, отступы (редактируем файл плагина CSS).

Я нигде не ковырялся и оставил все как есть, хотя может на досуге что-нибудь и подкручу :)

Напомню, мы сейчас рассмотрели тему «Рамки для оформления текста. Текст в рамке». Это один из простейших способов создания рамки. Если знаете другие варианты вывода рамок в тексте поделитесь в комментариях – обсудим. Есть вопросы, пишите – с удовольствием отвечу!

На этом все и до скорого!

P.S. Хочу добавить, есть значит у меня ещё статья на тему: Оформление текста в рамку , там разговор о более продвинутом плагине, который может... (секрет!) Читайте и всё узнаете! :)



Обратите внимание на следующие статьи...

19 Комментарии к статье “Рамки для оформления текста
  1. У меня стоит этот плагин. Он замечательный, но прилично грузит блог. Где бы замену найти? 😕

  2. Замена есть и очень достойная, об этом скоро напишу. Юлия, как Вы определили степень нагрузки?

  3. У мeня стоит P3 (Plugin Performance Profiler), который анализирует какой плагин сколько «кушает» итд. Только Р3 после проверки тоже отключать надо, так как он и сам немало ест

  4. Сам по себе плагин WP-Note очень даже лёгкий — ему попросту нечем нагружать блог... Возможно «Р3» показывает совокупность плагинов (Other), которые и «подгружают» Ваш ресурс.

  5. Нет, последняя проверка показала, что самые «тяжелые» — это плагин карты сайта и как раз WP-Note 👿

  6. Скриншот не делали?

    Сделайте и перешлите мне, если Вас не затруднит... Я в свою очередь проверю нагрузку у себя — тогда всё станет ясно :)

  7. Теперь всё ясно. Юлия, я получил по почте скрин и могу сказать, что Ваш плагин действительно «увесистый», но это не тот плагин о котором я писал...

    У Вас плагин: special text boxes.

    У меня: WP-Note, причём на диаграмме он совсем не отображается, так как не имеет веса...

  8. Скажите, а ваш плагин нормально встанет на последнюю версию WP?

  9. У меня далеко не самая последняя версия «WP», я узнал, что на версии 3.5. всё отлично; на 3.5.1 — нет данных...

  10. Ну значит знайте, что и на последней все работает хорошо 😀 Я уже опробовала

  11. Как я и говорил, скоро напишу про аналог WP-Note, только с более интересными возможностями... Для начала нужно всё проверить и протестировать, а если всё будет хорошо, скорее всего сам перейду на него.

  12. Мне очень нравится этот плагин. Не задумывалась, сколько он «кушает», а украшает хорошо. Я добавила к нему свои картинки. Вот примеры 3-cats.ru/koshka-kotoraya-zhdyot и vseuch.ru/otkrytoe-pismo-roditelyam-na-konkurs/ Так с помощью оформления я выделила чужие тексты, подчеркнув, что их авторство принадлежит не мне.

  13. Светлана, отличная реализация у Вас получилась, картинка с текстом в одной рамке. А вот «кушает» он совсем плохо, но для нас это хорошо. :smile:

  14. Установила плагин, но что-то не хочет он выводить картинки. Пишет текстом [warning]перед нужным текстом и в конце текста и все. Картинка сразу появляется в редакторе статьи?

  15. Ксения, в редакторе не будут выводиться рамки. Нажмите кнопку в правом верхнем углу «Просмотр»...

  16. У меня не работает плагин с версией WordPress 3.9, сайдбар на главной странице съезжает вниз под анонсы статей. На поддомене работает нормально, там стоит WordPress 3.0.4. :mrgreen:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *