Главнаявсякое → Оформление цитат в Wordpress
5 465 просмотров
В этой статье 429 слов.
Bukvus - отправка ошибок

Оформление цитат в WordPress

Небольшое отступление от фототемы.

Мне зачастую приходится цитировать разные источники и чтобы мой текст не сливался с текстом статей, на которые я ссылаюсь я поискал варианты выделения цитат.

Плагины

Для начала существует такой плагин как WP-Note.

Он может делать такие цитаты (выделять их блоками и цветом).

WP-Note - цитаты

WP-Note - цитаты

WP-Note - цитаты

WP-Note - цитаты

Всё здорово, но блог у меня более-менее серьезный, а эти цветные блоки не очень смотрятся.

Есть еще один плагин.

Simple Pull Quotes

Результат его работы выглядит так

Simple Pull Quotes

Вручную, стилем

автор:

оформление цитат

blockquote {
border:solid #999;
border-width:3px 0;
margin:10px 40px;
padding:15px;
font-size:14px;
color:#999;
}

оформление цитат

blockquote {
border: dotted #666 1px;
border-left:solid #ff5a00 5px;
margin:10px 40px;
padding:15px;
color:#333;
font-style:italic;
font-size:14px;
background:#fcfcfc;
}

оформление цитат

blockquote {
border: 3px 0 solid #000;
padding-left:1px;
margin: 10px 40px;
}
blockquote p{
border: 10px 0 solid #eee;
margin: 0;
padding: 15px;
color: #333333;
font:16px 'Arial Black';
}

оформление цитат

blockquote {
border-left: solid 3px #333;
padding-left:1px;
margin: 10px 40px;
}
blockquote p{
border-left: solid #666 1px;
margin:0;
padding:15px;
color:#333;
font:16px 'Times New Roman';
}

оформление цитат

blockquote {
margin:10px 40px;
padding:15px;
font: italic 14px Georgia;
border: solid 1px #eee
}

Не забывайте, пожалуйста, нажимать "поделиться" Вконтакте, Фейсбуке, Гугл+ и т.д., а также оценку 5*, если вам понравилась статья!

Обучение предметной фотосъемке

Хотите бесплатно получать свежие
статьи по фото?

  • - тесты обьективов и фотокамер
  • - статьи по истории фототехники
  • - секретные приемы фотосьемки
  • - проф. методы обработки в фотошопе

http://evtifeev.com

Подписаться на RSS ленту

Оцените, пожалуйста, статью
1 балл2 балла3 балла4 балла5 баллов (3 votes, average: 4,00 out of 5)
Loading ... Loading ...

Рекомендовать


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

 

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Гости могут загрузить 2 картинки (можно отметить кликами левой кнопкой мыши на названиях файлов, с зажатой клавишей Ctrl), размером не более 800KB каждая. Картинки должны быть форматов jpeg, pjpeg, png.

Оформление цитат в WordPress: 7 комментариев

  1. Некоторые варианты довольно красивые. Но хочется чего-то более современного... чтоли...

    Ваше мнение: Thumb up 0 Thumb down 0 Только зарегистрированные пользователи могут голосовать
  2. А куда вставлять стиль?

    Ваше мнение: Thumb up 0 Thumb down 0 Только зарегистрированные пользователи могут голосовать
  3. Не получается

    Ваше мнение: Thumb up 0 Thumb down 0 Только зарегистрированные пользователи могут голосовать
  4. Дмитрий, а куда вставлять этот код? объясните деревянному

    Ваше мнение: Thumb up 0 Thumb down 0 Только зарегистрированные пользователи могут голосовать
    • Если вы про CSS-код, то:

      идёте в меню Внешний вид->Редактор

      там открывается сразу Список стилей (style.css)

      и вот в конец этого списка стилей вставляете свой кусочек.

      в идеале замещаете тот, который по умолчанию. А если в конец ставите, то работает тот, который самый последний

      Ваше мнение: Thumb up 0 Thumb down 0 Только зарегистрированные пользователи могут голосовать
      • Спасибо! Очень доходчиво! Все получилось

        Ваше мнение: Thumb up 0 Thumb down 0 Только зарегистрированные пользователи могут голосовать
      • Не работает.

        Ваше мнение: Thumb up 0 Thumb down 0 Только зарегистрированные пользователи могут голосовать
Страница 1 of 11