Фактически данный пост является продолжением поста Смена оформления блога. Идея разобраться с структурой шаблона для blogger’а возникла давно, но руки как-то не доходили или наверное вполне устраивал достаточно минималистический дизайн. Сейчас, с началом ведения нового блога Mac & Cat необходимость навести порядок в дизайне обоих блогов стала отличным поводом разобраться в работе blogger.com, а именно в структуре шаблона.
В общем блог состоит из заголовка (header), нижнего колонтитула (footer) и собственно самого содержания. В дополнение к основным элементам, перечисленным выше, используются блоки выполняющие вспомогательную роль. Некоторые из них могут быть даже не видны на экране.
Рассматривать навигационную панель (navbar) я не стану, обычно я ее практически сразу отключаю. Остановлюсь более детально на блоке outer-wrapper, а именно входящих в него блоках header-wrapper, content-wrapper, footer-wrapper
Основная задача header-wrapper отображение заголовка блога и его описания. footer-wrapper используется для нижнего колонтитула - это удобное место для расположения дополнительной информации не очень актуальной для размещения в верхней части блога, но вспомогательной - иконки счетчиков, где размешен хостиг, кто веб-дизайнер и т.д. и т.п.
content-wrapper содержит содержимое постов, навигацию по ним, панели
Блок crosscol-wrapper используется для отображения меню статических страниц, main-wrapper содержит блоки постов, навигации и блок ссылок на RSS подписки. sidebar-wrapper необходима для отображения боковых панелей на которых могут размещатся виджеты поиска, RSS лент, архивов блога и многие другие.
Ссылки:
Создание блога. Полное руководство по созданию блога на blogspot.com
Структура кода для шаблона Blogger
суббота, 11 сентября 2010 г.
Подписаться на:
Комментарии к сообщению (Atom)






Дуже зручним є новий інструмент Template Designer. Він дозволяє візуально відкоригувати більшість елементів тем нового формату. Можливості налаштування можна також розширити, додавши нові змінні у код теми.
ОтветитьУдалитьсогласен и как ты отметил можно внести изменения в код темы, а для этого как раз понимание структуры должно быть полезным :)
ОтветитьУдалить