Aller au contenu
Support de Zwii et Yocto
roger

[Modification et astuce] unminificateur 3 en 1 toutes versions de ZwiCMS

Messages recommandés

unminificateur 3 en 1 toutes versions de ZwiCMS

Voir le fichier

Vous avez pris l'habitude de parcourir le web pour trouver des outils en ligne afin de dé-ofusquer (dé-minifier) vos fichiers pour les rendre exploitables tant en lecture qu'en écriture, et bien je vous propose la même chose à incorporer dans votre propre cms avec les trois outils les plus importants.

Dé-minifier du CSS, JSON ou JS n'aura jamais été aussi facile et aussi simple pour vous.

Une petite vidéo pour vous convaincre, la voilou...

 

 

Comment envoyer les fichiers nécessaires pour faire fonctionner "unminificateurs" dans ZwiiCMS

Une fois avoir téléchargé l'archive sur le forum, vous devez la décompresser sur votre pc.

vous obtiendrez alors ceci dans un unique dossier nommé "unminificateurs":
* 3 dossiers à envoyer par FTP sur votre espace où se trouve installé le ZwiiCMS
   - css-formater
   - js-formater
   - json-formater

* 1 dossier nommé "exemples" contenant ds fichiers extrait d'un zwii sous trois formats qui si vous le décidez pourront vous servir afin de tester le script une fois installé sur le Zwii;
   - tippy.min.css
   - jquery.min.js
   - theme.json
 
* Ainsi que deux fichiers dont celui ci que vous êtes entrain de lire expliquant la procédure à suivre pour réussir votre projet;
   - Installation sur votre espace web .txt
   - Création des pages.txt

 

INSTALLATION

Ouvrir votre logiciel FTP et rendez vous directement dans le dossiers où est installé votre ZwiiCMS

Envoyez uniquement à la racine de celui ci le dossier nommé "unminificateurs"

Nota: vous pouvez si vous le désirez envoyer ce fichier dans /core/vendor/ (là où sont tout les dossiers des script comme tinymce par exemple) ceci afin de respecter au mieux l'architecture de rangement des dossiers et fichiers du ZwiiCMS.

un10.thumb.png.656d7ed33c30c6613182189268691319.png

 

un11.png.a2002b9ec49259d620640bfd840bf6b3.png

 

Vous pouvez maintenant passer à la seconde étape, créer vos pages pour chaque script sur votre Zwii en ligne, lire le second fichier nommé "Création des pages.txt pour cela.

C'est aussi simple que cela, l'installation est finie.

 

CRÉATION DES PAGES

Créer une rubrique apparente dans le menu dans laquelle vous ferez une présentation de vos outils de déminificcation de fichiers;
Ensuite vous créerez 3 pages qui seront incorporées comme "page enfant" de votre rubrique
Pour chacune d'entre elle vous entrerez le code qui la concerne donné plus bas ci dessous
exemple:

page principale
    page enfant n°1
    page enfant n°2
    page enfant n°3

Passez IMPÉRATIVEMENT votre éditeur en mode "SOURCE" pour écrire les codes.
Vous pouvez aussi adapter la hauteur de votre iframe selon vos besoins.

un12.thumb.png.5011233e932986ca219bc6d2927747ee.png

 

CODES A ENTRER POUR CHAQUE PAGE
IMPORTANT:

Dans le code (tout au début) changez juste "non_du_zwii" pour le non du dossier où est installé votre ZwiiCMS;
Suivant où vous avez placerez votre dossier "unminificateurs" qui contient les scripts le chemin menant vers celui ci.

 *(cas de l'installation à la racine du zwii des dossiers permettant de faire fonctionner les scripts)

A : pour déminifier du CSS (page enfant n°1)

<p><strong>En mode mobile, utiliser le pivotement de votre smartphone (landscape).</strong></p>
<p><iframe src="/non_du_zwii/unminificateurs/css-formater/minifier.html" height="420px !important;" frameborder="0"></iframe></p>

B : pour deminifier du JS (page enfant n°2)

<p><strong>En mode mobile, utiliser le pivotement de votre smartphone (landscape).</strong></p>
<p><iframe src="/non_du_zwii/unminificateurs/js-formater/index.html" width="100%" height="420px !important;" frameborder="0"></iframe></p>

C : pour déminifier du JSON (page enfant n°3)

<p><strong>En mode mobile, utiliser le pivotement de votre smartphone (landscape).</strong></p>
<p><iframe src="/non_du_zwii/unminificateurs/json-formater/JSON-Formater.html" width="100%" height="420px !important;" frameborder="0"></iframe></p>

 *(cas de l'installation dans le dossier /core/vendor/ du zwii des dossiers permettant de faire fonctionner les scripts)

A : pour déminifier du CSS (page enfant n°1)

<p><strong>En mode mobile, utiliser le pivotement de votre smartphone (landscape).</strong></p>
<p><iframe src="/non_du_zwii/core/vendor/unminificateurs/css-formater/minifier.html" height="420px !important;" frameborder="0"></iframe></p>

B : pour deminifier du JS (page enfant n°2)

<p><strong>En mode mobile, utiliser le pivotement de votre smartphone (landscape).</strong></p>
<p><iframe src="/non_du_zwii/core/vendor/unminificateurs/js-formater/index.html" width="100%" height="420px !important;" frameborder="0"></iframe></p>

C : pour déminifier du JSON (page enfant n°3)

<p><strong>En mode mobile, utiliser le pivotement de votre smartphone (landscape).</strong></p>
<p><iframe src="/non_du_zwii/core/vendor/unminificateurs/json-formater/JSON-Formater.html" width="100%" height="420px !important;" frameborder="0"></iframe></p>


Enregistrez votre travail pour chaque page et testez le à l'aide des fichiers joints dans le dossier "exemples" fourni avec l'archive que vous avez dézippé sur votre pc;

Voila c'est aussi simple que cela, le tout étant bien entendu responsif afin que vous puissiez bénéficier de vos service sur tout les affichages possibles.

Enjoy les amis

 

# IMPORTANT A LIRE #

Vous reconnaissez qu'en utilisant ce script sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.

💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus.


 

Partager ce message


Lien à poster
Partager sur d’autres sites
Il y a 10 heures, cybertaf a dit :

Euh sinon :

https://unminify.com/

 

Oui mais là tu utilises un service externe à ton zwii, pas en le proposant toi même comme étant hébergé sur ton propre site à toi.

 

💡 Ce que je propose ici est d'utiliser la même chose (les trois services proposés par le lien de ton site) mais dans le zwii installé par l'utilisateur final, ainsi il garde chez lui son visiteur (cas d'un site basé sur du service) en lui offrant sur place ce qu'il est obligé de trouver ailleurs.

 

🌍  De plus, le nom du cms est ainsi encore mieux référencé si par bonheur l'utilisateur pense à mettre les bonnes balises "tilte" et touti (mots lés) pour chacune des pages crée (3, une par service) en utilisant les mots clés qui vont bien avec lors d'une recherche sur ce type là d'outils.

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


  • Contenu similaire

    • Par roger
      Un autre "inconvénient" pour moi: Avant nous n'étiuons pas obligé de devoir retapper un mot de passe pour changer simplement nom et prénom dans la config de l'utilisateur d'un zwii, aujourd'hui ce n'est plus le cas car l'on se retrouve alors avec une page d'erreur si on veut le faire depuis son propre compte
       
      identité à la création du site

       
      nouvelle identité désirée

       
      au clic sur le bouton Enregistrer

       
       
    • Par roger
      Dans le gestionnaire d'image du Zwii j'ai crée un dossier pour y importer des images (soit par glisser/déposer soit en écrivant l'URL de l'image à importer)
       
      ✅ Seule la fonction glisser/déposer (ou choisir le fichier sur le pc) fait le job;
      ❗  Si je désire importer une image depuis une URL, cette fonction ne marche pas du tout:
       
      Conditions de téléchargement d'une image depuis la fonction prévue pour dans le RFM:
       - que ce soit une images téléchargeable depuis une URL en http ou Https libre de droit (lien de téléchargement direct de l'image)
       - une image que j'héberge moi même et qui peut être téléchargée par d'autre cms  n'a pas plus de succés si je veux la télécharger par son lien direct;
       
      En rafraîchissant la page ou en utilisant un autre navigateur que le mien au cas ou, rien n'y fait le Responsive file manager refuse de télécharger des images depuis une URL.
       
      📊 le dossier sur ma version officielle:

       
      🙂 Là où ça marche nickel:

       
      😞 l'endroit où j'entre l'URL directe de l'image sur son serveur et où ça ne fonctionne pas:

       
      Une idée pour résoudre ce problème ou bien la fonction n'est plus compatible à ce jour dans le zwii V9.1.xx alors que celle ci fonctionnait avant dans les anciennes versions.
       
      💡 Pour info, j'ai juste découvert ce "petit inconvénient" en voulant télécharger une image libre de droit sur un site de partage (habituellement je dépose les images directement dans le rfm) , et donc par acquis de conscience j'ai aussi vérifier sur une version 9107 la me fonction, pareil impossible d'importer une image depuis une URL, donc c'est un "petit inconvénient" non découvert malgré les nombreux tests effectués avant la sortie de la version officielle précédente.
       
       
       
       
       
    • Par roger
      @Fred
      J'ai récemment crée un module permettant de traduire toute les pages d'un zwii, et il est placé dans le menu du Zwii
      Voir ici: http://www.website-distribution.com/ZwiiCMS-9110/blog
       
      ❗ mon soucis c'est que si je cliques sur un lien dans une des ses pages, celle qui s'affiche après ne montre plus dans le menu la boite de dialogue du traducteur et la page elle même n'est pas traduite (page du Blog et la page Galeries)
       
      ❓ Qu'est ce qui gère l'affichage du menu pour les "Articles" en entier quand on clique sur le lien lire la suite et idem quand on clique sur le nom d'une galerie qui renvoie vers la page des images qu'elle contient?

       

       
       
       
       
×
×
  • Créer...