Templates et plugins gratuits pour WebAcappella Fusion
Aide et tutoriels WebAcappella Fusion
Toutes les informations utiles pour installer et personnaliser les templates et plugins AlbertX.
Vous souhaitez importer un template, installer un plugin ou modifier son apparence ? Cette rubrique d'aide vous accompagne dans l'utilisation des ressources gratuites proposées sur AlbertX.
Retrouvez des conseils pratiques pour intégrer les plugins dans WebAcappella Fusion, personnaliser les images, les fichiers et les couleurs, modifier le code CSS et adapter les composants aux différentes versions du logiciel.
Comment utiliser les ressources AlbertX ?
Les explications sont organisées autour des principales opérations :
✓ Installation des plugins : importation des archives et intégration des codes CSS.
✓ Personnalisation : remplacement des images, fichiers et couleurs.
✓ Utilisation des templates : importation et adaptation des modèles.
✓ Compatibilité : informations sur les composants et les différentes versions de WebAcappella Fusion.
✓ Ressources complémentaires : outils et liens utiles pour créer et améliorer votre site.
Avant toute installation, prenez connaissance des informations de compatibilité et des précautions indiquées dans cette rubrique.
A savoir ...
Faute de disponibilité suffisante, aucune réponse ne sera apportée concernant l'installation ou la personnalisation d'un plugin.
Vous pouvez cependant signaler le dysfonctionnement de l'un d'entre eux via le formulaire de contact du site.
Plugins : Informations et mise en garde
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.
Les plugins ont été testés en version V2. Il est donc possible qu'ils ne soient pas fonctionnels avec des versions plus récentes de WebAcappella Fusion.
Si après l'installation d'un plugin, vous constatez un dysfonctionnement de votre site, supprimez la boîte ou le code CSS utilisé.
Les deux types de plugins
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
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.
Remplacement d'une image dans un plugin
Dans WebAcappella Fusion, le code d'une image se définit comme décrit ci-dessous.
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'un fichier dans un plugin
Dans WebAcappella Fusion, le code d'un fichier se définit comme décrit ci-dessous.
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'une couleur dans un plugin
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.
Templates : Informations diverses
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.
Importation d'un template
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.
Les commentaires HTML - JS - CSS
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 -->
Composants anciennes versions
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 V3.
1. Dans l'arborescence de droite, sélectionner le composant V1.
2. Clic droit + Transformer en V3.
3. Supprimer le composant V1.
4. Glisser/Déposer le composant V3 créé par WebAcappella Fusion.
Adresses utiles
Site WebAcappella : Tout savoir sur les logiciels Intuisphère.
Forum WebAcappella : Forum d'entraide pour les logiciels Intuisphère.
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
Responsives
Validation W3C
WAFusion
100% gratuits