Comment utiliser le papier pour se démarquer de la foule. Js avec wordpress

Rio utilise des scripts pour dessiner des graphiques sur eux. Par défaut, les projets Il n’y a ni contenu ni frontières. Si vous regardez attentivement les documents papier. Dans JS ou l’exemple ci – dessous, vous verrez que nous n’utilisons pas \
Que puis – je faire avec du papier? JS et pour qui? Sur papier. JS peut facilement dessiner des chemins et des formes de n’importe quelle couleur et taille. Vous pouvez créer des éléments, des objets, des rasters, des outils interactifs et des couches. Vous pouvez animer des objets, ajouter des opérations mathématiques, et même créer vos propres jeux. Bref, ce que vous pouvez faire sur papier. JS est en fait limité par votre créativité et votre imagination. Fonction de base du papier. Js: module objet document créer des chemins et des segments animation souris et clavier interaction importer et exporter SVG Raster et color Media Image Vector Geometry Operators conversion Notez que dans ce tutoriel, je n’explique pas chaque attribut et fonction du papier. JS. Je me concentrerai sur la configuration du papier. JS dans WordPress. Si vous souhaitez en savoir plus sur les caractéristiques spécifiques du papier. JS, vous trouverez de grands tutoriels sur leur site officiel.
De plus, gardez ce fichier à l’esprit. JS est un cadre JavaScript. Techniquement, vous pouvez faire toutes les mêmes choses dans le javascript Vanilla, mais cela nécessite des lignes de code après des lignes. Ceux qui connaissent bien le dessin vectoriel et les applications JavaScript comme Adobe illustrator peuvent trouver du papier. JS est très intuitif et est susceptible d’en bénéficier. Vous pouvez créer un chemin dans une feuille. JS est similaire à la façon dont ils sont dessinés dans l’illustrateur. Bien sûr, les bases du JavaScript sont nécessaires. Comment installer le papier? JS est sur mon site? Si vous avez
Pour le noeud ou le Bower, vous pouvez utiliser la commande NPM install Paper ou Bower install paper. Sinon, inclure le papier. Sur votre site, vous devez d’abord télécharger à partir de leur site officiel http:\/\/paperjs.org\/download\/.
Extraire les fichiers téléchargés dans le dossier du projet (par exemple, dans les ressources). Ajouter le script suivant au titre du fichier HTML: instructions pour charger le 99d1b558cdd48990fa907338f7d88cd n’oubliez pas d’ajouter l’élément toile dans le corps: tout ce qui est fait dans le paperscript ne sera visible que sur la toile. Vous n’avez pas besoin d’écrire un script dans le titre HTML: Vous pouvez également créer un fichier paperscript séparé et l’ajouter au HTML comme suit: https:\/\/gist.github.com\/crogroo\/5d790bc192817b42f0b64495c8cf7de6.js
Quand j’ajoute du papier. JS à WordPress? Complétez ce tutoriel et ajoutez la fonctionnalité étonnante du papier. Pour accéder au site WordPress, vous devez avoir accès à votre cpanel et à votre gestionnaire de fichiers. D’accord. Mec, on y va! Étape 1: créer un sous – thème vous pouvez créer manuellement un sous – thème. Je suis paresseux, donc j’utilise un plug – in pour générer un sous – thème (vous pouvez supprimer le plug – in immédiatement après avoir créé le Sous – thème). Dans ce tutoriel, je vais utiliser le thème Astra comme thème parent de mon thème enfant. Étape 2: Télécharger la dernière version du document. JS télécharger la dernière version ici http:\/\/paperjs.org\/download\/ Décompressez le fichier téléchargé et ouvrez le dossier Dist. Vous y trouverez des noyaux de papier et des fichiers JavaScript remplis de papier. Je vais utiliser paper-full-min.js parce qu’il est un peu plus léger que paper-full. JS.
Étape 3: Télécharger le fichier papier complet. Mettez min.js dans le dossier sous – thème via le gestionnaire de fichiers. J’espère que c’est facile. L’emplacement du thème My Children est \/ WP content \/ Themes \/ ASTRA Children \/ Step 4: attachez le script complet sur le papier. Nous avons ajouté le javascript à la page du site WordPress de la bonne manière, avec des ajouts. Nous sommes toujours dans le gestionnaire de fichiers. Virginie
WordPress. Le SRC doit être inclus dans des guillemets simples, comme indiqué dans l’exemple ci – dessus. (SRC = \
Examinez l’élément toile de la page en une seule ligne ou DIV (je l’ai testé avec Divi et siteorigin page Builder). Vous pouvez modéliser la toile dans CSS comme dans tout autre élément HTML. J’ai ajouté le code suivant au fichier de style. Le CSS du thème \