XmasB Quotes- создаем цитатник

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

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

Для начала скачайте сам плагин с моего блога, загрузите его и активируйте как обычно.

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

Теперь переходим в Инструменты- XmasB Quotes и будем добавлять наши цитаты. Тут все просто: пишете цитату и при желании указываете автора, картинку и ссылку (необязательно). Потом вы сможете их отредактировать.

Сразу скажу, что добавить нужно 20-30 цитат, не меньше, иначе плагин работает не очень хорошо и меняет цитаты очень редко, показывая одну и ту же. Далее установим плагин в нужную часть нашего блога- в сайдбар, для этого заходим в виджеты, перетаскиваем виджет в нужное место сайдбара и прописываем title, я назвала это дело «умная мысль».

Также можно отредактировать стиль- для этого на хостинге в папке с плагином добавить следующий код в xmasbquotes.css:

[sourcecode language='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;
}
[/sourcecode]

Данный стиль добавит красивый голубой фон вашим цитатам и придаст им индивидуальность. Если такой фон вам не подходит- поэкспериментируйте. Кстати, помимо цитат, вы можете добавить объявления или еще что-нибудь.

На этом сегодня все. Отличного дня и прекрасного настроения!

С вами была, Наталья Акулова

P.S. Делитесь полезностями с друзьями, подписывайтесь на обновления и читайте другие статьи