3 de octubre
Inicio

Desarrolladores


Guía para desarrolladores de temas

En Bigpress CMS cada página que ve el visitante es un diseño, esto es aplicable para las portadas, para los artículos por supuesto, pero también para las newsletters, las aplicaciones móviles, las páginas AMP y cualquier otro formato que se te ocurra. Todos los diseños aparecen en el apartado "Diseños" del gestor. Verás que están los diseños para los articulos, videos, estáticas, etc. En los articulos generalmente se crea un diseño que se aplica a todos los articulos pero se puede también hacer que se use diferente diseño dependiendo de la sección.


Una vez abres el diseño con el editor visual (icono del cartabón) inluirá una estructura base formada por filas y columnas que se edita de forma visual. Dentro de estas filas y columnas se incluyen varios widgets que se pueden arrastrar agarrándolos por la parte superior. Pulsando el icono de la tuerca en cada widget podemos cambiar sus propiedades para elegir que contenidos se muestran y el diseño.



Las portadas

En cada portada se elige cual es el diseño que se desea usar. Puedes acceder a este diseño tanto desde el apartado de "Diseños" como desde el de "Secciones" que mostrará un icono del cartabón como acceso directo al diseño que use la portada. También hay un icono de 3 columnas con un editor que permite organizar las columnas (este es muy usado por los periodistas para mvoer artículos rapidamente). En algunas webs puede haber un diseño para escritorio y otro diferente para móvil por lo cual tendrás dos iconos de cartabón, aunque con el responsive esta opción casi no se utiliza.



Los diseños y las plantillas

Un diseño está formado por filas, columnas y widgets. Cada widget usa una plantilla HTML. Podrás encontrar estas plantillas en la opción Diseños > Plantillas. 

Algunos widgets tienen una opción en su configuración llamada "Plantilla" para elegir que diseño se mostrará. Otros widgets no tiene esta opción y generalmente se usará la plantilla {nombre_del_widget}_view.tpl. Algunas plantillas pueden tener la plantilla oculta porque utiliza plantillas del sistema.


Si no deseas usar ninguna de las funcionalidade los widgets puedes crear directamente widgets tipo "HTML" para insertar código directamente o widgets "Plantilla" para elegir una plantilla.


En estas plantillas tendremos libertad total para crear el contenido que deseemos. En ellas usaremos código HTML combinado con el popular lenguaje Smarty 2, usado por ejemplo por Prestashop, para incluir los datos. También contaremos con varias APIs para rendimensionar automáticamente las fotos y clases CSS que nos pueden ser utiles. Podrás encontrar los detalles en estos articulos


Los estilos

En el editor de diseños se pueden cambiar visualmente los estilos más comunes con un editor visual. Generalmente esto modifica la plantilla portada.css (que encontrarás en el listado de plantillas), salvo que se haya configurado explicitamente para usar otra plantilla.  Esta plantilla debe seguir una seria de reglas para procesarse correctamente, empleando reglas de estilos sencillas.  Además de esta hoja de estilos se carga otra llamada extra.css donde se pueden definir estilos que no pasen por el editor visual de estilos.




Las newsletters
Si alguna vez has diseñado una newsletter sabrás que es complicado crear código que funcione. Cuando creamos un diseño tipo newsletter Bigpress hará ajustes en el código para mejorar la visualización en cualquier cliente de email, incluso en esa versión de Outlook que tiene bastantes años pero la gente sigue usando.


Guía para desarrolladores de temas v1 (en desaparición)