SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribuciones sur SPIP-Zone, 247 visitantes en este momento

Portada del sitio > Squelettes > Outils pour squelettes > Zpip > El esqueleto Zpip

El esqueleto Zpip

17 de noviembre de 2009 – por Martin Gaitan

Todas las versiones de este artículo: [Español] [français]

2 votos

Zpip [1] es un esqueleto reutilizable, modular y con una galería de temas a disposición. Es el resultado de una fusión de los proyectos Zesty y SPIP-Zen.

El proyecto Zpip

Zpip es un esqueleto aplica las ideas expuestas en Modelo de esqueleto reutilizable. Cuenta con una organización del esqueleto que satisface

  • presentación: diseños independientes del esqueleto.
  • mantenibilidad a los largo del tiempo, basada en la minimización del código duplicado.
  • rápida implementación, al precio de una pequeña curva de aprendizaje debido a la nueva estructura.

Zpip es útil tanto para principiantes que disfrutarán de una galería de temas listos para usar, como para webmaster a los que les propone una nueva y más productiva estructura de trabajo.

Organización de los archivos

Zpip redefine todos los esqueletos dist por defecto en su carpeta raíz:

404.html, article.html, auteur.html, backend.html, breve.html, forum.html, login.html, mot.html, page.html, plan.html, recherche.html, rubrique.html, site.html, sommaire.html, y spip_pass.html.

Con la excepción del canal RSS (backend.html), estos esqueletos se han reescrito para incluir al menos structure.html en el que se basan todas las páginas. Puedes olvidarte de los esqueletos dist; no tendrás que tocarlos salvo en circunstancias excepcionales.

Se incluyen, entonces, dos esqueletos adicionales en la raíz: structure.html y body.html.

El primero structure.html, plantea la estructura mínima de la página HTML, incluyendo el esqueleto responsable de producir la cabecera (<head>). El segundo, body.html define el diseño único y sobre el que ahondaremos con mayor detalle.

Zpip contiene además de seis subcarpetas.

Dos son genéricas :

  • img/ que contiene todas las imágenes de decoración
  • inclure/ que contiene esqueletos comunes y compartidos entre diferentes páginas.

Las otras cuatro son las que contienen códigos en función de cada página web que se desea mostrar:

  • head/ contiene los de esqueletos para <head> personalizables para cada página cuando sea necesario. Existe además un <head> común, situado en include/.
  • contenu/ donde estarán todos los esqueletos encargados de producir el contenido principal de cada página
  • extra/ donde estarán todos los esqueletos que producen la información de contexto adicional para cada página
  • navigation/ donde estárán todos los esqueletos que producen información de navegación específicos para cada página

Layout único

Zpip se organiza alrededor de un layout único, body.html , que incluye 6 bloques lógicos de contenido y las estructuras HTML necesarias.

Las 6 unidades se denominan de acuerdo a la siguiente convención, asociado al contenido de la información y sin prejuzgar sobre el nombre y la estructura definida por el tema:

  • entête establece la presentación de la página y la identidad del sitio
  • barre-nav constituye la navegación principal del sitio; puede estar vacío
  • contenu contiene la información principal de la página, en función del tipo de página
  • navigation proporciona elementos de navegación secundaria, desglosadas por tipo de página
  • extra proporciona información relacionada con el contexto, desglosadas por tipo de página
  • pied proporciona elementos para el seguimiento y recordatorios de secundaria

El layout de Zpip es simple:

Vemos que esta disposición utiliza una sola columna
#navigation que integra los bloques de contenido navigation y extra.

Páginas automáticas

Zpip incorpora un mecanismo para la generación automática de páginas completas de un sólo esqueleto de contenido.

Por ejemplo, es suficiente escribir un esqueleto minimalista contenu/page-inscription.html conteniendo el siguiente código :

para que la página completa spip.php?page=inscription esté disponible

Para realizar esto Zpip utiliza los elementos comunes inclure/entete.html, inclure/barre-nav.html y inclure/pied.html. Para los elementos de navegación y extra, Zpip utiliza por defecto los esqueletos navigation/page-dist.html y extra/page-dist.html si ningún esqueleto navigation/page-inscription.html o extra/page-inscription.html está definido.

Este mecanismo de páginas automáticas permite adjuntar, de manera rápida y fácil, páginas específicas «ad hoc», en coherencia inmediata con el resto del sitio. De igual manera, permite a los plugins definir páginas dedicadas, utilizables por todos los sitios según su propia estructura, que será automáticamente generada por Zpip.

Por ejemplo, un plugin de newsletter puede crear fácilmente un esqueleto contenu/page-abonnement.html (que permite al abonado gestionar sus preferencias) que podrán utilizar todos aquellos sitios que se basen en Zpip

Menú de navegación principal

Zpip permite generar el menú de navegación principal directamente desde el espacio privado con la ayuda del plugin Menus. Es suficiente crear un menu con el identificador barrenav para que sea automaticamente insertada en el lugar de la navegación principal, sin modificaciones de archivos.

Composiciones

Zpip está naturalemnte concebido para funcionar con el plugin Compositions que permite usar varios tipos de composiciones por objeto.

Temas

Gracias a su estructura, Zpip se puede utilizar directamente con una galería de temas intercambiables.

Para facilitar la escritura de nuevos temas para Zpip, hay un cierto número de convenciones documentadas que definen una plataforma común.

Los temas que respeten esta convención podrán ser utilizados indiferentemente por Zspip o cualquier otro esqueleto que se base en una estructura similar.

Notas

[1El nombre de este esqueleto no tiene que ver con el infame Zorglub, sino más bien con una comedia musical futurista que imagina el futuro de SPIP en 2050

Dernière modification de cette page le 3 de abril de 2015

Volver arriba

Comentar este artículo

¿Quién es usted?
  • [Conectarse]

Para mostrar su avatar con su mensaje, guárdelo en gravatar.com (gratuit et indolore) y no olvide indicar su dirección de correo electrónico aquí.

Añada aquí su comentario Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Añadir un documento

Volver arriba

Hablando de eso...

  • (fr) Qrcode

    3 novembre 2010 – 46 commentaires

    Les QrCodes sont des codes barres lisibles essentiellement par les téléphones portables et permettent d’échanger avec ceux-ci diverses informations, et en particulier des liens. Ce plugin à pour objet de permettre à spip d’utiliser des QrCodes pour (...)

  • (fr) Plugin Modèles media

    25 avril 2011 – 180 commentaires

    Les modèles , et produisent chacun un résultat différent et ce résultat, pour les images, dépend du fait qu’elle soit dans le portfolio ou non. Ce plugin propose une nouvelle série de modèles ayant un comportement unifié et indépendant du mode des (...)

  • (fr) Speedsyndic pour SPIP 2 et SPIP 3

    11 octobre 2010 – 27 commentaires

    Ce plugin est une version compatible spip 2.0.x / 2.1 / 3.1 du plugin Speedsyndic Note : Une bonne partie du texte ci-dessous a été pompé de cet article, expliquant la version précédente du plugin. je n’ai fait qu’adapter le code pour spip 2, (...)

  • (fr) LIM : alléger l’espace privé

    20 avril 2015 – 41 commentaires

    Ce plugin permet de désactiver l’affichage de blocs ou de boutons, présents par défaut dans SPIP mais qui peuvent devenir inutiles dans le cadre de votre projet. Il allège du coup l’interface d’édition et supprime d’éventuels risques de confusion (...)

  • (fr) HTML Purifier

    5 janvier 2011 – commentaires

    Pour sécuriser l’affichage de certains textes (ceux qui proviennent potentiellement non pas des rédacteurs, mais de visiteurs non enregistrés ou de contributeurs externes, comme les forums ou les contenus des sites syndiqués), SPIP utilise en interne (...)

SPIPeando del otro...