Construir un single template
Un single template sustituye el diseño del cuerpo de una entrada individual o de un elemento de un tipo de contenido personalizado de POM.
Antes de empezar
Prepara un elemento publicado con contenido representativo, una imagen destacada y todos los campos personalizados que requiera el diseño. Anota las claves exactas de los campos personalizados que utilizan las etiquetas de combinación.
Crear el template
- Abre Settings → POM Theme → Templates → HMTL templates → Single HTML templates.
- Selecciona Add template.
- Introduce un Template name reconocible.
- Añade la estructura del artículo en Template HTML.
- Inserta las etiquetas de combinación individuales y los bloques condicionales.
- Selecciona las Custom CSS Stylesheets y los Custom JS Scripts que necesites.
- Guarda los ajustes del tema.
Ejemplo:
<article class="event">
<header>
<h1>{{title}}</h1>
{{if meta="event_date" value="not_empty"}}
{{meta name="event_date" type="date" prepend=%%Date: %%}}
{{/if}}
</header>
{{featured_image image_size="large"}}
<div class="event-content">{{content}}</div>
{{posts_nav}}
</article>Asignar el template
Para entradas de WordPress:
- Abre Settings → POM Theme → Templates → Blog → Post single.
- Selecciona el template en Layout style.
- Guarda y abre una entrada.
Para un tipo de contenido personalizado de POM:
- Abre Settings → POM Theme → Content model → Post Types.
- Edita el tipo de contenido correspondiente.
- Selecciona el template en Single layout.
- Guarda y abre un elemento de ese tipo.
Resultado esperado
El template seleccionado muestra los datos del elemento actual. Los shortcodes que haya dentro del template y el contenido principal se procesan en la página pública. Un elemento protegido por contraseña sigue mostrando el formulario de contraseña hasta que se conceda el acceso.
Verificar el resultado
- Prueba un elemento con contenido y otro al que le falten campos opcionales.
- Comprueba la imagen destacada en el tamaño de WordPress solicitado.
- Confirma que las fechas utilizan los formatos de fecha y hora configurados en el sitio.
- Verifica la navegación anterior/siguiente si
{{posts_nav}}está presente. - Abre un elemento protegido por contraseña si el tipo de contenido utiliza esa función.