Cómo crear plantillas de tags

En este tutorial aprenderás cómo crear plantillas para ordenar artículos por tags. Prontus permite asignar tags a cada artículo para agruparlo con otros de una manera no jerárquica.

Publicado: Jueves 27 de Septiembre de 2018 por David García
Última modificación: Martes 20 de Noviembre de 2018
Ubicación

Para crear una plantilla de tag, debes editar (o crear, en caso de que no exista) un archivo de plantilla con el formato que necesites en el directorio /[nombre del prontus]/plantillas/tag/port/all/. Por convención las llamamos con el nombre "tagport", pero puedes darles el nombre que necesites. Puedes crear plantillas de tags en formato HTML, JSON, XML o cualquier otro formato común de texto o código.

Estructura de una plantilla de tag

El siguiente es un código de ejemplo el cual puedes adaptar con la estructura, estilos, marcas e imágenes que definas para tu sitio:

<!DOCTYPE HTML>
<html lang="es-CL">
<head>
<!-- inicio metatags-->
<title>
Tag: %%_TAG_NOM%%
</title>
</head>
<body class="articulo">
<!--#include virtual="/%%_PRONTUS_ID%%/site/edic/base/port/_m_header.html"-->
<div id="main" class="span-12 lg-12 tax">
<div class="auxi">
<div class="row">
<div class="col span-10 xs-12 col sm-12 col md-10 col lg-10">
<h1 class="titular">
Tag: %%_TAG_NOM%%
</h1>
<div class="row">
%%_msg%%
%%LOOP%%
<div class="tax_box col esp span-4 xs-12 sm-4 md-4 lg-4">
<div class="auxi-tax">
<div class="img_cont">
<a href="%%_FILEURL%%">
%%IF(FOTOFIJA_port_870)%%
<img src="%%FOTOFIJA_port_870%%" alt="" class="fullwidth">
%%/IF%%
%%NIF(FOTOFIJA_port_870)%%
<img src="/%%_prontus_id%%/imag/v1/default/default_870x515.jpg" alt="" class="fullwidth">
%%/NIF%%
</a>
<div class="separa">
</div>
</div>
<div class="content">
%%IF(fecha_larga)%%
<span class="fecha">%%fecha_larga%%</span>
%%/IF%%
<h2>
<a href="%%_FILEURL%%">%%_TITULAR%%</a>
</h2>
%%IF(_TXT_BAJADA)%%
%%_TXT_BAJADA%%
%%/IF%%
<div class="separa">
</div>
</div>
<div class="separa">
</div>
</div>
<div class="separa">
</div>
</div>
%%IFV(3,0)%%
<div class="separa">
</div>
%%/IFV%%
%%/LOOP%%
<div class="separa">
</div>
</div>
<div class="paginacion_centrada col-xs-12 col-sm-12 col-md-12 col-lg-12">
<nav aria-label="Page navigation">
<div class="pagination numbers">
%%_HTML_NROS_PAG%%
</div>
</nav>
</div>
%%/_msg%%
<div class="separa"></div>
</div>
<div class="separa">
</div>
</div>
<div class="separa">
</div>
</div>
<div class="separa"></div>
</div>
<!--/CONTENIDO-->
<!--FOOTER-->
<!--#include virtual="/%%_PRONTUS_ID%%/site/edic/base/port/_m_footer.html"-->
<!--/FOOTER-->
</body>
</html>
Generar portadas de tags

Una vez que hayas creado o modificado la plantilla de portada de tags, puedes generar las páginas definitivas editando un artículo y agregándole un tag. Las páginas definitivas de portadas de tags se encuentran en el directorio /[nombre del prontus]/site/tag/port/all/, y siguen el formato [nombre]_[id]_[numero de pagina].[extension]. Por ejemplo, podrías tener las páginas /[nombre del prontus]/site/tag/port/all/tagport_1_1.html, /[nombre del prontus]/site/tag/port/all/api_tags_2_2.json, etc. Como ves, el formato de las plantillas no está limitado a HTML. Puedes encontrar el ID de cada tag en la vista Publicar → Categorías y Tags → Administrar Tags del panel de administración de Prontus.

Regeneración masiva

Si necesitas actualizar todas las páginas de tags de una sola vez luego de hacer cambios globales, puedes regenerar las portadas de tags desde el panel de administración del sitio. Para ello debes visitar la página Administrar → Mantenimiento → Regeneración.

Una vez allí, debes hacer click en el botón "Regenerar Portadas Tagonómicas" ubicado en el panel "Regeneración masiva de portadas Tagonómicas"

Artículos Relacionados