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

Как оформить текст в WordPress?

Здравствуйте, дорогие читатели! Сегодня решил написать пост о том как можно украсить свои посты с помощью рамок для оформления текста. Посещая разные блоги, я периодически видел такое оформление, но никогда не видел, чтоб кто-то упомянул, как это сделано. Просматривая сегодня оф. Сайт WordPress с плагинами, я случайно наткнулся на плагин который добавляет рамки для оформления текста. Мне он понравился. Правда, сам еще не пробовал, но думаю, что обязательно установлю.

С помощью этого плагина можно красиво оформить текст вашего блога в рамки. Вы сможете выделить наиболее важные части текста, чтоб привлечь к ним внимание посетителей.

Теперь пришло время познакомиться с самим плагином. Он называется WP-Note, а скачать его можно вот от сюда. Установка его такая же, как и любого другого. Поэтому я не буду останавливаться на этом.

Плагин очень прост и легок в использовании, его просто надо активировать и все. У него нет никаких настроек только шорт коды, которые вы будите использовать для оформления текста.

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

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

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

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

На сегодня все. Получилось коротко, но я думаю – полезно. Теперь на ваши посты читатели будут обращать больше внимания.

Удачи вам и процветания в оформлении текста!

Автор - Александр

Меня зовут Александр.
Я Вебмастер и SEO — специалист по созданию и продвижению сайтов на WordPress.
В профессиональном интернет-маркетинге c 2007 года. Основные направления: создание и продвижение web-проектов в российском сегменте интернет. Специализация: создание сайтов и их комплексное продвижение, внутренняя оптимизация, внешняя оптимизация, трафиковое продвижение, контентное продвижение...

Связаться со мной >>
Посмотреть все публикации

Ваше имя (обязательно)

Ваш e-mail (обязательно)

Сообщение (обязательно)

комментариев 26

  • Андрей(boosya)

    Никто ранее не упоминал, согласен! Видеть — видел, но как сделать никто не описывал, видимо зря. Спасибо за статью, мне было интересно!

  • Виталий

    Интересная информация. А не будет это слишком «наляписто?»

    • Александр

      Для некоторых шаблонов нормально, а для некоторых не очень. Каждый случай надо рассматривать отдельно. Я сам именно по этому и пока не использую…

  • Татьяна Чиронова

    Спасибо!
    А как поставить табличку «Просьба автора», на многих блогах вижу, но нигде не пишут как…

    • Александр

      Эта картинка вставляется в файл вашей текущей темы single.php
      Вставляется с помощью html кода.

  • Скажите, а в этих тегах код будет выглядеть кодом?

    • Александр

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

  • Александр

    Интересный пост, иногда действительно очень нужно что-либо выделить, а вот как это сделать узнал только сейчас. Довольно часто встречал на других сайтах подобное выделение текста, но только здесь узнал как это сделать. Спасибо.

  • Екатерина

    Ваши статьи очень полезны. Спасибо!
    С уважением, Екатерина.

  • ирина ивановна

    А я пользуюсь вовсю вашей рамочкой [note],во всех 4 сайтах.Спасибо Вам.
    Другими цветами не знаю как пользоваться.Очень довольна.

  • Вячеслав

    Спасибо за статью. Поставил плагин, все работает. Еще раз спасибо!

  • Поставила плагин, когда заключила запись в [note], перестали отображаться все виджеты из правой колонки

    • Александр

      Елена, вы что-то делаете не правильно… У всех работает, и я не встречал проблем с этим плагином, на этом сайте так же все отображается и ничего не пропадает…

  • Евгения

    Спасибо за интересную информацию. Думаю попробовать установить этот плагин.

  • Валерий

    Вот это сайт Настоящий. Я правда ещё в тонкости не вникал, но думаю найти в нём много полезного.Рассылок не нашёл, ложу сайт в закладки.

  • Светлана

    Подскажите, как можно выровнять эти рамочки по центру?

  • Александр

    Светлана, вообще они по умолчанию должны выравниваться по центру, но если нет, тогда надо подправить CSS стили этого плагина.

  • Светлана

    у меня выравнивается по левому краю

  • Александр

    Светлана, вам значит надо поправить CSS стили, чтоб было по середине. Просто добавьте margin: auto; в класс .noteclassic

  • Светлана

    Вот залезла с стили — вроде бы везде центрирование по центру, насколько я помню стили, а что же подправлять?

  • Светлана

    Я от Вас добиваюсь ответа,КАК исправить, а ЧТО исправлять я поняла с первого раза

    • Александр

      Светлана, посмотрите внимательно, что вы писали и какой вопрос задавали! «… а ЧТО же подправлять?» На него вы и получили ответ.
      Ну а если вы спрашиваете «КАК?», тогда лучше сами не лезьте, а обратитесь к специалисту.

  • Светлана

    Извините, Александр, за недоразумение — я просто не прочитала один Ваш ответ на мой вопрос. Сейчас прочитала внимательно и нашла, ЧТО исправить. Спасибо.

  • Спасибо за статью…автору+

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

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