Четверг
25-Апр-2024, 22:05
Христианские сайты
в системе Ucoz
Приветствую Вас Гость | RSS
Главная Регистрация Вход
Меню сайта

ОднаКнопка

Ошибка на сайте?
Система Orphus

Категории раздела
Шаг за шагом [9] Новости Ucoz [12]
Наши новости [2] Новости Христирнета [8]

Наш опрос
Нужен ли нашему сайту Unet?
Всего ответов: 224

Реклама





Главная » 2009 » Сентябрь » 17 » Цикл "Делаем проект с нуля" - Этап 6 - Настройка модуля новостей
Цикл "Делаем проект с нуля" - Этап 6 - Настройка модуля новостей
11:56
Сегодня хотелось бы уделить время настройке и приведению в нужный мне вид такого необходимого для сайта модуля как "Новости сайта". При помощи этого модуля предполагается периодически информировать пользователей о самых интересных событиях в автомире, а также сообщать о нововведениях на сайте.

Заведем для начала три категории новостей - а именно "По региону", "По Украине" и "Мировые". Новости будут публиковаться в одной из этих категорий, но при этом на главной странице сайта будут показываться последние обновления новостей по всем категориям. Заведя категории через панель управления модулем "Новости сайта" добавим ссылки на категории в ранее созданное меню сайта. Теперь при нажатии на ссылку в меню - открывается страничка с новостями соответствующего раздела.

Следующий этап настройки модуля можно разделить на такие подзадачи:

- настроить отображение новостей на главной странице и в категориях
- настроить строку навигации по новостям
- настроить отображение новости и комментариев к ней в развернутом виде

Буду идти по порядку, выполняя подзадачу за подзадачей.

Настроить отображение новостей на главной странице и в категориях

Для того чтобы настроить отображение новостей в категории, нужно для начала добавить эти новости :) Добавлю несколько актуальных новостей в разные категории. Первое же добавление новости наглядно продемонстрировало мне, что еще нужно изменить в настройках модуля. В первую очередь изменю внешний вид материала, для того чтобы материалы красиво выглядели как на главной странице, так и в категории. Для этого мне понадобилось изменить шаблон "Вид материалов" и стили, связанные с ним. Идея состояла в том, чтобы выделить каждый материал в отдельный блок, чтобы они визуально были разделены и не сливались в общую кучу. Для этого я присвоил блоку материала фон, отличный от фона центральной колонки, взял блок материала в рамку, сделанную под стиль всего сайта, а также сделал небольшую рамку для картинок, использовав вот такие стили:
1
padding:1px; margin:4px; border: solid #666666 1px;
Вот что получилось итоге:
А вот полный код шаблона "Вид материалов":
<table width="100%" border="0" cellspacing="0" cellpadding="0"
style="background:#EFEFEF; padding:3px; border:solid #666666 1px; 
margin-bottom:1px;">
<tr>
<td rowspan="2"><a href="$ENTRY_URL$"><img src="$IMG_SMALL_URL1$"
align="left" class="newsPictures"></a></td>
<td colspan="2" class="eTitle"><a href="$ENTRY_URL$">$TITLE$</a>
$MODER_PANEL$</td>
</tr>
<tr>
<td colspan="2" valign="top"><div class="eMessage"
style="text-align:left;clear:both;padding-top:2px;
padding-bottom:2px;">$MESSAGE$</div> </td>
</tr>
<tr>
<td colspan="3" class="eDetails3">
Просмотров: $READS$ |
Дата: <span title="$TIME$">$DATE$</span>
| Рейтинг: $RATING$/$RATED$
| <a href="$COMMENTS_URL$">
Комментарии ($COMMENTS_NUM$)</a>
| <a href="$ENTRY_URL$"><b>Читать далее...</b></a>
</td>
</tr>
</table>
Также был уменьшен размер шрифта навигационной строки, а ссылка "Читать далее..." перенесена в нижнюю часть блока новости и выделена жирным. Таким образом, несмотря на небольшой шрифт, она сразу же бросается в глаза пользователю. Нажатие на картинку или заголовок новости, естественно, ведет туда же куда и ссылка "Читать далее", а именно, на страницу с полной версией новости. В качестве картинки для блока предпросмотра новости используется превью первой по порядку добавленной картинки - $IMG_SMALL_URL1$. Эти картинки создаются системой автоматически из добавленных вместе с новостью больших изображений, и их очень удобно использовать в тексте новости.

Итогом работы по настройке шаблона "Вид материалов" стал аккуратный блок, который одинаково хорошо выглядит как на главной странице сайта, так и в категориях новостей.

Настроить строку навигации по новостям

При переходе по ссылке из меню в одну из категорий новостей неплохо было бы сообщать пользователю, в каком именно месте он на данный момент находится, и как ему вернуться назад. Такую же информацию нужно давать и при просмотре полной версии новости - этим вы сориентируете пользователя на своем сайте и дадите ему возможность, не тратя лишнее время на поиски пути, передвигаться по нужным страницам.
Сделаем для этого простейшую строку навигации. Принцип ее работы прост - на каждой из страниц, на которую может перейти пользователь, должна быть информация о том, как называется текущая страница, и возможность перейти выше на любой уровень, вплоть до главной страницы. Оформление строки навигации должно быть в тон всему сайту, она должна не особо бросаться в глаза, но при этом быть всегда под рукой. Вот что получилось:


Небольшой ньюанс - в шаблоне "Страница материала и комментариев к нему" по умолчанию для строки навигации используется код строки вложения материала $DATE_BAR$ - он отображает путь к новости относительно календаря (год/месяц/день). Мне показалось это недостаточно удобным и я переделал путь к новости относительно категорий (главная страница/категория/новость).

Итогом этой части сегодняшней задачи стала простая, но полезная строка для навигации по сайту.

Настроить отображение новости и комментариев к ней в развернутом виде

Сделать этот этап оказалось проще и быстрее, так как все основные настройки были сделаны в предыдущих частях сегодняшней задачи. Единственное что нужно сделать - это привести внешний вид блоков, в которых выводятся комментарии и форма для их добавления, к единому виду. Также потребовалось изменить цвет кнопок добавления BB-кодов - что и было сделано путем редактирования css-стиля .codeButtons

Подведу итоги сегодняшнего этапа разработки. Затратив немного времени и сил, используя возможности системы uCoz и внеся незначительные правки в код шаблонов и стилей я получил настроенную систему отображения новостей, с разбивкой на нужные категории, возможностью комментировать новости. Но - настроить модуль новостей - это еще даже не полдела! Основная работа только начинается - теперь модуль нужно регулярно пополнять свежими новостями, что я теперь собственно и буду регулярно делать!

Результаты моей работы над сайтом вы по-прежнему можете посмотреть по адресу http://autoclub.ck.ua

Автор - Александр Кожемякин.
Источник - блог Ucoz
Категория: Шаг за шагом | Просмотров: 1479 | Добавил: admin
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Ваш профиль



Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!




Поиск

Архив записей

Наша кнопка
Вы можете поместить на свой сайт кнопочку-ссылку на нас. Этим самым вы поможете нам стать известными. За что Вам большое спасибо!



Друзья сайта

Статистика, каталоги

Онлайн всего: 1
Гостей: 1
Пользователей: 0


free counters
Яндекс цитирования wwjd.ru: Христианская поисковая система.
Христианский ТОП JCP.net.ua Маранафа: Библия, словарь, каталог сайтов, форум, чат и многое другое.


Христианские сайты в системе Ucoz - hristov.ucoz.ru © 2024
Каталог христианских сайтов. Христианские сайты. Создать христианский сайт. Создание христианских сайтов. Церковный сайт. Создать церковный сайт. Бесплатно.