10. Temas

Nosotros no hacemos ningún tipo de temas y plantillas real durante el entrenamiento. Sólo vamos a explicar las opciones que dispone para esto.

Aplicar Temas a un sitio Plone tiene dos partes importantes:

  • Tematización estructural : la construcción del esqueleto HTML de una página y obtener los elementos correctos de contenido dentro de los lugares correctos. Además, la disposición de la CSS y los elementos de Javascript para finalizar la presentación y proporcionar comportamientos dinámicos.

  • Plantillas, que a su vez tiene dos aspectos:

    • Plantillas Viewlet, que podríamos pensar como el micro formato de la página. ¿Recuerda cuando miramos el mapa viewlet de una página? (Mira de nuevo a través de la dirección URL @@manage-viewlets.) Todas esas viewlets se proporcionan a través de plantillas individuales y editables.

    • Plantillas de vista de tipo de contenido. Cuando creamos un nuevo tipo de contenido o modificar una existente, normalmente queremos crear o modificar una vista de plantilla.

Tematización estructural se logra mejor a través del motor de temas Diazo. la herramienta Diazo proporciona un mecanismo basado en mapeo del contenido proporcionada por Plone en una o más diseños de páginas maestras.

Plantillas se logra mediante la edición de los archivos página de plantilla que nos permiten mezclar el contenido del objeto de la ZODB con HTML. Plone utiliza su propio (en realidad Zope) el Template Attribute Language (TAL) para este fin.

Ejemplo Diazo

  • Activar Diazo vía el formulario del panel de control Complementos

  • Valla al panel de control Temas

  • Activar el tema Twitter Bootstrap

  • Mire los cambios del sitio

  • Remplace “localhost” en su dirección URL con “127.0.0.1”

  • Vuelva al panel de control Temas, eche una mirada al panel Configuración Avanzada

  • Desactivar el tema

  • Copie el tema Twitter Bootstrap Example, use el botón Copiar para crear un tema en base a esta copia y poder modificar el tema para ver las reglas Diazo.

Ejemplo de Plantilla

  • Use la ZMI para ver la herramienta portal_view_customizations

  • Echa un vistazo a plone.belowcontenttitle.documentbyline — tener una idea de cómo se utiliza la lógica TAL para tirar en el contenido de contexto.

  • Cambiar “History” a “Herstory” :)

Seleccionando la herramienta adecuada

Si todo lo que tienes es un martillo, todo parece un clavo

Hacer un buen trabajo con la tematización de Plone significa elegir la herramienta adecuada para el trabajo.

Si eres muy bueno con Diazo, que puede hacer casi todo con reglas Diazo. Es enteramente posible sustituir y reordenar los componentes más pequeños de un viewlet con una aplicación inteligente de una regla Diazo o un poco de XSL.

También es perfectamente posible hacer todo su tematización mediante la personalización de los archivos de plantilla. Después de todo, su sitio original Plone es tematizado (con un tema llamado Sunburst), incluso sin necesidad de activar Diazo. Antes Diazo ser unido a Plone (como un complemento en Plone 4.0), este es la forma en que Plone era tematizado.

Así que, ¿cuál es su estrategia?

  • Para los sencillos temas del sitio son estructuralmente similares a los de fuera de la caja es Plone, sólo tiene que añadir CSS. Nada más se necesita.

  • Para más temas complejos o uno en el se proporcionan con un tema de HTML, CSS y JS, use Diazo para mover las cosas, para poner las piezas del rompecabezas donde pertenecen.

  • Si es necesario cambiar un viewlet o la vista de un tipo de contenido, utilice plantillas TAL.

Pero, no es necesario molestarse en aprender a cómo trabajar con los administradores viewlet de Plone. Sí, una vez fue necesario, pero Diazo es una mejor solución a este problema.

¿Quieres aprender realmente tematización?

Los buenos puntos de partida:

Si usted busca un entrenamiento sobre Diazo se recomienda un entrenamiento por Chrissy Wainwright o Maik DerStappen

Ver también

Diazo: How it Works por Steve McMahon desde la Plone Conference 2013 https://www.youtube.com/watch?v=Vvr26Q5IriE

Ver también

http://docs.plone.org/4/en/adapt-and-extend/theming/index.html