Как сделать красивое напоминание о предыдущих статьях. Настройки плагина upPrev (WordPress)

Как поменять цвет и шрифты окошка с предыдущими статьями блога WordPress (плагин upPrev)

Наверняка (точно!) вы видели выплывающее окошко на разных сайтах: там может сообщаться о новостях блога, предлагаться подписка, показываться предыдущие статьи и многое другое. Не являясь любителем и сторонником этих «всплывашек», всё-таки устанавливаю на некоторых сайтах подобное окно для показа посетителям предыдущих интересных записей блога.

Для этого существует множество плагинов WordPress. Выбрал, например, плагин upPrev. Его задача очень простая — показывать несколько (или 1-2) предыдущих записей, когда посетитель дойдет до низа страницы со статьей, которую читает в данный момент.

Выглядит это примерно так:

Как сделать красивое напоминание о предыдущих статьях. Настройки плагина upPrev (WordPress)

То есть прочитали текущую статью, а в конце справа (или как настроите) появляется «табличка» с предложением почитать о самостоятельных путешествиях по Европе, например.

У плагина upPrev есть некоторые настройки: количество показанных предыдущих статей, заголовок и так далее. Но хочется поменять шрифты в самом окошке всплывающего уведомления...

Делается это очень просто — с помощью изменения стилей, конечно. Но тут есть практическая особенность6 если поменять стили в файлах плагина, то при его обновлении ваши настройки пропадут. Поэтому настраивать стили лучше в файлах css самого блога!

Идем в меню редактирования плагина и находим стили всплывающего окошка:

Как сделать красивое напоминание о предыдущих статьях. Настройки плагина upPrev (WordPress)

Видим все настройки заголовка: #upprev_box h6 — заголовок уведомления о предыдущих статьях WordPress.

А так выглядит код этого заголовка в основном файле плагина при выводе окошка на странице блога:

Как сделать красивое напоминание о предыдущих статьях. Настройки плагина upPrev (WordPress)

Мы теперь всё знаем (о жизни) об этом плагине! Ну, то что нам нужно, по крайней мере.

Поэтому идем в любой файл css, который «прикреплен» к теме нашего блога и добавляем в него код стилей плагина upPrev.

Как сделать красивое напоминание о предыдущих статьях. Настройки плагина upPrev (WordPress)

Как сделать красивое напоминание о предыдущих статьях. Настройки плагина upPrev (WordPress)

Обращаем внимание, что, возможно, придется указать атрибут !important, если новый стиль не сработает — войдет в конфликт с каким-то существующим стилей темы сайта. Этот «импортант» («важно») заставит в окошке выполняться тот стиль, который мы хотим для данного кода страницы — в месте вывода окошка плагина upPrev.

Как сделать красивое напоминание о предыдущих статьях. Настройки плагина upPrev (WordPress)

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

Это интересно:  Как получить код видео Твиттера для сайта

Как сделать красивое напоминание о предыдущих статьях. Настройки плагина upPrev (WordPress)

Второй пример: с измененным шрифтом заголовка окна и цветом заголовка статьи в окне.

Как сделать красивое напоминание о предыдущих статьях. Настройки плагина upPrev (WordPress)

(Признаюсь, написано очень коротко, но суть передана максимально точно. Тем более есть даже скриншоты с конкретными примерами!)

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Самое интересное в блоге

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

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

2 × пять =