Avec plus de 610 000 licences vendues sur Themeforest, le thème WordPress Avada est l'un des thèmes premium les plus vendus au monde. Mais que peut faire le thème Avada et quels sont ses avantages et ses inconvénients ? Tu trouveras les réponses dans cet article.

Certains les adorent, d'autres les détestent : les thèmes multifonctionnels (en anglais "multipurpose themes") pour WordPress, qui apportent de nombreuses fonctions et possibilités de création dès le départ. Le thème WordPress Avada en fait partie et a en effet beaucoup à offrir. Mais de quoi est capable le thème WordPress le plus populaire et quels sont ses points forts et ses points faibles ?

Qu'est-ce qu'il y a dans le thème Avada ?

Actuellement, tu peux acheter le thème Avada sur Themeforest pour 60 $ et recevoir une licence d'utilisation illimitée du thème pour un domaine. La licence comprend également six mois d'assistance de la part de l'équipe de développement Theme Fusion. Tu trouveras une documentation en anglais très complète sur le thème à l'adresse https://theme-fusion.com/documentation/avada/.

Téléchargement du paquet complet Avada

Dans ton compte Themeforest, tu peux télécharger le package complet Avada sous "Téléchargements" et l'enregistrer sur ton ordinateur. Après avoir décompressé le fichier ZIP d'environ 265 Mo sur ton ordinateur local, tu obtiendras non seulement le thème Avada proprement dit, mais aussi le thème enfant correspondant (nous y reviendrons plus tard).

En plus, il y a un dossier avec tous les fichiers Photoshop du site de démonstration standard. Il y a aussi un dossier Language avec les fichiers de langue traduits de nombreux pays. Ceux-ci peuvent être installés ultérieurement par FTP pour traduire des termes spécifiques en anglais.

Dans le dossier Outils, tu trouveras encore de la documentation sur les sliders premium fournis "Layer Slider" et "Revolution Slider".

Installation d'Avada

Tu peux installer les fichiers Avada.zip et Avada Child.zip dans le Tableau de bord WordPress sous Thèmes et activer ensuite le thème enfant Avada.

Avantages de l'installation du thème enfant :

•      Modifications CSS personnelles dans le fichier CSS du thème enfant
•      Tous les paramètres de base du thème sont sauvegardés dans le thème enfant (thème mises à jour + correctifs)
•      Les ajouts au code PHP peuvent être placés dans le fichier functions.php fourni.

Après avoir activé le thème enfant Avada, tu dois encore activer les plugins supplémentaires nécessaires "Fusion Core" et "Fusion Builder" dans la section des plugins fournis. Tu recevras également une indication à ce sujet.

Dans la section des extensions propres à Avada, tu as le choix entre d'autres plugins Premium et Free à activer. Parmi eux, les sliders Layer S lider et Revolution Slider, ACF PRO, Convert Plus et bien d'autres.

Licences pour les mises à jour et le support

Pour obtenir des mises à jour et du support pour le thème Avada, tu dois débloquer le thème via une clé token. Tu obtiens cette clé token via ton compte Themeforest. Le fonctionnement exact est également expliqué dans une courte vidéo dans la documentation.

Les exigences du système

Comme le thème Avada offre beaucoup de fonctionnalités et nécessite donc beaucoup de ressources, tu devrais miser sur un hébergement WordPress rapide.

Sous l'onglet "Statut du système", tu peux voir des informations sur ton environnement WordPress et serveur actuel. Tu dois essayer d'optimiser les zones marquées en rouge :

Les exigences minimales du serveur pour le thème Avada :

• WordPress 4.6 ou plus
• PHP 5.6 ou supérieur
• MySQL 5.6 ou supérieur

Limites et configuration PHP recommandées

• max_execution_time 180
• memory_limit 128M
• post_max_size 32M
• upload_max_filesize 32M

Si tu ne sais pas comment adapter les limites PHP, cherche par exemple sur Google "WordPress max_execution_time". Il y a beaucoup d'instructions à ce sujet sur le net.

Sur Raidboxes , tu peux d'ailleurs ajuster le max_execution_time en un clic dans les paramètres de tes sites.

Tu trouveras plus d'informations sur la configuration requise d'Avada dans la documentation sous la rubrique Requirements For Avada.

Démos Avada

Plus de 40 démos sur différents secteurs et thèmes sont disponibles après l'installation du thème. Les sites de démonstration peuvent être installés en entier ou par page. Lors de l'importation de la démo, il convient de noter que les photos utilisées sont soumises au droit d'auteur et ne doivent pas être utilisées pour ton propre site Web, ou plus exactement échangées !

Ici, tu trouveras un aperçu de toutes les démos d'Avada : https://avada.theme-fusion.com/demos/

Les options du thème Avada : paramètres de base et configuration

Les options du thème Avada sont le cœur du thème. Ici, tu peux styliser et configurer l'ensemble de ton site web. La typographie et les couleurs, le style du blog et bien plus encore - dans les options du thème, tu peux effectuer de très nombreux réglages détaillés.

Mais cela signifie aussi que tu dois prévoir un certain temps d'apprentissage pour comprendre tous les paramètres et les utiliser de manière optimale. Tu trouveras ici un aperçu des options du thème Avada.

Mise en page avec Fusion Builder

Pour la création de pages et de posts, le thème Avada met à ta disposition son propre constructeur de pages. Le Fusion Builder t'offre d'innombrables possibilités de créer un site web par glisser-déposer.

Enumérer toutes les fonctionnalités serait certainement trop long pour ce blog. Mais en principe, les mises en page des colonnes sont construites avec des conteneurs responsives et des éléments de conception sont utilisés dans ces conteneurs (titres, images, blocs de texte, sliders). Sur theme-fusion.com, tu trouveras un aperçu complet des fonctions offertes par Avada Fusion Builder.

Premières conceptions de mobiles

Une fonctionnalité intéressante se trouve dans les options des conteneurs de colonnes. Ici, tu peux définir si un conteneur doit être affiché uniquement pour les vues mobiles (téléphone portable, tablette) ou uniquement pour les écrans de bureau. Cela permet de gagner énormément de temps lorsqu'il s'agit des vues mobiles.

Créer, sauvegarder et réutiliser des modèles

Les mises en page complètes, les conteneurs et les éléments individuels peuvent être enregistrés dans la bibliothèque Fusion Builder et être réinsérés à n'importe quel endroit. Cela te fait gagner beaucoup de temps lorsqu'il s'agit par exemple de structures de pages répétitives ou d'éléments Call to Action. Avec la fonction supplémentaire "Global save", tu peux enregistrer globalement plusieurs instances d'un élément construit. Toutes les modifications que tu y apporteras plus tard seront appliquées simultanément à toutes les instances.

Optimisation des performances du thème Avada

Dans les options du thème, tu trouveras également une section pour optimiser les performances de ton site. Dans cette zone, tu as entre autres des options pour regrouper les fichiers CSS et JavaScript, Lazy Load pour un chargement retardé des images ou la désactivation des scripts Emoji.

Mais en plus des options de performance, tu devrais envisager d'installer un plugin de mise en cache professionnel dans WordPress si ton hébergeur n'inclut pas de mise en cache côté serveur. Comme j'utilise moi-même le thème Avada, j'ai eu une excellente expérience avec WP Rocket.

Les avantages et les inconvénients d'Avada en un coup d'œil

Les avantages :

• Des possibilités de conception illimitées pour créer des mises en page de sites web
• Créateur de pages personnalisées par glisser-déposer
• De nombreuses primes Plugins incluses, dont ACF Pro et Revolution Slider
• Plus de 40 versions de démonstration à utiliser immédiatement
• 7 variantes d'en-têtes différentes, y compris Top Navigation et Sticky Header
• Sauvegarde de mises en page et d'éléments dans une bibliothèque
• Création d'un portfolio et de pages FAQ
• Notice de cookie intégrée pour les informations sur la protection des données
• Désactivation facultative des scripts qui ne sont pas requis
• Options d'optimisation des performances
• Méga-menu intégré pour la navigation de pages complexes
• Paramètres avancés des menus de navigation, y compris le menu mobile
• WooCommerce compatible plus des options supplémentaires
• Options avancées pour la recherche interne
• De nombreux widgets personnalisés dans la barre latérale
• Installation de tes propres fichiers de polices
• Une documentation complète
• Forum de la grande communauté

L'inconvénient :

• Longue période de formation
• Exigences minimales élevées pour l'hébergement/serveur web
• Plugin de mise en cache supplémentaire conseillé pour une performance optimale
• Le changement de la themes sera problématique, car des lacunes subsistent
• Documentation en anglais seulement
• Les mises à jour du thème nécessitent des mises à jour des plugins "Fusion Core" & "Fusion Builder".
• Mise à jour supplémentaire grâce aux patchs Fusion
• français Traduction linguistique du backend partiellement incomplète
• Téléchargement partiellement supplémentaire des fichiers en langue française nécessaire
• Licence un peu compliquée via Token Key
• Pas d'éditeur frontal (devrait être ajouté dans la version 6)

Des sources utiles :

• Acheter le thème Avada via Themeforest
• Documentation Avada
• Support du thème Avada
• Forum de la communauté Avada
• Groupe d'utilisateurs d'Avada surFacebook
• Équipe de développement Theme Fusion

Mon avis sur le thème Avada

Disons-le d'emblée : pour le thème Avada, il te faudra un certain temps d'adaptation. En effet, le thème multi-usages est si vaste que tu ne pourras en découvrir beaucoup qu'en l'essayant.

En tant que designer web, j'utilise moi-même le thème pour mon propre site ainsi que pour de nombreux projets de clients. Et moi aussi, il m'a fallu un certain temps pour utiliser pleinement toutes les possibilités du thème Avada. Mais les possibilités de création sont ensuite presque illimitées.

Avada convient parfaitement pour réaliser des sites Web de grande envergure, comme par exemple pour les associations, les grandes entreprises ou les boutiques en ligne. Pour un simple site de blog, le thème est certainement surdimensionné, il existe de meilleures solutions. Ceux qui regrettent l'absence d'un éditeur frontal à la Elementor devraient toutefois attendre la version 6.  

Tu as d'autres questions sur l'utilisation d'Avada ou tu souhaites partager ton expérience avec le thème? Laisse-moi donc un commentaire!