Téléchargement du dernier thème Avada WordPress GPL

Cet article partage le thème Avada qui a toujours dominé l'écran sur Themeforest.

Présentation du thème Avada :

Ce thème est très puissant et est également le thème commercial le plus vendu sur Themeforest toute l’année. Ce thème peut compléter notre site TOB et peut également créer facilement divers sites TOC. Bien sûr, sur le site officiel d'Avada, Avada.com, nous pouvons également voir de nombreux modèles de démonstration.

Les modèles ici incluent des sites qui nous permettent de créer des sites TOB généraux, et il existe également de nombreux sites de centres commerciaux créés à l'aide d'Avada. Nous pouvons ouvrir n’importe qui pour le prévisualiser. Après l'avoir ouvert, nous pouvons voir qu'il s'agit d'un tob construit en utilisant le thème Avada. site Web du magasin.

Nous voyons qu'il affiche entièrement toutes les fonctions du site toc, y compris les listes de produits, les détails des produits, etc. Le plus important est qu'Avada est livré avec un éditeur, nous n'avons donc pas besoin d'utiliser Élémentor ou Il s'agit d'un autre constructeur de pages qui dispose également d'une interface visuelle glisser-déposer.

Eh bien, j’ai déjà utilisé le thème Avada pour aider un client à créer un site Tob. Ils fabriquent des lumières photographiques diffusées en direct. Si vous souhaitez utiliser ce thème, allez simplement sur Themeforest et achetez-le. Vous pouvez l'acheter une fois. Pour une utilisation permanente.

Lorsqu'il indique que l'enregistrement est réussi, cela signifie que notre thème peut importer normalement ses données de modèle. Bien sûr, si vous constatez que vous ne pouvez pas vous inscrire lorsque vous utilisez ce thème, vous pouvez vous rendre sur Themeforest pour acheter une version commerciale, ou vous pouvez me trouver et je réinitialiserai un code d'activation pour vous. Il ne peut être utilisé que sur un site.

Plugins nécessaires à l'installation du thème Avada :

Une fois le paramétrage terminé, nous pouvons également cliquer sur Commencer pour accéder à son interface d'assistant. Alors nous n'entrerons pas dans l'assistant ici. On clique directement sur le bouton ajouté par le plug-in à gauche, car seuls les plug-ins nécessaires sont installés. Ces fonctions peuvent être affichées.

Cela nous indique également que nous devons installer certains plug-ins nécessaires. On voit qu'il s'agit de sa liste de plug-ins, dont deux doivent être installés. Le premier est le module de base d’Avada et l’autre est son constructeur. , son constructeur de pages, alors si vous ne pouvez pas vous inscrire directement, vous trouverez deux plug-ins correspondants dans notre package thématique. Nous voyons que le premier est son plug-in principal et le second est le constructeur de pages. , vous pouvez également installer ces deux plug-ins normalement.

Nous activons les deux plug-ins directement en ligne. Peu importe lequel installer en premier. Le premier a été installé avec succès, puis nous installerons le constructeur de pages du second. Une fois l’installation réussie, nous entrerons à nouveau dans le tableau de bord du thème. disque, on voit que toutes ses fonctions sont apparues, et puis on voit qu'il y a un patch ici. Nous devons appliquer le patch. Ici, nous sélectionnons tous les correctifs. Une fois le patch appliqué.

Retournez à la réception pour rafraîchir notre interface. Maintenant, notre thème Avada a été installé avec succès, mais actuellement, nous constatons qu'il n'y a aucun contenu sur notre site, seulement quelques formats fixes, qui sont les mêmes que tous les thèmes professionnels. Vous devez également importer ses données de modèle.

Importation des données du thème Avada :

Ensuite, nous pouvons voir ici qu'il existe un site Web, puis lorsque nous cliquons pour l'ouvrir, nous pouvons voir qu'il contient de nombreux thèmes classiques.

Selon vos propres besoins, par exemple, si nous voulons créer un centre commercial, prévisualisons d'abord l'effet généré. Bien entendu, le même principe s’applique lorsque nous utilisons des modèles. Nous utilisons simplement son framework, car ici il a déjà intégré toutes les pages. Après l'avoir créé pour vous, il vous sera plus pratique de le modifier à nouveau, mais vous avez dit que vous n'aviez pas besoin d'un modèle ou de son cadre thématique, n'est-ce pas ?

Bien sûr, c'est possible, mais nous devons le faire petit à petit, par exemple, si nous voulons concevoir notre menu, notre contenu inclut notre page de consommation, nous devons le concevoir un par un, donc ce sera laborieux de le faire. make, normalement Nous utilisons un thème métier, et nous importons tous son modèle métier, puis le modifions en fonction du modèle métier.

Si votre thème a été activé, vous pouvez l'importer directement, cliquer sur Entrée, puis il nous indiquera qu'il existe trois plug-ins nécessaires. Nous les avons installés avec succès. Une fois l'installation réussie, nous pouvons alors sélectionner les données que nous devons importer. , vous pouvez également choisir de tout importer, ce qui inclut les images, les pages d'articles, certaines mises en page, les icônes, les formulaires, etc. utilisés dans ce thème de démonstration. Vous pouvez les importer en un clic, puis cliquer sur Importer en un clic. , cliquez sur OK, le processus d'importation peut être un peu lent, nous devons attendre un moment.

Lorsqu'il nous indique que l'importation a réussi, nous cliquons sur OK, puis nous retournons à notre réception pour actualiser.

Nous pouvons maintenant voir que l’intégralité de l’effet de démonstration a été importée.

Cela comprend quelques pages de base dont nous avons besoin pour créer un site de toc, y compris divers sites indépendants, tels que notre page d'accueil, notre page à propos, notre page de boutique, nos répertoires de catégories et notre page d'informations sur les actualités. Après avoir ouvert le produit, vous pouvez également voir que notre La page produit est très complète, et puis il nous sera très pratique de la modifier sur cette base, et elle est aussi très rapide à réaliser.

Introduction à la structure du thème Avada :

Partageons la structure globale du thème Avada. Les paramétrages de ce thème sont très compliqués, sinon il ne pourrait pas atteindre le numéro un des ventes sur Themeforest toute l'année. En effet, ce thème peut être qualifié de thème universel et il peut créer votre site indépendant. N'importe quel site indépendant auquel vous pouvez penser et qui peut être complété à l'aide de WordPress. Ici, nous divisons ses fonctions en plusieurs modules pour faciliter nos opérations ultérieures.

Paramètres globaux du thème Avada :

Tout d’abord, entrons dans le tableau de bord de ce thème. Jetons un coup d'œil au contenu du tableau de bord. Le premier élément du menu ci-dessus concerne nos paramètres. Nous pouvons cliquer sur les paramètres globaux. Les paramètres globaux sont équivalents aux paramètres de base de notre thème. , il peut être utilisé pour le haut de notre menu de mise en page, y compris le bas de certains logos, ainsi que certains paramètres de la barre latérale et d'autres pages. Nous y reviendrons en détail plus tard.

Générateur de thèmes Avada :

Ensuite, le deuxième contenu est destiné à notre constructeur. Nous vous avons déjà dit qu'Avada avait son constructeur de pages. Il n'est pas nécessaire d'installer Elementor ou d'autres constructeurs de pages, nous pouvons donc réduire autant que possible les plug-ins. Lors de l'installation, nous voyons qu'il contient beaucoup d'éléments, qui sont ce que nous appelons des modules, qui sont des modules spécifiques à notre station indépendante. Par exemple, nous avons vu un tel effet graphique plus tôt, y compris les appels de liste de produits suivants, etc. sont tous appelés modules. On voit qu'il y en a beaucoup, et nous les expliquerons en détail lorsque nous les utiliserons plus tard.

L'une des étapes ici est que s'il y a certains éléments que vous n'avez pas besoin d'utiliser, vous pouvez les cocher. Par exemple, des rappels d'avertissement, ou nous avons des vidéos, telles que les chronologies de Twitter, si nous n'en avons pas besoin, nous pouvons les cocher, puis les fermer.

La seconde concerne nos pages, par exemple quels formats de page, il existe certains formats de contenu dans WordPress, tels que nos articles, pages, produits et nos albums photo, etc., quelles pages doivent utiliser le module de création de pages, si vous n'en avez pas besoin, cochez-le simplement. C'est le premier. Nous appelons cela nos paramètres de thème.

Données de démonstration des sites Web thématiques Avada :

sites Web, nous vous l'avons démontré lorsque nous avons importé les données plus tôt. C'est le concepteur officiel d'Avada. Il propose différents styles de pages pour créer différents types de sites Web indépendants. Ces styles de page concernent essentiellement l’ensemble du site Web. , par exemple, l'effet de station indépendante d'une table des matières que nous avons importée précédemment contient d'innombrables pages, y compris toutes les structures de pages requises pour notre station de table des matières indépendante, et peut être importée en un seul clic.

Bien entendu, vous pouvez également créer des sites tob. Il existe de nombreux sites, notamment ceux de l'industrie de la santé, de l'éducation, etc., pour différentes industries, qui peuvent être importés en un seul clic. Ensuite, vous pouvez également nettoyer les données importées. Par exemple, pour le style de page de table des matières que nous avons importé précédemment, nous pouvons le nettoyer en un seul clic.

Studio thématique Avada :

Studio, Avada, une société, continuera à mettre à jour, comme certains fichiers de modèles, effets d'en-tête, effets de titre et certains modules de contenu, il continuera à être mis à jour.

Ensuite, vous avez acheté un thème commercial, ou vous avez saisi le code d'activation et activé le thème. Vous pouvez synchroniser son laboratoire, constitué de modules de conception continuellement mis à jour dans son studio, et l'importer dans le nôtre. Dans le site, nous pouvons l'utiliser plus tard lorsque nous créons des pages.

La méthode d'importation est également très simple. Par exemple, si vous aimez un module, cliquez simplement sur le signe plus et il l'importera pour vous.

Ensuite, dans le cas suivant, si notre site n'a pas été configuré, nous pouvons définir notre site dans un état de pré-version, qui est une interface comme celle où de nombreux sites sont en cours de construction. Ensuite, dans le sous-menu, par exemple, nos correctifs incluent certains plug-ins couramment utilisés, ainsi que quelques CSS clés. Ceci est optimisé pour nos performances et comprend un certain support. Ce n’est pas couramment utilisé. Il s'agit du module ci-dessus.

Effet frontal du générateur de thèmes Avada :

Sur la droite, on peut voir un constructeur en direct. Qu'est-ce que cela signifie? En plus de notre plan de construction de page utilisé en arrière-plan, il peut également s'agir d'un élément de type WYSIWYG. Même au premier plan, on peut également éditer son interface, et la méthode de fonctionnement est la même.

Paramètres de mise en page du thème Avada :

Le premier est celui où le thème est puissant. Tout d’abord, regardons la mise en page de la première page. Il divise toutes nos pages en 4 parties. Le premier est notre top. Vous pouvez également l'appeler la partie tête. Ça y est. contenu à l'intérieur.

Ensuite, la deuxième partie concerne le titre de notre page. Par exemple, si nous ouvrons une page d'accessoires ou une page de produits, celle sous la tête supérieure est le titre de notre page.

Vous pouvez écrire du contenu ici, qui peut également être vu sur nos pages, comme notre blog. Celui que nous voyons maintenant est également le titre de la page, et le suivant est le contenu de la page, le contenu du contenu. Vous pouvez également modifier. Le dernier est la plante de notre pied. Il divise une page en 4 parties, et ces 4 parties sont dans des modules différents.

Par exemple, le premier que nous voyons est un module de mise en page globale, qui contient notre en-tête, notre titre, notre contenu et notre pied de page. Une fois que vous l'aurez configuré ici, il sera appliqué à toutes les pages globales. Apportez des modifications, et les autres zones seront les mêmes. Par exemple, notre page produits est notre page produit. Nous pouvons constater qu'il existe de nombreuses listes de produits dans notre boutique. Lorsque nous ouvrons l’un des produits, il s’agit également d’une page distincte.

Cette page comprend également notre en-tête, notre page, notre titre, notre contenu et notre pied de page en bas. Vous pouvez concevoir différents modules spécifiquement pour cette page, y compris notre page de consommation. Certains modules sont ajoutés par défaut à notre page de colonnes d'achats. En plus de ces modules, vous pouvez bien entendu également créer un nouveau module.

Par exemple, si nous créons un module, si nous allons sur notre page produits, alors nous créerons une zone. Bien entendu, il est préférable de ne pas répéter le nom lors de sa création. D'accord, c'est la zone nouvellement créée. Dans cette zone, nous Pour ces modules, par exemple, pour notre premier en-tête, nous pouvons créer un nouvel en-tête spécifiquement pour celui-ci, ou y verser un nouveau Header.

Ensuite, le module ici est la section que nous devons créer ci-dessous, puis vous pouvez importer la section afin que cette page n'affiche que certains effets pour cette page.

Nous voyons qu'il y a un paramètre ici. Après avoir cliqué sur Paramètres, vous pouvez cibler une certaine page d'accessoires ou une page de publication globale, ou notre page produit. Par exemple, nous voyons le premier cibler une certaine page de produit, individuellement. Définissez un effet pour cela. Après paramétrage, seule cette page appellera l'en-tête, y compris le pied de page. Grâce à une telle mise en page, nous pouvons faire en sorte que chaque page de notre station indépendante affiche une structure complètement différente. C'est Avada. La force du thème est qu’il équivaut à une planche à dessin. Dans cette planche à dessin, vous pouvez exprimer votre design autant que vous le souhaitez, ce modèle est donc polyvalent.

Après avoir lu le layout, on voit qu'il y a une section sous le layout, qui est son module. Vous pouvez définir les modules séparément. Par exemple, vous pouvez définir l'effet d'affichage d'un contenu séparément, puis définir l'effet d'affichage du contenu. Appelé dans une certaine page de la mise en page, y compris notre titre accessoire, notre en-tête, etc. C'est la structure de sa mise en page.

Paramètres du thème Avada hors canevas :

Le hors-canevas est destiné aux fenêtres pop-up, en particulier à certaines stations indépendantes. Par exemple, lorsque nous ouvrons la page d'accueil de certaines stations indépendantes, des fenêtres contextuelles apparaîtront souvent pour les abonnements. Ensuite, vous pouvez utiliser cet effet de fenêtre contextuelle, puis créer une fenêtre contextuelle, puis attribuer la fenêtre contextuelle à certaines pages.

Icône de police des icônes du thème Avada :

Le suivant concerne les icônes, qui sont des icônes de police fournies avec Avada. Par exemple, si nous ouvrons notre site indépendant, nous verrons ici quelques icônes, ainsi que la barre d'achat de notre centre utilisateur. Ce sont des icônes utilisateur, vous pouvez alors utiliser la version originale de ces icônes utilisateur, ou vous pouvez importer un lot d'icônes de police que vous avez conçues vous-même, afin que le style de votre site indépendant de la marque soit relativement unifié.

Formulaire de thème Avada :

Le suivant est qu’il intègre un module de formulaire. Par exemple, dans Contactez-nous, nous devons souvent collecter des informations de consultation auprès des utilisateurs. Tout comme ce formulaire, nous avons déjà utilisé d’autres thèmes. Si nous voulons afficher ce formulaire, nous devons installer certains plug-ins, tels que formulaire de contact 7 et d'autres plug-ins, alors ce thème sera intégré en un clic, et vous pourrez l'utiliser directement. Par exemple, si vous créez un formulaire, nous pouvons créer un formulaire pour nous contacter, puis pour un tel formulaire, nous pouvons également lister combien de fois le formulaire a été consulté et combien de fois il a été abonné, et vous pouvez voir le correspondant données.

Le suivant n’est pas couramment utilisé. Il fait référence à chaque page vers laquelle notre formulaire redirigera. Nous ne l'utiliserons pas pour le moment, car nous utilisons normalement ces contacts ou autres formulaires directement lors de la création de la page. Appelez simplement le module dans le constructeur Avada.

Diaporama du curseur du thème Avada :

La prochaine est que notre diapositive est un curseur. Par exemple, notre page d'accueil aura une diapositive. Bien sûr, le thème que nous utilisons actuellement n'a pas de diapositive, mais vous pouvez ajouter une telle diapositive sur une autre page. Le diaporama est également divisé en trois modules. Le premier concerne notre liste de diapositives. Il peut créer plusieurs diapositives, puis appeler différentes diapositives sur différentes pages.

La seconde concerne les images spécifiques de la diapositive. Par exemple, vous pouvez ajouter 4 à 5 images à chaque diapositive et les images seront affichées ici. La prochaine étape est que vous pouvez importer et exporter ces diapositives.

Le dernier est son ensemble de modules. Qu'il s'agisse d'un modèle ou d'un module de notre produit que nous créons plus tard, il sera placé dans ce module, y compris les modules que nous avons importés dans son studio, il sera également ajouté à un ensemble de modules comme le nôtre, c'est toutes ses fonctions , mais ces fonctions peuvent permettre à notre thème Avada de compléter la construction de n'importe quel style de site Web indépendant.