Ajouter le plugin CodeMirror à l’éditeur de texte TinyMCE

Ce plugin gratuit permet d’éditer le code des contenus affichés pas TinyMCE, de nombreux langages sont supportés. Il remplace avantageusement le plugin Code de TinyMCE tout à fait limité, dont la version Advanced est payante.
Ce tutoriel a été testé avec succès sur le CMS Zwii en prévision de la sortie imminente de la version 9.
Etape 1 : Récupérer CodeMirror
Cela se passe sur le Git officiel ce qui permet de télécharger la version la plus fraîche.
https://github.com/christiaan/tinymce-codemirror
puis décompactez et naviguez jusque dans le dossier plugins
2019-01-25_14h06_24
Pas de problème, le français fait bien partie des langues proposées.
Etape 2 :
Renommez le dossier codemirror-4.n en codemirror
Etape 3 :
Copiez le premier dossier codemirror celui qui contient les dossiers codemirror et langs (ainsi que 2 fichiers JS) dans le dossier plugins de TinyMCE
image
Etape 4 :
Configuration de TinyMCE.
Editez le fichier configuration tinymce.inc.js et dans la section plugins remplacez code par codemirror.
image
Pour le paramétrage, on peut partir de cette configuration à coller dans le même fichier :
image
Etape 5 :
Sauvegardez le fichier et rechargez la page web avec l’éditeur.
Pour fignoler, j’ai de mon coté amélioré la traduction française qui ne me convenait pas (fichier fr_FR.js dans le dossier langs) :

image
 
 

Monétiser votre site avec Snipcart

Snipcart est un gestionnaire de panier prenant en charge le paiement par carte bancaire. L’inscription est gratuite, une commission de 2% est retenue sur chaque opération ce qui est modeste.

C’est une solution est idéale pour monétiser un contenu en ligne tout en évitant les grosses usines comme Prestashop.

Pour ce tutoriel, le CMS support sera l’excellent Zwii en version 8.2.5.  J’irai un peu vite sur certains aspects, le tutoriel ne s’adresse donc pas à de grands débutants.

Continue reading “Monétiser votre site avec Snipcart”

Comment ajouter un effet popup à une miniature dans Zwii CMS

Zwii un CMS maintenu par Rémi Jean son auteur, c’est un CMS en français très simple d’emploi destiné à une gamme d’utilisateur variée, de débutants à chevronnés. Les dernières versions sorties début mars 2018 apportent un lot important d’améliorations.  Une série d’articles regroupant ces astuces seront publiés sous cette catégorie.

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: [
que vous remplacez par :
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…

 
 
 
 
 
 

Zwii le CMS tout terrain facile

Adepte du CMS GetSimple, je suis tombé par hasard sur un article de présentation de ce CMS français, j’ai donc immédiatement décidé de  tester Zwii et vous savez quoi ? J’ai viré GetSimple et refait mon site datacargo.fr sous Zwii en quelques dizaines de minutes.

Pour mon activité professionnelle et moi-même, j’ai besoin d’un CMS simple, sans base de données (dont les données sont stockées dans des fichiers plats xml ou json), facile à prendre en main et à configurer, très loin de Joomla ou de WordPress.

J’anime un TD de multimédia pour des étudiants littéraires, je veux donc éviter le coté trop cambouis.

Pourquoi Zwii ?
C’est un CMS fait par un petit français, Rémi Jean, avec un support en français.

L’installation est très simple et les prérequis presque inexistants, pas de module exotique dans le php,  ça marche même chez des hébergeurs très restrictifs comme Free grâce à deux fichiers à remplacer téléchargeables sur le forum (dont htaccess).

Pas de thème à installer, la personnalisation s’effectue directement élément par élément et elle s’applique au site. Sous Getsimple, la personnalisation s’effectue grâce à des thèmes, même si les effets visuels sont parfois intéressants, la modification d’une simple couleur s’avère complexe car liée à la modification d’un fichier CSS.

L’édition des pages est particulièrement efficace, en effet, Zwii propose des modèles en plus de la page standard.

2017-10-12_16h41_05
Et oui tout ça en natif sans avoir besoin de rajouter de plugin… C’est juste excellent.
Pour en terminer, on peut ajouter que l’interface d’administration de Zwii est très complète au niveau des paramètres.
2017-10-12_16h42_37

  • Gestion native multi-utilisateurs avec 3 catégories de droit : membre, modérateur et administrateur.
  • Favicon,
  • Code Google Analytics
  • Réseaux sociaux
  • Message de consentement des cookies
  • Réécriture d’URLs

A mes yeux, c’est le meilleur CMS pour des débutants.