Условные теги Blogger для управления поведением Blogger

Условные теги Blogger

Условные теги Blogger во многих случаях могут контролировать поведение блога. Мы должны использовать условные теги блогера, чтобы получить контроль над некоторыми жизненно важными элементами и функциями Blogger. На самом деле, не зная этих условных тегов, невозможно быть разработчиком шаблонов Blogger. Более того, условные теги имеют прямое отношение к созданию SEO-шаблона блога, скорости браузера и мобильности. Я постараюсь объяснить все об условных тегах Blogger в остальной части статьи.

Условные теги используются для предоставления условий некоторым важным элементам Blogger, таким как страница, сообщения, ярлыки, боковая панель, виджеты и т. Д. Предположим, вы используете популярный виджет «Последние сообщения» в вашем блоге Blogger. Вы хотите, чтобы этот виджет был виден только на страницах сообщений (не на домашней странице или странице архива). В этом случае вы можете вставить этот виджет внутри условного тега, чтобы контролировать видимость виджета. Это простой пример, позволяющий понять тип функциональности условных тегов Blogger. Давайте углубимся в детали сейчас.

Синтаксис условного тега Blogger

Давайте посмотрим на основной синтаксис условного тега блогера. Он начинается с открывающего тега <b:if> и заканчивается закрывающим тегом </b:if> . Атрибут « cond » используется внутри начального тега «<b:if>» для реализации желаемого условия для конкретного элемента Blogger . Таким образом, основной синтаксис условных тегов Blogger будет выглядеть так:

<b:if cond='Desired Condition'>
      //Условный элемент для выполнения
</b:if>

Вы можете видеть, что вышеуказанный условный тег начинается с открывающего <b:if и атрибута «cond» который помещается внутри тега. После оператора «=» вы можете использовать желаемое условие. Ниже я приведу полный список условных тегов, поддерживаемых Blogger.

Список условных тегов Blogger

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

1. Условный тег Blogger для домашней страницы:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
      //Условный элемент для выполнения
</b:if>

Любой условный элемент, используемый внутри этого условного тега, будет выполняться только на главной странице блога. Соответственно, вы можете сказать, что этот условный тег будет скрывать элемент на любой другой страницы (Архив, Ярлыки, Поиск, Страницы сообщений и т. Д.). Это означает, что если вы используете «популярный виджет Последние сообщения» внутри этого условного тега, он будет виден только на главной странице вашего блога.

2. Условный тег Blogger для постов (Item) Pages:

<b:if cond='data:blog.pageType == "item"'>
      //Условный элемент для выполнения
</b:if>

Этот тег используется для отображения любого элемента только на страницах сообщений (Статья) и статических (Автор, Контакты , Карта сайта и т. Д.). В результате элемент внутри этого условного тега будет скрыт от домашней страницы, архива и страниц поиска.

3. Условный тег Blogger для индексных страниц:

<b:if cond='data:blog.pageType == "index"'>
      //Условный элемент для выполнения
</b:if>

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

4. Условный тег Blogger для статических страниц:

<b:if cond='data:blog.pageType == "static_page"'>
      //Условный элемент для выполнения
</b:if>

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

5. Условный тег Blogger для сообщений и статических страниц:

<b:if cond='data:blog.url == data:post.url'>
      //Условный элемент для выполнения
</b:if>

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

6. Условный тег Blogger для ярлыка и страниц поиска:

<b:if cond='data:blog.searchLabel'>
      //Условный элемент для выполнения
</b:if>

По сути, этот условный тег используется для показа элементов на страницах поиска Blogger. Фактически, определенная страница ярлыка также является типом поисковой страницы Blogger. Поэтому я говорю, что этот условный тег предназначен для страниц поиска и ярлыков.

7. Условный тег Blogger для определенного ярлыка:

<b:if cond='data:post.labels any (l => l.name == "Label-Name")'>
      //Условный элемент для выполнения
</b:if>

Этот условный тег покажет элемент на странице определенного Ярлыка  Blogger. Только вы должны заменить «Label-Name» на желаемое имя ярлыка. Узнайте больше о ярлыках Blogger и о том, как их использовать.

8. Условный тег Blogger для определенного URL:

<b:if cond='data:blog.url == "Paste-URL-Here"'>
      //Условный элемент для выполнения
</b:if>

Это самый популярный условный тег блогера. На самом деле, вы можете настроить таргетинг на любой пост, страницу, ярлык и т. Д., Используя прямой URL (постоянная ссылка) с этим условным тегом. Просто замените «Paste-URL-Here» на ваш URL, чтобы показать условный элемент на этой странице.

9. Условный тег Blogger для архивных страниц:

<b:if cond='data:blog.pageType == "archive"'>
      //Условный элемент для выполнения
</b:if>

Приведенный выше код покажет условный элемент только на странице архива Blogger. Элемент или виджет не будут видны на других страницах.

10. Условный тег Blogger для страницы ошибок (404):

<b:if cond='data:blog.pageType == "error_page"'>
      //Условный элемент для выполнения
</b:if>

Почти каждый шаблон Blogger имеет страницу ошибки 404. Кроме того, посетители могут попасть на страницу 404 по разным причинам. Если вы хотите отобразить элемент или виджет только на этой странице ошибки 404, вы можете использовать приведенный выше условный тег.

11. Условный тег Blogger для поисковых запросов:

<b:if cond='data:blog.searchQuery'>
      //Условный элемент для выполнения
</b:if>

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

12. Условный тег Blogger для первого сообщения:

<b:if cond='data:post.isFirstPost'>
      //Условный элемент для выполнения
</b:if>

Элемент внутри этого условного тега будет показан только в первом посте блога Blogger. Многие разработчики шаблонов Blogger используют этот тег, чтобы использовать свои рекламные объявления более эффективно.

Использование обратных условных тегов

Поменять условные теги Blogger довольно просто. Фактически, вы можете сделать это, изменив значение «Равно» ( == ) на «Оператор» не равное ( ! = ).

Мы можем использовать условный тег из приведенного выше списка. Тег используется для показа условного элемента только на главной странице. Давайте изменим этот условный тег и посмотрим, что произойдет:

<b:if cond='data:blog.url != data:blog.homepageUrl'>
      //Условный элемент для выполнения
</b:if>

Я изменил оператор (==) на (! =) В приведенном выше коде. Так что теперь этот условный тег будет показывать условный элемент на каждой странице, кроме домашней.

Как использовать условные теги Blogger?

Мы видели синтаксис и некоторые популярные условные теги Blogger выше. По этой причине концепция условных тегов Blogger нам понятна. Обычно так условный тег будет выглядеть с элементами внутри него:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

      <b:widget id='HTML3' locked='false' title='' type='HTML' version='1'> …. </b:widget>

</b:if>

Приведенный выше условный тег будет показывать « виджет HTML3 » только на главной странице. Теперь пришло время реализовать это в вашем блоге. На самом деле, вы можете скопировать любой из приведенных выше условных тегов Blogger и вставить их непосредственно в шаблон Blogger. Откройте панель инструментов Blogger > Тема> Редактировать HTML как показано ниже.

Использование нескольких условных тегов

Мы можем использовать несколько условных элементов в одном условном теге, используя тег « <b:else/> ». Синтаксис нескольких условных элементов в один условный тег будет выглядеть следующим образом:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
      // 1st Условный элемент
<b:else/>
      // 2nd Условный элемент
</b:if>

Мы видим, что условный тег покажет «1-й условный элемент» на домашней странице. Кроме того, мы даем инструкцию этому условному тегу для показа «2-го условного элемента» с помощью тега «<b:else/>» на каждой другой странице, кроме домашней страницы.

Я надеюсь, что вы получили четкое представление об условных тегах Blogger из вышеприведенного обсуждения. Если вы все еще не знаете, использовать ли какой-либо из приведенных выше условных тегов, сообщите мне об этом, оставив комментарий. Также вы всегда можете поделиться своими мнениями и предложениями. Если вам нравится этот пост, пожалуйста, поделитесь им, чтобы поддержать меня.