Доброго времени суток, уважаемые читатели

Доброго времени суток, уважаемые читатели. Последнее время в некоторых блогах на WP мне попадаются статьи, которые оформлены вот таким образом: Смотрится очень эффектно, по-крайней мере, на мой вкус, и я подумала, что здорово было бы сделать в своем блоге так же. Позже, когда я завела рубрику “Задайте свой вопрос”, и стала публиковать ответы, так же задумалась, как здорово было бы интересней оформить письма от читателей. Пока я была только в мыслях, от моего постоянного читателя Retliff поступил комментарий с просьбой рассказать, как сделать нечто подобное. Возможно, он подразумевал какое-то более простое решение, чем то, которое в итоге сделала я. Пришлось от мыслей перейти к действиям, и вот что получилось. Частично можно увидеть в тестовом блоге, частично уже в этой статье. Если вам нравится, и возникло желание сделать у себя так же, то читаем дальше инструкцию. Главное, обращаю сразу ваше внимание на то, что после всех настроек, когда вы захотите, чтобы определенный кусок текста находился в определенном блоке, нужно будет править HTML код. Сложностей совершенно никаких в этом нет, но потребует от вас внимательности. И так, приступим. Первый шаг – это определиться, какую информацию будет нести каждый блок. Например, у меня сейчас созданы блоки Важно – vajno. Информация – info. Письма от читателей – mail. Код – kod. Каждому блоку нужно придумать свое название, которое вы должны всегда помнить, потому что постоянно будете его использовать. И так, у меня есть 4 вида блоков. Частично, все эти блоки выглядят одинаково – рамка, скругленные углы, тень, расположение картинки, отступы. А частично – по-разному, это цвет блока, картинка, шрифт. Внешний вид всегда задается с помощью CSS стилей. И получается, что часть кода всегда будет одинакова для всех блоков, а другую часть кода нужно будет присваивать каждому блоку в отдельности. Открываем Дизайн – Изменить HTML, находим строчку: ]]> Весь дальнейший код CSS вы должны поместить до этой строчки. И так, у нас есть названия блоков, и есть код, который для всех блоков одинаков. Внесем этот код в шаблон блога.

Понравилась статья? Получай обновления и будь всегда в курсе событий!
Подпишись на RSS или
blog comments powered by Disqus