Как создать блог на uCoz. Создание блог на uCoz с нуля. Настройка вида материалов блога | Блог Александра Есина

Александр Есин
Привет! Меня зовут Александр, я являюсь автором данного блога.
Про меня вы можете подробнее узнать на странице Об авторе
Связаться со мной можно на странице Контакты или Предложения



Блог Александра Есина » uCoz » Как создать блог на uCoz с нуля. Настройка вида материалов

Как создать блог на 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» | Просмотров: 7015


Буду благодарен, если поделитесь этой статьей



Чтобы не пропустить новые статьи, советую подписаться на обновления блога по RSS или по почте:



Советую почитать другие статьи блога:

22 июня 2011 года - 70 лет ВОВ
22 июня 2011 года - 70 лет ВОВ


2014 год - глобальный апдейт
2014 год - глобальный апдейт


Блог Александра Есина. Первая статья
Блог Александра Есина. Первая статья


Сервис создания блока другие статьи для сайта
Сервис создания блока другие статьи для сайта


Как и где зарегистрировать свой никнейм
Как и где зарегистрировать свой никнейм


Поднятие тИЦ и PR блогу AEsin.Ru
Поднятие тИЦ и PR блогу AEsin.Ru




Буду рад, если вы оставите свой комментарий


К посту добавлено: 0 комментария:
Имя * :
Email * :
WWW:
Код *:


Зарегистрируйтесь на блоге, чтобы получить больше возможностей: [ Регистрация | Вход ]
Обновления
Подпишитесь и получайте новые статьи блога первыми:


Подписка по почте:


Новое на блоге
Интересное на блоге
Как автоматичеси отправлять ссылки на статьи в TwitterВ этом посту вы найдёте свежий Список RSS-каталоговВ этом списке вы найдете dofollow-блоги для комментирования
Опросы
Какой у вас антивирус?
Всего ответов: 129
Я публикуюсь тут
1
Топ комментаторов
n1se
Комментариев: 179

AnTo
Комментариев: 16

Floopy
Комментариев: 10

Indyra
Комментариев: 4

Alvion
Комментариев: 3

Статистика



Статей на блоге: 110
Комментариев на блоге: 1256

[ Регистрация | Вход ]