En plus de l’édition de pages classique, ZwiiCMS propose des modules supplémentaires blog, news, galerie, formulaire (avec de nombreux types de champs, texte, texte long, mail, liste, case à cocher et date) et redirection.

Cette nouvelle version apporte de nouvelles fonctionnalités et des améliorations de l’expérience utilisateur :

• Un module de recherche interne développé par les membres du forum
• La gestion des mentions légales
• Un nouveau gabarit de pied de page
• Une nouvelle présentation asymétrique des gabarits de page (page de contenu et barres latérales)
• Les pages “rechercher” et” site map” sont listées dans la boite de dialogue Liens de l’éditeur de pages.
• Homogénéisation des masque de d’édition des pages et du thème (footer et header)
• Correction d’un défaut d’alignement du menu avec le contenu.

La mise à jour s’effectue automatiquement sur les sites déjà installés, il suffit d’activer le procédure en cliquant sur le bouton de mise à jour.

Téléchargement : https://zwiicms.com/
Forum d’assistance : https://forum.zwiicms.com/
Suivi du développement : https://github.com/fredtempez/ZwiiCMS/

Dans ce tutoriel, je vais aborder les animations des images PNG dans le but de préparer la bannière animée d’un site Web.

Préparation : toutes vos images doivent logiquement disposer de la même dimension pour cela il faut les redimensionner ou les recadrer.

Lorsque c’est fait, rendez-vous sur le site AnimatedPNGs.com cliquez sur Parcourir et transférez vos images. Le delay est fixé à 64ms, il s’agit du temps d’affichage de chaque image. Ce délai est réservé au mini-animation, pour une bannière chaque image doit être affichée quelques secondes, on indiquera un multiple de 1000 par exemple 4000.

Le délai peut être paramétré différemment pour chaque image :

Enfin cliquez sur Create Generated Image puis sur Download.
Animatedpng propose d’autres services, la conversion de flash en PNG, de GIF en PNG.
Le code source est visible sur Github : https://github.com/GraFlic/GraFlic
 
 
 

Pour débuter, les images avec un effet popup, l’idée est de créer  un effet d’affichage lors du clic sur une miniature.
Pour les besoins de la démonstration, j’ai utilisé deux images, une taille réelle (200 pixels de large est un maximum) et une autre en miniature.
Cette démo est basée sur la version 8.2.5 dont l’éditeur de texte par défaut est TINYmce.
Une fois le CMS installé, en FTP, éditez  init.js dans core/vendor/tinymce, recherchez

templates: [

templates: [
        {
          title:"Image Lightbox",
          url:baseUrl+"core/vendor/tinymce/templates/lightbox.html",
          description:"Une image qui s'ouvre dans une lightbox."
        },

Sauvegardez le fichier.
Dans le dossier Templates, y copiez les fichiers lightbox.html et image_vide.png contenus dans cette archive.
C’est prêt, il n’y a plus qu’à utiliser le plugin, une vidéo valant mieux qu’une longue explication :
[youtube https://www.youtube.com/watch?v=WmgREqKg0Io&w=560&h=315]

Il est aussi possible de se passer de la miniature en réduisant la taille de l’image servant de miniature…

• Support