Templates et plugins gratuits pour WebAcappella Fusion

Les plugins disponibles sur le site sont le résultat de recherches sur Internet et non des créations personnelles. Ils proviennent en grande partie du site CodePen.
Ils ont été annotés afin d'en faciliter l'utilisation dans le logiciel WebAcappella Fusion.

Important :

Afin d'éviter les interférences de codes, il est déconseillé d'utiliser plusieurs plugins sur une même page.

La modification d'un plugin requiert un minimum de connaissances.

Les plugins disponibles fonctionnent correctement sur le site mais rien ne garantit qu'il en sera de même sur le votre.

Si après l'installation d'un plugin, vous constatez un dysfonctionnement de votre site, supprimez la boîte ou le code CSS utilisé.

Le plugin sous forme de boîte à copier.
Il est composé d'un composant HTML et d'un code CSS placé dans l'onglet CSS du composant.

Le plugin sous forme de code CSS.
Il est composé d'un code CSS à placer dans l'onglet CSS d'un composant.

Importation d'un plugin sous forme de boîte.
1. Téléchargez l'archive du plugin.
2. Importez l'archive du plugin dans WebAcappella Fusion.
3. Copiez la boîte repérée "Boîte à copier".
4. Ouvrez le projet de destination.
5. Collez la boîte copiée à l'étape N° 03.

Importation d'un plugin sous forme de code CSS.
1. A l'aide du bouton disponible, copiez le code CSS.
2. Ouvrez le projet de destination.
3. Collez le code copié dans l'onglet CSS du composant.

Dans WebAcappella Fusion, le code d'une image se définit ainsi :

Remplacement d'une image.
1. Sélectionnez le code situé entre les deux apostrophes.
2. Cliquez sur le bouton "Insérer l'url d'une image".
3. Continuez en indiquant l'emplacement de l'image sur le disque dur.

Dans WebAcappella Fusion, le code d'un fichier se définit ainsi :

Remplacement d'un fichier.
1. Sélectionnez le code situé entre les deux apostrophes.
2. Cliquez sur le bouton "Insérer l'url d'un fichier".
3. Continuez en indiquant l'emplacement du fichier sur le disque dur.

Dans le langage CSS, le code d'une couleur se définit par un code hexadécimal ou un code RGB.
Code RGB => rgb(205, 92, 92)
Code hexadécimal => #CD5C5C

Pour changer une couleur, remplacez le code par celui correspondant à la couleur désirée. Vous pouvez utiliser ce générateur code couleur.

Pour un référencement efficace, pensez à personnaliser les balises Hn de vos textes.

Pensez également à personnaliser les balises meta de vos images.

Vous pouvez ajouter à votre template tous les éléments disponibles dans Web Acappella Fusion.

1. Importez l'archive du template dans WebAcappella Fusion.
2. Commencez à personnaliser votre template. Vous pouvez ajouter à votre template tous les éléments disponibles dans Web Acappella Fusion.

CodePen : Plugins en ligne

Lipsum : Générateur Lorem Ipsum

Codes Couleur HTML : Obtenez des codes de couleur

Flaticon : Icônes gratuites pour un usage personnel

Générateur HTML gratuit en ligne : Mettez en forme votre texte

Lotties Files : Animations Lotties gratuites

Outils référencement : Analysez vos balises Hn

PageSpeed Insights : Améliorez la vitesse de chargement de vos pages Web

Pixabay : Photos libres de droits et gratuites à télécharger

TinyPNG : Compression d'images

WebAcappella : Site WebAcappella - Forum WebAcappella