Divi-Theme-Wordpress

Avant que les thèmes "All in One" WordPress soient communs, la plupart des propriétaires de sites Web achetaient un nouveau thème WordPress pour chaque projet. Par conséquent, en plus de dépenser plus d'argent sur les conceptions WordPress, vous avez également dû apprendre comment chaque conception a fonctionné.

Lorsque Elegant Themes a lancé Divi à la fin de 2013, ils ont établi la nouvelle norme quant à ce que les conceptions polyvalentes devraient offrir. Divi a permis à tous les utilisateurs de WordPress, quelle que soit leur expérience technique, de créer des sites Web professionnels en quelques minutes. Avec la démocratisation du Divi https://formati.online/divi-theme-wordpress/

Il n'est pas surprenant que Divi soit toujours considérée comme la référence pour les thèmes "All in One" WordPress. Dans le passé, chez aThemes, nous avons comparé Divi à d'autres modèles WordPress riches en fonctionnalités comme X Theme et Genesis Framework. Nous avons également comparé Divi Builder au populaire constructeur de pages par glisser-déposer Beaver Builder (n'oubliez pas de consulter notre revue détaillée de Divi Builder et notre comparaison des meilleurs constructeurs de pages WordPress).

Dans cet article, j'aimerais vous montrer comment Divi se compare à Avada.

Avada est le thème WordPress le plus vendu sur ThemeForest. Au moment d'écrire ces lignes, il a environ 365 000 ventes, ce qui est plus du double du nombre de ventes par rapport au deuxième meilleur design WordPress. Le thème a été initialement lancé en août 2012 et est depuis lors devenu l'un des thèmes WordPress les plus polyvalents disponibles aujourd'hui.

Avada est livré avec plus de 30 designs de sites Web pré-faits et 200 mises en page pré-faites ainsi qu'un constructeur de page unique. La question est : comment Avada se compare-t-elle à Divi ?

Sans plus tarder, voyons ce que les thèmes WordPress les plus populaires disponibles aujourd'hui ont à offrir.

L'interface de création de pages
Une fois que vous avez téléchargé Divi sur votre site Web et activé le thème, vous pouvez y aller. Il n'y a pas de plugins WordPress à installer, bien que je vous recommande de visiter la section des mises à jour dans la section des options du thème pour ajouter votre nom d'utilisateur et votre clé API. Ainsi, votre thème pourra être automatiquement mis à jour via la zone d'administration de WordPress.

Elegant Themes a adopté une approche minimale pour intégrer Divi dans votre site Web. Divi Builder, qui est le nom de leur populaire constructeur de pages par glisser-déposer, est disponible lorsque vous éditez du contenu tel qu'un message ou une page, tandis que les personnalisations de thèmes sont disponibles dans le Customizer de WordPress et leur module personnalisé (plus d'informations à ce sujet plus tard).

La seule présence réelle de Divi dans la zone d'administration est un menu discret qui est placé sous les éléments du menu principal de WordPress. Sur Elegant Themes

Le menu Divi

Au cœur de Divi se trouve Divi Builder.

Divi Builder est à la fois un éditeur back-end et front-end. Certains préfèrent l'un à l'autre. Ma propre préférence est d'utiliser l'éditeur back-end pour créer la mise en page que je veux et ensuite affiner et ajuster la mise en page en direct à l'aide de l'éditeur front-end.

Le marché de la création de pages WordPress est très compétitif, mais Divi Builder est considéré à juste titre comme l'un des meilleurs. L'interface est propre, colorée et à chargement rapide. Ne laissez pas la mise en page simpliste de Divi Builder vous tromper ; il possède de nombreux paramètres et fonctionnalités utiles que vous ne trouverez pas dans d'autres constructeurs de pages.

Une fois que vous avez cliqué sur le bouton "Use Divi Builder" affiché dans votre éditeur de messages, Divi Builder se chargera. Vous pouvez créer votre mise en page parfaite en faisant glisser des modules de contenu, des colonnes, des lignes et des sections. Le codage couleur simplifie cette tâche.

Interface Divi Builder

Chaque partie de votre mise en page peut être supprimée ou clonée en appuyant sur un bouton et il y a des paramètres pour chaque partie afin de vous donner un grand niveau de contrôle sur la façon dont tout est affiché.

Les modules de contenu sont affichés dans des colonnes. Ces colonnes sont contenues dans des lignes qui sont à leur tour contenues dans des sections. Vous pouvez facilement ajouter des sections standard, des sections pleine largeur et des sections spéciales qui comportent des colonnes qui s'étendent sur plusieurs rangées.

Insérer des colonnes dans Divi

Si vous faites une erreur dans votre mise en page, ne vous inquiétez pas. Il y a un bouton Annuler, un bouton Rétablir et un bouton Historique qui vous permet de revenir à une mise en page précédente.

Histoire de Divi Builder

L'éditeur frontal, Visual Builder, peut être activé à partir de la zone d'administration de WordPress en cliquant sur le bouton "Utiliser Visual Builder". Alternativement, il peut être activé via le bouton "Activer Visual Builder" dans la barre d'administration de WordPress sur la face avant de votre site Web si vous êtes connecté.

Le constructeur visuel utilise une interface différente du constructeur par défaut utilisé dans la zone d'administration. Ce n'est pas difficile à utiliser, mais je pense qu'il est un peu moins intuitif de déplacer les choses comme vous le souhaitez.

Cliquer sur le bouton au bas de la page avec trois points ouverts ouvre des options supplémentaires telles que le chargement à partir de votre bibliothèque, une mise en page claire et des paramètres de page.

Le menu qui se charge en bas à gauche de la page est particulièrement utile. Il vous permet de voir votre page en mode mobile, tablette et bureau. Une option de zoom arrière vous permet de voir l'ensemble de votre mise en page.

Il y a aussi une option appelée "Wireframe View" qui cache votre dessin WordPress et charge votre mise en page.