«

»

Янв 17 2013

Распечатать Запись

Основные части шаблона Blogger/Blogspot

Для создания своего шаблона для Blogger/Blogspot  или для изменения имеющегося в первую очередь важно знать из каких частей он состоит, какие синтаксические конструкции и в какой части шаблона можно использовать. Далее речь пойдет только об общей структуре шаблона, а позднее я буду углубляться в рассмотрение данной темы и рассматривать каждую часть отдельно.

Итак, в общем случае шаблон для Blogger/Blogspot состоит из:

1. XML Language declarations.

В этой части идет описание используемых в коде страницы стандартов. Выглядит она обычно примерно так: 

2. Head-контент.

В этой части находятся <title>, метатеги и прочее, что обычно содержится в внутри <head> … </head>. Например, эта часть может выглядеть так:

 К этому коду могут добавляться используемые JS-скрипты и необходимые метатеги.

3. Определения переменных шаблона.

Переменные шаблона используются для возможности настраивать внешний вид шаблона через дизайнер шаблонов Blogger/Blogspot. Эта тема довольно обширна и требует отдельного рассмотрения. Обычно эта часть шаблона состоит из конструкций вида 

Или в виде отдельных определений переменных:

Все они заключены между тегами <b:skin><![CDATA[/* и   ]]></b:skin>.

Эта часть является не обязательной и иногда может отсутствовать. Но в этом случае шаблон можно будет настроить только через его исходный код или же через добавление CSS, которое всегда есть в дизайнере шаблона.

4. CSS-стили шаблона.

Они тоже обычно заключаются между тегами <b:skin><![CDATA[/* и ]]></b:skin>. Примеров приводить, думаю, не требуется.

5. Тело шаблона Blogger/Blogspot.

И последняя, но самая важная часть – само тело шаблона в теге <body>. Её можно разделить как и у большинства сайтов на обычные составляющие типа заголовок, навигация, основной контент, сайдбар, футер и т.п. в зависимости от фантазии разработчика шаблона. В шаблоне Blogger/Blogspot в данной части присутствует как обычный HTML-код, так и специальные конструкции шаблонов Blogger/Blogspot – секции и виджеты.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *