Главная › Новости

XmasB Quotes: вывод случайных цитат в любом месте блога.

Опубликовано: 05.09.2018

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

Скачиваем оригинальный плагин с его домашней страницы (начиная с версии 1.2.4 русский язык встроен в официальный дистрибутив) или русскую версию по ссылке внизу этого поста и устанавливаем его:

1. Распаковываем архив.

2. Копируем папку xmasb-quotes в /wp-content/plugins/ .

3. Заходим в админку блога на вкладку " Плагины " и активируем плагин.

Настройки плагина находятся в " Параметрах\XmasB Quotes ". Тут все на русском языке, так что затруднений с настройкой у вас не возникнет. Разве что посоветую не показывать картинки, так как довольно затруднительно подобрать такую картинку цитаты, которая бы красиво выглядела вместе с самим текстом цитаты. Вернее сказать проблема не в том, что нельзя подобрать картинку цитаты, а в том, что если вы для какой-то отдельной цитаты зададите свою картинку, то весьма вероятно, что "посыплется" все оформление цитаты, если эта картинка отличается размерами от картинки по умолчанию. Правда, вынужден признать - возможно это только моя проблема, так как я все-таки не дизайнер и придумать такое оформление цитат, чтобы они хорошо смотрелись при различных картинках я не могу. Еще советую убрать оформление текста цитат через тег <q> - но только потому, что выставляемые этим тегом кавычки не лучшим образом оформляют текст цитаты, если он состоит из диалога.

Для добавления цитат перейдите в " Управление\XmasB Quotes ". Тут вы можете добавить цитаты, редактировать их или удалить. При малом количестве цитат случайность при их показе довольно плохая, плагин так и норовит постоянно показывать одну и ту же цитату, но этот недостаток быстро исчезает, как только вы набьете с пару десятков цитат.

Чтобы включить показ цитат добавьте в нужное место вашего шаблона код:

<?php if(function_exists('xmasb_print_random_quote')) { xmasb_print_random_quote(); } ?>

Теперь поговорим об оформлении через css цитат. Я приведу самые простейшие варианты. Чтобы вывести цитату так, как показано на скриншоте в начале статьи сначала исправьте настройки плагина на:

HTML перед цитатой: <h2>Цитата</h2>

Все остальные настройки должны быть или "нет" или не указаны. Но это вообще-то не критично. Теперь откройте файл xmasbquotes.css из папки с плагином и замените его содержимое на:

.xmasb-quotes { } .xmasb_quotes_image { } .xmasb_quotes_quote h2 { background: #FFFBCC; border-bottom: 1px dotted #E6DB55; padding: 0px 0px 2px 0px; margin: 0px 0px 10px 0px; color: #BE0C0C; font-size: 13px; font-family: verdana, arial, times new roman; font-weight: bold; } .xmasb_quotes_quote { margin-top: 10px; background: #FFFBCC; border-top: 1px solid #E6DB55; border-left: 1px solid #E6DB55; border-right: 1px solid #E6DB55; padding: 5px 5px 5px 5px; } .xmasb_quotes_author { background: #FFFBCC; border-bottom: 1px solid #E6DB55; border-left: 1px solid #E6DB55; border-right: 1px solid #E6DB55; text-align: right; padding: 0px 5px 5px 5px; color: #BE0C0C; font-size: 12px; font-family: verdana, arial, times new roman; font-weight: bold; }

И в результате вы получите что-то похожее на:

Оформление вывода цитат в сайдбаре практически такое же. Добавляем в sidebar.php код (в настройках плагина уберите <h2>Цитата</h2> ):

<li> <h2>Цитата</h2> <ul> <?php if(function_exists('xmasb_print_random_quote')) { xmasb_print_random_quote(); } ?> </ul> </li>

И  замените содержимое файла xmasbquotes.css этим кодом:

.xmasb-quotes { } .xmasb_quotes_image { } .xmasb_quotes_quote { margin-top: 0px; background: #E4F2FD; border-top: 1px solid #C6D9E9; border-left: 1px solid #C6D9E9; border-right: 1px solid #C6D9E9; padding: 5px 5px 5px 5px; } .xmasb_quotes_author { background: #E4F2FD; border-bottom: 1px solid #C6D9E9; border-left: 1px solid #C6D9E9; border-right: 1px solid #C6D9E9; text-align: right; padding: 0px 5px 5px 5px; color: #2583ad; font-size: 10px; font-family: verdana, arial, times new roman; font-weight: bold; }

И ваша цитата в сайдбаре будет выглядеть примерно так:

Эти примеры легко могут быть отредактированы под используемый вами шаблон, так что удачи.

Автор плагина: