Про меня вы можете подробнее узнать на странице Об авторе
Связаться со мной можно на странице Контакты или Предложения
Блог Александра Есина » uCoz » Как создать блог на uCoz с нуля. Настройка вида материалов
Статья принадлежит серии статей «Как создать блог на uCoz». В Этой статья я расскажу о настройках вида материалов блога. Многие люди, делающие блоги на uCoz, забывают красиво оформить вид материалов. А ведь это очень важный момент. Человек, заходящий на блог, в первую очередь смотрит на посты блога, а если эти посты будут плохо и непонятно оформлены, то мнение о таком блоге будет плохое. На многих блогах есть такое – в виде материалов выводится полностью весть пост. Зачем? На странице три поста, но, чтоб их просмотреть, надо долго пролистывать сайт вниз. В вид материалов нужно выводить лишь небольшое описание поста, чтобы посетитель, посмотрев о чем пост, перешел именно на страницу с полным материалом. Еще одна не очень хорошая штука – огромные названия в виде материалов. Зачем делать название на пол страницы? Можно сделать большой заголовок, но никак не слишком огромный. Еще есть много недостатков. Их я перечислять не буду, а перейду именно к настройке вида материалов. Чтобы таких ошибок никто больше не делал. Итак, для начала создадим пробный материал в блоге (В модуле блог). На главной странице блога нажимаем кнопку «Добавить материал». Выбираем любую категорию, пишем любое название, любое краткое и полное описание, добавляем любое изображение. Про остальные поля позже. Вот что у меня вышло: Теперь Нам нужно зайти в ПУ. В верхнем меню ПУ открываем «Дизайн» и «Управление дизайном (CSS)» Тут находим «Блог» и «Вид материалов» Находим код: Code Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> | Просмотров: $READS$ | Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> | Дата: <span title="$TIME$">$DATE$</span> | <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a> Заменяем его на : Code Пост опубликован <span title="$TIME$">$DATE$ года</span> в рубрике: «<a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>» | Просмотров: $READS$ | <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a> Вот что вышло Как видно на скрине, дата отображается как 25 Июль 2012 года, Нам нужно 25 Июля 2012 года. Сейчас Мы это сделаем. Для этого в верхнем меню ПУ открываем «Настройки» и «Замена стандартных надписей» Находим раздел «ДАТА, ВРЕМЯ И Т.П.» и находим названия месяцев и делаем их как на скрине: Нажимаем кнопку «Сохранить» Теперь выведем изображение материала в вид материалов. Это очень важный момент, так как те посты, где в виде материала есть изображение, люди просматривают чаще. Да и вообще это красивей смотрится. Опять заходим в настройки вида материалов блога. Находим код: Code $MESSAGE$ Перед ним вставляем такой код: Code <center><img style="width:300px; margin:3px; padding:5px; -moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0 0px 5px #8b6438; box-shadow:0 0px 5px #8b6438;-webkit-box-shadow:0 0px 5px #8b6438;" src="$IMG_URL1$" title="$TITLE$" alt="$TITLE$" ></center><br> Вот что у Нас получилось: Получаем изображение, да еще и красивую обводку. Теперь перейдем к названию. Я обычно заменяю код Code <a href="$ENTRY_URL$">$TITLE$</a> На такой Code <a href="$ENTRY_URL$" title="$TITLE$"><strong>$TITLE$</strong></a> Получается более жирный и видимый текст. Но этого можно и не делать. Лучше сделать так Code <a href="$ENTRY_URL$" title="$TITLE$"><h2>$TITLE$</h2></a> Вместо h2 можно вписать любой другой тег h3, h4, h5. Чем меньше цифра, тем меньше текст. H1 вообще огромный. Итак, вот что у меня получилось Получилось не очень красиво. Но часть красоты зависит именно от того, какой вид материала идет от всего шаблона. Например на блоге aesin.ru мне вид больше нравится, но он настроен так же, как и этот. На этом я хочу закончить. Кстати говоря, Мы уже сделали часть внутренней оптимизации. Прописали alt и title для картинки. Это хорошо скажется на позициях страницы в поиску по картинкам поисковых систем. В следующей статье я расскажу о настройках внешнего вида самих постов, т.е. о странице материала и комментариев к нему. Серия статей «Как создать блог на uCoz с нуля»: |
Пост опубликован 27 Июля 2012 года в рубрике: «uCoz» |
Просмотров: 7285
Mне нравится
+17
|
К посту добавлено: 0 комментария: | |
Зарегистрируйтесь на блоге, чтобы получить больше возможностей: [ Регистрация | Вход ]
Рубрики
О блоге [18] |
uCoz [10] |
Создание и Ведение блога [26] |
Продвижение блога [27] |
Заработок в сети [7] |
Социальные сети [8] |
О разном [14] |
Опросы
Топ комментаторов
Статистика