Comprende el sistema de plantillas
POM Theme separa una página de resultados en capas. Elegir la capa correcta evita duplicar el marcado y hace que un diseño sea reutilizable.
Los tres tipos de plantilla
| Tipo de plantilla | Qué controla | Contenido dinámico habitual |
|---|---|---|
| Archive | El contenedor de la página alrededor de un archivo | Título del archivo, descripción del término, medios del término y la región completa de resultados |
| Feed | Un elemento repetido dentro de una región de resultados | Título del elemento, imagen, extracto, campos personalizados, términos de taxonomía e información del producto |
| Single | El cuerpo de una entrada o de un elemento de tipo de contenido personalizado | Contenido completo, metadatos de la entrada, galerías y navegación anterior/siguiente |
Una plantilla de archivo puede colocar {{archive_results}} dentro de su HTML. La plantilla de feed seleccionada se repite entonces una vez por cada resultado.
Dónde se crean las plantillas
- Abre Settings → POM Theme → Templates → HMTL templates.
- Elige Archive HTML templates., Feed HTML templates. o Single HTML templates.
- Añade una plantilla y completa Template name y Template HTML.
- Selecciona Custom CSS Stylesheets o Custom JS Scripts solo cuando la plantilla necesite esos recursos.
- Guarda los ajustes del tema.
La etiqueta de navegación se muestra como HMTL templates en la interfaz actual.
La creación y la asignación son independientes
Guardar una plantilla la deja disponible para su selección; no la asigna automáticamente.
- Las plantillas de archivo se seleccionan como Sidebar layout para los archivos de entradas de WordPress o como Archive layout para un tipo de contenido personalizado compatible o un archivo de productos.
- Las plantillas de feed se seleccionan como una Custom result template en los ajustes de archivo, autor y búsqueda, o directamente mediante un elemento Listings (Feed).
- Las plantillas individuales se seleccionan como el Layout style para las entradas o como el Single layout de un tipo de contenido personalizado de POM.
Una secuencia de diseño fiable
- Decide qué capa posee el marcado necesario.
- Crea HTML estático semántico.
- Añade solo las etiquetas de combinación admitidas por ese tipo de plantilla.
- Protege los campos opcionales con condicionales o alternativas donde estén admitidos.
- Asigna la plantilla.
- Abre una URL pública representativa y verifica los valores rellenados, vacíos y largos.