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
- 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.
Etiqueta condicional para la página de inicio
<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)
<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)
<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><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
<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
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2022/11/test.html"'>
<!-- Publicación específica -->
</b:if><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
<b:if cond='data:view.isPage'>
<!-- Todas las páginas estáticas -->
</b:if><b:if cond='data:blog.pageType == "static_page"'>
<!-- Todas las páginas estáticas -->
</b:if>Página estática por URL
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/test.html"'>
<!-- Página estática por URL -->
</b:if>Etiqueta condicional para etiqueta (Label)
<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
<b:if cond='data:blog.searchLabel == "test"'>
<!-- Página de etiqueta específica -->
</b:if>Etiqueta condicional para las páginas de búsqueda
<b:if cond='data:view.isSearch'>
<!-- Todas las páginas de búsqueda incluyen la de etiquetas -->
</b:if><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
<b:if cond='data:blog.searchQuery == "Label Name"'>
<!-- Para búsqueda por 'Label Name' -->
</b:if>Etiqueta condicional para página 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)
<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
<b:if cond='data:view.isPreview'>
<!-- Código XML de Blogger en modo de vista previa -->
</b:if>Etiqueta condicional para dispositivo móvil
<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><b:if cond='data:blog.isMobileRequest == "false"'>
<!-- Mostrar solo en dispositivos de escritorio y oculto en dispositivos móviles -->
</b:if><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
<b:if cond='data:view.isLayoutMode'>
<!-- Configuración del diseño de la plantilla de blogger -->
</b:if>Solo para la primera publicació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><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><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><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>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>
<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>
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.
Leer más...
