Skype

ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


Как сделать блок с «умными» цитатами для WordPress

Пост №   61  от 19 августа 2013   |  Категория: Design, WEB мастеру, Новости  |  Комментариев нет Print

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

И сделать это довольно-таки просто, достаточно приложить некоторые усилия по оформлению блока вывода цитат с помощью CSS и у Вас будет свой, приличный вариант цитатника…


Самый простой вариант — строковый и без оформления выглядит следующим образом:

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

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

К примеру, цитаты могут выглядеть так:

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

В файл стилей темы пропишите такие строки:

Причем, цвета фона, рамки и текста можете изменить, в соответствие с дизайном Вашего сайта.

Теперь на страницу с постом или в шаблон темы вставляем div блок с цитатами:

Или просто добавить код цитатника между

Выглядеть это будет таким образом:

Если то, что ты делаешь трудно тебе — посмотри, нуждаешься ли ты в этом.

И последнее, Количество цитат может быть ограничено только Вашим желанием. Вставляйте сколько угодно и какие понравятся, в том числе и свои выражения… цензурные. После перезагрузки страницы или переходе на следующую страницу, если код вставлен в single.php, цитата каждый раз будет новая.

В этом посте описано, как сделать цитатник-ротатор с временно́й сменой цитаты и подписью-ссылкой на страницу автора цитаты. Оригинал можете посмотреть сдесь же, в конце страницы, перед футером.

Удачи и… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: DesignWEB мастеруКак сделать?
Обновление статьи: 27.10.2014
Просмотров:   2825
Короткая ссылка: http://tinyurl.com/mbezl3f

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 195
  • Страниц: 26
  • Рубрик: 15
  • Меток: 165
  • Комментариев: 33


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

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 130
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 123
45678910
11121314151617
18192021222324
25262728293031



MasterPRO в Twitter’e

I have 3 new followers from UK., and more last week. See tweepsmap.com/!unist… pic.twitter.com/aGar…

About 6 days ago from Master PRO's Twitter via Tweepsmap · reply · retweet · favorite

Информер праздников

Праздники ЛатвииПраздники России


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Погода
    Погода в Юрмале

    влажность:

    давление:

    ветер:

    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое