AlbertX Templates et plugins gratuits pour WebAcappella Fusion
AlbertX
  • Accueil
  • Templates
  • Plugins
    • Plugins 100% WebAcappella Fusion
    • Les indispensables
    • Les autres plugins
  • Aide

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.

Menu => Site Web => Propriétés générales du site => Code HTML personnalisé => HTML du bloc HEAD des pages




Vous trouverez sur le site, deux types de plugins :

  • 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.
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.

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
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.

AlbertX Templates et plugins gratuits pour WebAcappella Fusion