Templates et plugins gratuits pour WebAcappella Fusion
WebAcappella Fusion n’utilisant quasiment plus les librairies Bootstrap, il est nécessaire pour garantir le bon fonctionnement de certains plugins de faire un appel à "popper.min.js" en copiant le code ci-dessous et en le collant dans le head de votre site.
Les récentes évolutions de WebAcappella Fusion ont rendu certains plugins inutiles.
Certains plugins ne sont pas compatibles avec la version légère de Bootstrap.
Il est conseillé de convertir au format V3 les plugins au format V1 ou V2.
Vous trouverez sur le site, deux types de plugins :
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.
- Les plugins 100% WebAcappella fusion conçus exclusivement avec le logiciel Intuisphère.
- Les autres plugins qui ne sont pas des créations personnelles mais le résultat de recherches sur Internet. Ils ont été annotés afin d'en faciliter l'utilisation dans le logiciel WebAcappella Fusion.
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.
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.
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.
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.
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.
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.
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.
2. Commencez à personnaliser votre template. Vous pouvez ajouter à votre template tous les éléments disponibles dans Web Acappella Fusion.
Certains plugins ont été annotés afin d'en faciliter l'utilisation et/ou la modification. Il existe trois types de commentaires dans les codes utilisés pour les plugin.
Dans le code CSS les commentaires se présentent sous cette forme :
/* Commentaires */
Dans le code JS les commentaires se présentent sous cette forme :
// Commentaires
Dans le code HTML les commentaires se présentent sous cette forme :
<-- Commentaires -->
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
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
Certains plugins ont été réalisés avec la première version de WebAcappella Fusion et comportent des composants V1. Il est conseillé de les remplacer par des composants V2.
1. Dans l'arborescence de droite, sélectionner le composant V1.
2. Clic droit + Transformer en V2.
3. Supprimer le composant V1.
4. Glisser/Déposer le composant V2 créé par WebAcappella Fusion.
1. Dans l'arborescence de droite, sélectionner le composant V1.
2. Clic droit + Transformer en V2.
3. Supprimer le composant V1.
4. Glisser/Déposer le composant V2 créé par WebAcappella Fusion.