Todas las etiquetas condicionales de Blogger

La etiqueta condicional es una función importante en la estructura de plantillas de Blogger. Esta función se utiliza para ciertos ajustes, generalmente para mostrar widgets o elementos en un lugar específico o para que no aparezcan en una página específica.

Mostrar u ocultar la barra lateral y los widgets en ciertas páginas de blogs se convierte en la mejor alternativa para quienes tienen muchos widgets. Demasiados widgets ralentizan la carga del blog. Como resultado, además de un blog pesado, los visitantes también se cansarán un poco del tiempo de carga. La etiqueta condicional para Blogger comienza con <b:if... y va seguida de la condición deseada. A continuación, se muestra la última versión de la etiqueta condicional para Blogger que puedes usar en tu plantilla.

Etiquetas condicionales universales

Etiqueta condicional para la página de inicio

• Esta etiqueta condicional de Blogger solo aparecerá en la página principal. Si quieres mostrar cualquier widget, incluso la barra lateral, el pie de página o la sección de encabezado, solo en la página de inicio, simplemente usa la siguiente etiqueta condicional.

<b:if cond='data:view.isHomepage'>
  <!-- Solo página de inicio -->
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
  <!-- Solo página de inicio -->
</b:if>




Etiqueta condicional para páginas de índice (Index)

• Si quieres añadir códigos y contenido que solo aparecerá en la página de inicio, la página de etiquetas y la página de archivo, esta etiqueta condicional de Blogger puede serte útil. Consulta la etiqueta a continuación.

<b:if cond='data:view.isMultipleItems'>
  <!-- Todas las páginas de índice -->
</b:if>

<b:if cond='data:blog.pageType == "index"'>
  <!-- Todas las páginas de índice -->
</b:if>




Etiqueta condicional para páginas de elementos (páginas de publicaciones y páginas estáticas)

• La siguiente etiqueta condicional hace que su widget o cualquier parte funcione solo para páginas de publicaciones y páginas estáticas y se oculte de todas las demás páginas, excepto las páginas de publicaciones y páginas estáticas de su blog.

<b:if cond='data:view.isSingleItem'>
  <!-- Todas las páginas de artículos y páginas estáticas -->
</b:if>

<b:if cond='data:blog.pageType in ["item", "static_page"]'>
  <!-- Todas las páginas de artículos y páginas estáticas -->
</b:if>

Or

<b:if cond='data:blog.url == data:post.url'>
  <!-- Todas las páginas de artículos y páginas estáticas -->
</b:if>




Etiqueta condicional para entradas

• Si quieres mostrar contenido solo en las páginas de entradas y ocultarlo de la página de inicio, páginas estáticas, archivo y otras páginas de búsqueda, esta etiqueta condicional es ideal. Puede ayudarte a darle un aspecto diferente a las entradas o páginas de artículos de todo el blog.

<b:if cond='data:view.isPost'>
  <!-- Todas las páginas de artículos -->
</b:if>

<b:if cond='data:blog.pageType == "item"'>
  <!-- Todas las páginas de artículos -->
</b:if>




Publicación específica por URL

• Esta etiqueta condicional se usa cuando desea mostrar algo solo una página de publicación en particular; para usarla, simplemente reemplace la URL de la página de publicación; esta parte con la URL de la página de publicación.

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2022/11/test.html"'> 
  <!-- Publicación específica -->
</b:if>

Or

<b:if cond='data:blog.url == "ENLACE URL"'> 
  <!-- Una página de artículo 'ENLACE URL' -->
</b:if>




Etiqueta condicional para página estática

• Si desea mostrar algo solo en páginas estáticas y desea ocultarlo de la página de inicio, el archivo y otras páginas de búsqueda, esta etiqueta condicional funciona para usted.

<b:if cond='data:view.isPage'>
  <!-- Todas las páginas estáticas -->
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <!-- Todas las páginas estáticas -->
</b:if>




Página estática por URL

• Esta etiqueta condicional se utiliza cuando desea mostrar algo solo una página estática en particular; para usarla, simplemente reemplace la URL de la página estática; esta parte con la URL de la página estática.

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + &quot;p/test.html&quot;'> 
  <!-- Página estática por URL -->
</b:if>




Etiqueta condicional para etiqueta (Label)

• Si desea mostrar algo solo en las páginas de etiquetas y desea ocultarlo de la página de inicio, publicaciones, páginas estáticas y otras páginas, utilice la etiqueta condicional de etiqueta anterior.

<b:if cond='data:view.isLabelSearch'>
  <!-- Todas las páginas de etiquetas -->
</b:if>

<b:if cond='data:blog.searchLabel'>
  <!-- Todas las páginas de etiquetas -->
</b:if>




Página de etiqueta específica

• Si desea mostrar en una etiqueta específica, utilice la siguiente etiqueta condicional.

<b:if cond='data:blog.searchLabel == "test"'>
  <!-- Página de etiqueta específica -->
</b:if>




Etiqueta condicional para las páginas de búsqueda

• Todas las páginas de búsqueda, incluida la de etiqueta

<b:if cond='data:view.isSearch'>
  <!-- Todas las páginas de búsqueda incluyen la de etiquetas -->
</b:if>

Or

<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
  <!-- Todas las páginas de búsqueda solamente -->
</b:if>

<b:if cond='data:blog.searchQuery'>
  <!-- Todas las páginas de búsqueda solamente -->
</b:if>




Página de consulta de búsqueda específica

• La siguiente etiqueta condicional se utiliza para las páginas de consulta de búsqueda donde se muestran los resultados mientras se busca algo en su blog de Blogger.

<b:if cond='data:blog.searchQuery == "Label Name"'>
  <!-- Para búsqueda por 'Label Name' -->
</b:if>




Etiqueta condicional para página de archivo

• Si desea mostrar algo solo en las páginas de archivo y desea ocultarlo de la página de inicio, publicaciones, páginas estáticas y otras páginas, utilice la siguiente etiqueta condicional de archivo.

<b:if cond='data:view.isArchive'>
  <!-- Página de archivo -->
</b:if>

<b:if cond='data:blog.pageType == "archive"'>
  <!-- Página de archivo -->
</b:if>




Etiqueta condicional para página 404 (página no encontrada)

• La siguiente etiqueta se usa solo para páginas de errores.

<b:if cond='data:view.isError'>
  <!-- Todas las páginas de error -->
</b:if>

<b:if cond='data:blog.pageType == "error_page"'>
  <!-- Todas las páginas de error -->
</b:if>




Etiqueta condicional para la página de vista previa

• La siguiente etiqueta se usa solo para la vista previa de la publicación.

<b:if cond='data:view.isPreview'>
  <!-- Código XML de Blogger en modo de vista previa -->
</b:if>




Etiqueta condicional para dispositivo móvil

• Si desea mostrar el widget o script en particular en dispositivos móviles.

<b:if cond='data:view.isMobile'>
  <!-- Mostrar en dispositivo móvil -->
</b:if>

<b:if cond='data:blog.isMobileRequest'>
  <!-- Mostrar en dispositivo móvil -->
</b:if>

Establezca el isMobileRequest valor booleano en false, para que el widget solo se cargue en dispositivos de escritorio (simulador de escritorio) y permanezca oculto en dispositivos móviles (navegador móvil).

<b:if cond='data:blog.isMobileRequest == "false"'>
  <!-- Mostrar solo en dispositivos de escritorio y oculto en dispositivos móviles -->
</b:if>

Si desea que el widget se muestre solo en dispositivos móviles, pero no en el escritorio, configure el valor booleano en true.

<b:if cond='data:blog.isMobileRequest == "true"'>
  <!-- Mostrar solo en dispositivos móviles, pero no en computadoras de escritorio -->
</b:if>




Etiqueta condicional para código de diseño

• La siguiente etiqueta se utiliza para configurar el diseño de la plantilla.

<b:if cond='data:view.isLayoutMode'>
  <!-- Configuración del diseño de la plantilla de blogger -->
</b:if>




Solo para la primera publicación

• Añadir códigos bajo esta condición solo será aplicable a la primera publicación de la página de publicaciones múltiples. Se utiliza para dirigirse a la primera publicación en páginas de publicaciones múltiples. Si desea usar esta etiqueta condicional, consulte la etiqueta a continuación.

<b:if cond='data:post.isFirstPost'>
  <!-- Solo para la primera publicación -->
</b:if>

NOT, AND, OR

• NOT - Esta condición se usa si el widget desea mostrarse en otro lugar. NOT o EXCLUSION se usa cuando se desea excluir algo de la condición. Se puede usar también not o !.

<b:if cond='!data:view.isPost'>
  <!-- Todas las páginas excepto las páginas de artículos -->
</b:if>

Or, THIS

<b:if cond='not data:view.isPost'>
  <!-- Todas las páginas excepto las páginas de artículos -->
</b:if>

<b:if cond='data:blog.pageType != "item"'>
  <!-- Todas las páginas excepto las páginas de artículos -->
</b:if>



• AND - Si ambas condiciones son correctas. Agregar AND o And para combinar dos o más condiciones. Todas las condicionales deben ser verdaderas. Se puede usar cualquiera de las dos and evita la repetición de etiquetas b:if.

<b:if cond='data:view.isMultipleItems AND data:view.isSearch'>
  <!-- Página de índice Y página de búsqueda -->
</b:if>

<b:if cond='data:blog.pageType == "index"'>
  <b:if cond='data:blog.searchQuery'>
    <!-- Página de índice y página de búsqueda -->
  </b:if>
</b:if>



• OR - La condición si una de ellas es correcta, agregar OR. OR se usa para combinar varias condiciones, cualquiera de las cuales, si es verdadera, representará el contenido HTML. Puede declararse como or y evita la repetición de etiquetas b:if.

<b:if cond='data:view.isMultipleItems OR data:view.isPost'>
  <!-- Página de índice Y página de publicación -->
</b:if>

<b:if cond='data:blog.pageType == "index"'> 
  <!-- Página de índice -->
      <b:else/>
<b:if cond='data:blog.pageType == "item"'> 
  <!-- Página de publicación -->
   </b:if>
</b:if>

Puedes usarlo <b:if> con o sin <b:else/>, pero nunca puedes usarlo <b:else/> sin <b:if>.

Cómo usar etiquetas condicionales

Para aplicar una etiqueta condicional a algún contenido, simplemente coloque el contenido dentro de la apertura <b:if cond='Etiqueta condicional'> y cierre </b:if> de este código.

<b:if cond='data:blog.pageType == "item"'>
  # ESTE CONTENIDO SE EJECUTARÁ SI LA CONDICIÓN ES VERDADERA
</b:if>

En el ejemplo anterior, el contenido solo aparecerá en las páginas de entrada. Puede ser un div, una sección, una etiqueta de estilo u otra etiqueta condicional, etc. Si desea especificar un contenido alternativo (cuando la condición es falsa), debe insertar una <b:else/> seguido del contenido, como se muestra a continuación:

<b:if cond='data:view.isPost'>
  # ESTE CONTENIDO SE EJECUTARÁ SI LA CONDICIÓN ES VERDADERA
  # Si la página actual es de publicación (Item)
<b:else/>
  # ESTE CONTENIDO SE EJECUTARÁ SI LA CONDICIÓN ES FALSA
  # No es página de publicación (Item)
</b:if>

También <b:else/> funciona como un operador OR, como se explicó anteriormente.

Para estos casos se pueden aplicar las etiquetas condicionales, ejemplos:

• Mostrar widgets en páginas específicas.
• Aplicar diferentes estilos a páginas estáticas.
• Agregar metaetiquetas de FB y etiquetas de tarjetas de Twitter.
• Cargar JS en páginas específicas.
• Optimizar el título del blog para SEO.

Estas son algunas de las etiquetas condicionales más recientes para Blogger. ¡Te pueden ser útiles!