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


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



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



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

Подборка красивых фотографий. Красивые пейзажи
Подборка красивых фотографий. Красивые пейзажи


Как вместо id сделать слово на странице В контакте
Как вместо id сделать слово на странице В контакте


Что отпугивает посетителей и заставляет их уйти с сайта
Что отпугивает посетителей и заставляет их уйти с сайта


Список RSS-каталогов 2012 года
Список RSS-каталогов 2012 года


Как я вывел свой сайт из под фильтра Яндекса
Как я вывел свой сайт из под фильтра Яндекса


Как удержать посетителя и сделать постоянного читателем
Как удержать посетителя и сделать постоянного читателем




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


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


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


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


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

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

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

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

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

Статистика



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

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