amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ h2.acss2f015{text-align:center;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Плагин WP-Note для красивого оформления текста

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

Оформить цитаты можно двумя способами: вручную и с помощью плагина.

Оформление цитат вручную

В этом случает, потребуется изменение стилевого файла CSS. Найти его можно следующими способами

  • Вкладка «Внешний вид» – «Редактор» – «Таблица стилей».
  • Скачать файл style.css на компьютер и отредактировать. Он находится в /wp-content/themes/ваша_тема/style.css

Далее необходимо найти тег “blockquote” и изменяя правила, написанные там, можно управлять отображением стиля оформления цитат.

Использование плагина

Но тот способ подойдёт для продвинутых web-мастеров, а новичкам лучше использовать плагин, например WP-note.
Его установка проходит стандартно, а дальнейшая работа с плагином WP note очень проста. Выбираете тот текст, который является цитатой, и заключаете его в нужный вам тег, например, [note][/note]. Делать это можно прямо в текстовом редакторе и переходить в режим исходного кода не обязательно.

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

  • [note] означает заметка;
  • [help], как не трудно догадаться – помощь;
  • [tip] – важное;
  • [warning] – внимание (предупреждение);
  • [important] – запомните.

Этих вариантов вполне достаточно для любого случая. Всё их стили оформления уже прописаны в CSS после установки и активации плагина, но при желании их тоже можно изменить. Для этого следует изменить CSS-файл. Скачайте его на ПК, сохранив оригинальный файл, и можете попробовать изменять оформление по своему вкусу.

Как видите всё очень просто, и не требует никаких познаний. Только если вас не устраивает стандартные стили оформления, тогда, конечно же, можно попытаться их изменить. Но для новичков будет вполне достаточно и того, что есть.

Адель Гадельшин

View Comments

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago