Часто многие блогеры оформляют особым образом некоторые части своего поста. Особенно стараются выделять важные разделы, касаемые скачивания или демонстрации.

В файле CSS вашей темы WordPress нужно выделить такие места особым образом. Для этого дописываем в нем такой код:

• blockquote.download {
• color: #666;
• background: #D4FFC6 url(‘путь до файла с картинкой’) no-repeat center left;
• margin: 0;
• padding: 5px 10px 3px 50px;
• border: 2px solid #c4c4c4;
• }

Этот код поможет заключить все, что мы пометим при написании поста, как download, в рамочку с определенным цветом фона и картинкой перед словами (красивую стрелочку вниз видите?).

Чтобы пометить такой текст, нужно при написании поста выделить его, как цитируемый класс class=»download»в исходном коде текста:

• blockquote class=»download»>
• Скачать (Или любые другие слова)!
• </blockquote>

Как вы уже поняли, таких плюшек можно в CSS понавтыкать сколько угодно, со своей картинкой (картинки предварительно заливаются на сайт), а потом просто грамотно пользоваться исходным кодом, дописывая в цитирование название класса.

Популярность: 20%