Aller au contenu
Support de Zwii et Yocto

11 captures d’écran

À propos de ce 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.




Retour utilisateur

Vous pouvez donner un avis uniquement après avoir téléchargé le fichier.

Il n’y a aucun avis à afficher.

×
×
  • Créer...