Поиск
Удалить поисковый запрос
Закрыть поиск
Приложения Google
Главное меню

Теги элементов страницы в шаблоне

Раздел <body> темы шаблона состоит из разделов и виджетов.

  • Раздел – это область страницы, например sidebar (боковая панель) или footer (нижний колонтитул).
  • Виджет – это отдельный элемент страницы, например изображение, блогролл или любой другой вариант, который можно выбрать на вкладке "Элементы страницы".

Чтобы изменить дизайн разделов в теме, их можно поместить внутрь кода HTML.

Разделы

В каждом разделе темы есть открывающие и закрывающие теги, которые выглядят следующим образом:

<b:section id='header' class='header' maxwidgets="1" showaddelement="no">

</b:section>

У тега <b:section> могут быть следующие атрибуты:
  • id – уникальное название, состоящее только из букв и цифр. Это обязательный атрибут.
  • class – название класса. Это необязательный атрибут. Распространенные значения: navbar, header, main, sidebar и footer. Если вы впоследствии измените тему блога, то с помощью этих имен Blogger сможет перенести ее контент.
  • maxwidgets – максимальное количество виджетов, допустимое в этом разделе. Это необязательный атрибут. Если не указывать число, то число виджетов будет неограниченно.
  • showaddelement – значение yes или no. По умолчанию выбран вариант yes. Этот необязательный атрибут определяет, будет ли на вкладке "Элементы страницы" в этом разделе видна ссылка "Добавить элемент страницы".
  • growth – значение horizontal или (по умолчанию) vertical. Этот необязательный атрибут задает расположение виджетов в разделе. Оно может быть вертикальным или горизонтальным.

Раздел может содержать только виджеты. Чтобы вставить в раздел дополнительный код, сначала необходимо разбить его на две части или более.

Виджеты

Виджет представляет собой один тег. Это заполнитель, который обозначает место расположения виджета на вкладке "Элементы страницы".

Вот пара примеров виджетов (один для заголовка страницы и один для списка):

<b:widget id="header" type='HeaderView' locked="yes"/>

<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>

<b:widget id="BlogArchive1" locked="false" mobile="yes" title="Blog Archive" type="BlogArchive"/>

Атрибуты виджетов
  • id – идентификатор, может содержать только буквы и цифры. Это обязательный атрибут. У каждого виджета в теме должен быть уникальный идентификатор. Его нельзя изменить: можно только удалить виджет и создать новый.
  • type – указывает на тип виджета. Это обязательный атрибут.
  • locked – значение yes или no. По умолчанию выбран вариант no. Этот необязательный атрибут блокирует виджет, чтобы его нельзя было переместить или удалить с вкладки "Элементы страницы".
  • title – если не указан заголовок, будет использоваться вариант по умолчанию, например List1. Это необязательный атрибут.
  • pageType – у этого необязательного параметра может быть значение all, archive, main или item. По умолчанию выбран вариант all. Виджет будет виден только на соответствующих страницах блога. (На вкладке "Элементы страницы" показаны все виджеты независимо от их параметра pageType.)
  • mobile – значение yes, no или only. По умолчанию выбран вариант default. Этот необязательный атрибут определяет, будет ли виджет виден на мобильных устройствах. При значении default будут показаны только такие виджеты, как заголовок, блог, профиль, список ссылок, AdSense и сведения об авторстве.

Подробнее о редактировании тегов виджетов

Примечание. В опубликованном блоге все теги <b:section> и <b:widget> будут заменены тегами <div> с выбранными вами идентификаторами. Поэтому в своем коде CSS вы можете использовать такие теги, как div#header и div#myList.

Была ли эта статья полезна?
Как можно улучшить эту статью?