SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribuciones sur SPIP-Zone, 222 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) Cycle2

    7 août 2014 – 104 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)

  • (fr) CleverMail

    20 janvier 2010 – 635 commentaires

    CleverMail est un plugin permettant d’envoyer des lettres d’informations à des abonnés depuis SPIP. Issu au départ d’un développement libre complètement indépendant de SPIP, il a connu une première version pour SPIP 1.9 avant d’être complètement réécris (...)

  • (fr) SPMC : Squelette par mot clé V2.0

    21 septembre 2009 – 48 commentaires

    Ce plugin prend la suite de squelette par mot clef V1.92 qui ne fonctionnait plus sous SPIP 2.0.x. Avec l’accord de Mortimer qui n’a plus le temps de le maintenir, je prend donc la suite. Présentation du plugin « Squelette par mot clé V2.0 » Le (...)

  • (fr) Sarka-SPIP 3

    15 septembre 2009 – 211 commentaires

    Si la lignée 3 de Sarka-SPIP a été l’occasion de refaire presque entièrement le code du squelette elle continue à évoluer et à s’améliorer au fil des versions. Nous ne saurions trop conseiller aux nouveaux utilisateurs - et aussi aux anciens - (...)

  • (fr) Paiement avec Formidable

    16 février 2015 – 53 commentaires

    Ce plugin « Paiement avec Formidable » permet d’ajouter une étape de paiement à la fin de la saisie d’un formulaire créé par le plugin Formidable. Il le complète et nécessite par ailleurs le plugin bank qui gère l’interface technique avec les prestataires (...)