Редактирование шаблона Bootstrap: Настройка вида модулей

Автор: Антон Матвейчук


В прошлой статье мы с вами узнали, как настроить футер. Здесь же мы займёмся настройкой вида контентных модулей (новостей, статей, фото, файлов), а именно, узнаем, как вставлять в новости кнопку «Читать далее», и как вставить везде количество просмотров.


Вставляем в новости ссылку «Читать далее»


vid_modulej_1


Изначально в новостях на сайтах LinkorCMS отсутствует привычная нам ссылка на продолжение «Читать далее». Вставим её.


vid_modulej_2


Для этого идём в панели сайта на хостинге в «module» → «news.html».


vid_modulej_3


Здесь после {news.text} вставляем {news.full}, сохраняем.


vid_modulej_4


Ссылка на продолжение появилась!


Вставляем количество просмотров


Также, на мой взгляд, очень не хватает на LinkorCMS показа количества просмотров в Новостях, Статьях, Файлах и Фотографиях. Вставим счётчики.


vid_modulej_5


В том же «news.html» вставляем, как показано на скрине выше, код «Просмотров {news.hit_count}». Вместо «Просмотров» можно написать другие обозначения — «Посещений», «Новость посмотрело» и так далее. Ещё один нюанс — я добавил перед счётчиком код

•

 — это символ кружочка, отделяющего счётчик от предыдущих данных (в данном случае, даты публикации). Вместо кружочка вы можете вставить любой другой символ.


vid_modulej_6


Счётчик в краткой новости появился! Вставим количество просмотров в полную новость.


vid_modulej_7


Для этого в файле «news_full.html» вставим, как показано на скрине выше, тот же код «Просмотров {news.hit_count}».


vid_modulej_8


Счётчик есть! Теперь вставим количество просмотров в Файлы.


vid_modulej_9


Вставляем в файл «download.html», как показано на скрине выше, код «Просмотров {dl.hits}».


vid_modulej_10


Счётчик появился в анонсе файла. Теперь приступим к полной странице файла.


vid_modulej_11


В файле «download_full.html» вставляем тот же код, как показано на скрине выше.


vid_modulej_12

И здесь появилось количество просмотров! Теперь — Фотогалерея.


vid_modulej_13


В файле «gallery_image.html» вставляем, как на скрине выше, код «Просмотров {img.hits}».


vid_modulej_14


Счётчик появился на странице категории Фотогалереи! Теперь сделаем то же самое для страницы самой фотографии.


vid_modulej_15


Для этого вставляем тот же код в «gallery_view.html».


vid_modulej_16


Счётчик появился, но мне не нравится расположение фотографии и информации под ней. Изменим ситуацию, поместив их по центру.


vid_modulej_17


Для этого в «style.css» проделываем изменения, вставляя код «text-align: center», как показано на скрине выше.


vid_modulej_18


Теперь всё смотрится гармонично! Приступим к Статьям.


vid_modulej_19


В файле «article.html» вставим код «Просмотров {art.hits}», как показано на скрине выше.


vid_modulej_20


Счётчики появились на странице категорий. Вставим теперь количество просмотров на страницу самой статьи.


vid_modulej_21


Для этого в файле «article_read.html» вставим тот же код, как показано на скрине выше.


vid_modulej_22


Порядок — и ссылка «Читать далее» в новостях, и счётчики просмотров везде есть! Можно приступать к изменению цвета форума сайта.

 


В предыдущей статье: Редактирование шаблона Bootstrap: Футер.


В следующей статье: Редактирование шаблона Bootstrap: Цвет форума.

 


Вы можете отблагодарить меня за эту статью, положив денюжку на Яндекс.Деньги — 41001946245208; Webmoney — RUB - R228675470677, USD - Z403380463613, EUR - E114430860179; моб.тел. 8-985-301-51-80 (МТС).


Также я буду благодарен вам, если вы зарегистрируетесь в хостинге по ссылкам в моей статье — вам ничего не убудет, а я получу хоть какое, но вознаграждение ;-)

Опубликована: 17.10.2014
Просмотров 2123



Комментарии

Гости не могут добавлять комментарии, войдите или зарегистрируйтесь.