Nous opérons en 4 étapes :

Comment installer le thème Flatsome ;
Comment installer les plug-ins nécessaires pour le thème Flatsome ;
Comment importer les données de démonstration du thème Flatsome ;
Comment modifier et éditer la page du thème Flatsome ;

Ci-dessous, nous vous donnerons une démonstration détaillée de la façon d’opérer chaque étape.

Installation du thème Flatsome :

Tout d'abord, nous l'installons. Nous avons préparé un thème, Flatsome. Il y a un thème principal et un sous-thème. Normalement, nous n’avons besoin d’installer qu’un seul thème. Nous pouvons installer ce sous-thème, et vous n'avez pas non plus besoin de l'installer.

Sa fonction principale est que nous puissions réaliser ultérieurement un développement secondaire de ce thème. Si vous n'en avez pas besoin, réduisez simplement la quantité de code. Voilà donc le thème. Ce n'est pas grave si vous ne comprenez pas tous les fichiers. Plus tard, nous expliquerons à tout le monde la structure du fichier modèle pour ce thème.

Ensuite, le format compressé de tous les téléchargements de modèles doit être .zip, vous devez donc vous assurer qu'il s'agit bien de .zip. S'il s'agit d'un fichier .rar, il ne peut pas être téléchargé ou reconnu. Essaye de comprendre.

Flatitudequelques thème télécharger;

De retour à notre backend, je l'ai basculé vers l'interface anglaise. Les interfaces anglaise et chinoise sont exactement les mêmes, il n’y a donc pas beaucoup de différence. On retrouve son apparence. Notre style de thème actuel est un style par défaut. Maintenant, on retrouve l'apparence. Il y a un thème dans l'apparence. Après l'avoir ouvert, nous cliquons sur Ajouter nouveau. Voici quelques thèmes que vous avez déjà installés. C'est le thème par défaut. Cliquez ensuite sur Ajouter un nouveau thème, puis téléchargez directement le fichier sélectionné, recherchez le thème que vous avez préparé sur votre ordinateur, puis cliquez sur Ouvrir, cliquez sur Installer, car ce thème n'a que 6 Mo, il est donc très rapide, en gros vous l'installez. tout ira bien bientôt.

Après l'installation, nous pouvons cliquer sur l'aperçu du premier bouton ou accéder directement au site officiel de ce modèle. Bien sûr, nous pouvons le faire directement en cliquant pour activer.

Eh bien, après activation, certains thèmes auront un panneau d'installation. Tout comme lorsque vous installez woocommerce, il disposera d'un assistant de configuration rapide comme celui-ci. Bien sûr, vous pouvez accéder directement à votre backend, mais nous nous contenterons de le suivre. Pour cette étape, parce que nous utilisons ce modèle maintenant, nous allons démontrer toutes les étapes de ce modèle.

Flatitudeun assistant d'installation :

Nous voyons que c'est le bienvenu, alors ne vous inquiétez pas. Alors commençons directement. Ce modèle a été écologisé, vous n'avez donc plus besoin d'acheter un code d'activation puis d'accepter directement. Après avoir accepté, cliquez sur Continuer, et Installons ce sous-modèle. Nous n'avons pas besoin de l'installer, alors ignorez-le.

Alors pourquoi ce modèle est-il si rapide ? C'est le premier modèle que nous utilisons car il est plus rapide. J'ai plusieurs clients qui utilisent ce modèle pour les créer, donc le style de ce modèle est relativement rapide. La vitesse elle-même est relativement rapide, il nous est donc plus facile d'optimiser la vitesse plus tard. Nous voyons que ce thème n'a besoin d'installer que trois plug-ins : l'un est le plug-in du panneau, le deuxième est un plug-in de connexion aux réseaux sociaux et le troisième est un plug-in préféré de woocommerce.

Peu importe si vous installez ces trois plug-ins ; vous pouvez voir celui dont vous avez besoin. Par exemple, nous pouvons utiliser Contactez-nous pour ce panneau. Nous devrons peut-être utiliser ce panneau pour l'installer. Nous en installons également d’autres en même temps. Plus tard, nous optimiserons ou supprimerons ces plug-ins inutiles, puis cliquerons directement sur Continuer, et il nous aidera à installer ces trois plug-ins. Les trois plug-ins sont gratuits.

Flatitudequelques importations de données：

La prochaine étape consiste à nous aider à importer son contenu. Pour certains modèles, cela vous aidera directement à importer du contenu lorsque vous l'installerez. Mais pour certains modèles, cela peut ressembler à ce que nous vous avons démontré précédemment. Nous devons importer les données dans la démo séparément. Il n'y a pas de différence. Ensuite, jetons un coup d'œil aux modules qu'il contient. Par exemple, le premier est un formulaire pour contacter notre panel, puis notre article Emblème, et notre module ; nous pouvons les installer par défaut, puis cliquer sur Continuer. L'importation des données peut être un peu lente, nous attendons donc un moment.

Une fois l’installation réussie, nous passerons à l’étape suivante. Ici, il nous sera demandé de télécharger un logo. Sinon, nous utiliserons d’abord celui par défaut. Ensuite, nous pouvons choisir différents styles de modèles. Il existe de nombreux styles de modèles ici. Vous pouvez choisir en fonction de vos propres besoins. Par exemple, nous choisirons le premier style par défaut, les autres seront les mêmes, puis cliquerons sur Continuer.

Flatitudeun aperçu de la page d'installation :

Notre site est prêt. Maintenant, visitons-le. Pour actualiser, nous pouvons cliquer sur ce bouton ou revenir à notre page d'accueil.

Aujourd'hui, nous constatons que notre modèle et le style de notre station indépendante ont radicalement changé. C'est la même chose que certains des modèles que nous avons importés auparavant. Ces images utilisent les images d'espace réservé par défaut, qui n'ont pas été importées sur le site officiel. Le but principal de certaines images comme celle-ci est d’empêcher toute contrefaçon. Nous avons juste besoin de le comprendre car nous devons utiliser son framework, et nous pouvons modifier le contenu que nous voulons en fonction de ce framework.

Ceci est un modèle. Regardons également d'autres pages. Par exemple, regardons la page À propos de nous, puis regardons Nous contacter.

C'est Contactez-nous. Bien sûr, nous devons encore modifier le contenu ici. Ensuite, nous pouvons vérifier s’il existe une page de magasin. Nous revenons à la page d'accueil. Heureusement, lorsque l'on ouvre un produit sur la page d'accueil, on constate que l'interface a également été importée directement. Bien que l'image ne soit pas affichée, tous les styles sont terminés. Sur cette base, il nous est très simple de renseigner et de modifier le contenu.

D'accord, il s'agit d'importer un modèle comme Flatsome. Tous les modèles sur Themeforest sont fondamentalement utilisés de la même manière, mais parfois, ils n'ont pas d'assistant d'installation et nous devons opérer étape par étape en arrière-plan. Quant aux autres sujets couramment utilisés, nous vous en reparlerons plus tard, mais nous allons maintenant vous expliquer uniquement comment l'utiliser pour ce sujet.

D'accord, c'est l'importation des données du thème Flatsome, et notre station indépendante a pris forme.