Cette leçon partage un thème souvent utilisé lors de la création de sites Web indépendants transfrontaliers : Blocksy.

Caractéristiques du thème Blocksy :

Allons d’abord sur le site officiel du thème et jetons un œil à certaines de ses fonctionnalités. Tout d’abord, Blocksy est un thème très rapide, similaire à celui que nous utilisions avant que ce thème ne propose une version gratuite, ce qui est l’une des raisons pour lesquelles ce thème est utilisé par tant de personnes.

Performances de vitesse en blocs :

Bien entendu, ce que nous allons vous montrer ici, c'est la version gratuite et la version PRO. Jetons un coup d'œil à ses fonctionnalités. Sa plus grande caractéristique est sa vitesse rapide. Nous pouvons voir que si vous installez ce thème, les instructions officielles sont que si vous utilisez l'outil de test de vitesse de Google, vous pouvez essentiellement atteindre plus de 95%, et la vitesse de test d'autres outils de test est également très rapide.

1 Données dynamométriques sur le thème Blocksy

Compatible avec les constructeurs grand public :

De plus, on voit ses principales caractéristiques : la première est rapide, la seconde est la compatibilité avec Gutenberg et séparation des codes. Il est également compatible avec ce module multilingue, et le code est relativement soigné. De plus, ce thème est compatible avec 4 types de construction de pages que nous utilisons souvent, comme nos Gutenberg, Brizy, Élémentor y compris Beaver Builder, qui sont tous compatibles.

1 thème Blocksy compatible avec plusieurs constructeurs de pages

Ensuite, nous pouvons voir sa mise en page, son en-tête et la barre latérale inférieure peuvent être définies, et cela nous fournit de nombreuses présentations d'en-tête. Bien entendu, celui-ci doit être installé avec la version PRO pour pouvoir l'utiliser. Ensuite, nous voyons que sa couleur, sa couleur d'arrière-plan et ses polices peuvent toutes être modifiées, y compris notre liste de produits et notre liste d'articles. De plus, il est compatible avec Gutenberg, Gutenberg est donc un constructeur de pages souvent utilisé dans les nouvelles versions de WordPress. , mais nous sommes généralement habitués à utiliser Elementor, nous ignorons donc un constructeur de pages de château aussi ancien.

3 éditeur de page Gutenberg par défaut WordPress

Si nous allons créer un nouvel article, et entrons maintenant dans cette page, c'est Gutenberg, donc Gutenberg c'est pareil, c'est officiel et il a modularisé ces modules par défaut. Par exemple, si nous insérons un paragraphe ou insérons une image, ce sera Il existe des modules spécifiques, mais ce module est relativement simple. Sur cette base, Blocksy a créé des modules visuels glisser-déposer, il vous sera donc plus pratique de les éditer. En outre, il propose également de nombreux thèmes, notamment la compatibilité avec woocommerce, l'intégration de woocommerce et certains plug-ins marketing fréquemment utilisés. Ensuite, nous pouvons également prévisualiser sa démo.

Style de démonstration en blocs :

Maintenant, nous ouvrons l'un des sites toc, et nous constatons que la vitesse de réponse de l'ensemble du site est très rapide. Ensuite, lorsque nous ouvrons l'un des produits, nous constatons que la vitesse globale est très rapide, et notre page de détails du produit devrait avoir Tous sont disponibles. Sinon, vous pouvez également installer des plug-ins de compatibilité. Il n’y a aucun problème avec ceux-ci.

4 Modèle de démonstration du thème Blocksy

Ce thème a donc été préparé pour vous. Bien entendu, ce que nous vous avons préparé ici, c'est sa version PRO. La version PRO est un plug-in. Parce que nous venons de vous parler de ce thème, il a une version gratuite, vous devez donc d'abord installer la version gratuite de Blocksy puis installer le plug-in PRO pour activer la version commerciale.

Installation du thème Blocksy :

Tout d’abord, nous entrons dans notre backend, puis trouvons l’installation du thème, puis nous cliquons pour installer un nouveau thème. Ici, nous ne téléchargeons pas le thème directement, mais trouvons Blocksy parmi certains thèmes populaires fournis par WordPress. Bien sûr, vous pouvez également directement accéder à la recherche, car Blocksy lui-même se classe relativement haut, nous pouvons donc le voir à cet endroit.

5 Installation de recherche de thème Blocksy

Mais vous pouvez également le rechercher directement si vous le recherchez. Par exemple, si nous recherchons Blocksy, ce que nous voyons maintenant est ce thème. Nous devons d’abord installer le thème gratuit, activer le thème une fois l’installation réussie, puis l’activer avec succès. Bien sûr, nous pouvons maintenant utiliser ce thème.

6 Plugin d'installation et de configuration du thème Blocksy

Mais ce thème est une version gratuite, il y aura donc un rappel dessus, qui vous conseille d'installer sa version PRO, nous devons donc ici installer son plug-in PRO pour que vous puissiez le voir à gauche. Les éléments de paramétrage du thème peuvent ajoutez également les fonctions que nous venons de parcourir sur sa page d'accueil, comme le paramétrage du module glisser-déposer sur son en-tête, etc. Celles-ci nécessitent que la version PRO soit activée, nous installons donc le plug-in, puis cliquez sur Installer et sélectionnons le plug -dans nous avons préparé. Ici, nous allons installer directement le plug-in PRO et cliquer pour ouvrir l'installation.

Une fois le plug-in installé avec succès, nous l'activerons. Heureusement, il n'y a plus d'invite ci-dessus pour le moment, et il nous a dirigé directement vers Nous pouvons jeter un œil à l'interface des paramètres de Blocksy. Tout d'abord, il y aura beaucoup de paramètres ici. Les paramètres ici ne sont pas placés en arrière-plan mais dans notre personnalisation.

7 Interface de paramètres de thème Blocksy

Si nous voulons modifier la couleur de notre site, la première ici est le document, et la seconde est les paramètres du clic. Par exemple, notre nouvelle fenêtre s'ouvre, et nous pouvons alors la voir dans notre personnalisation.

8 paramètres de personnalisation du thème Blocksy

 

Paramètres du thème Blocksy :

Il s'agit de nos paramètres globaux, tels que nos paramètres de base, y compris notre zone de tête, vous pouvez donc ici glisser-déposer, ou vous pouvez ajouter des modules. De plus, vous pouvez également cibler nos tablettes ou nos téléphones mobiles. terminal, puis configurez son module, puis il y a quelques autres paramètres, y compris notre barre latérale inférieure, la police de couleur, les paramètres de performances, la page de configuration de notre page de blog, etc. Nous en reparlerons plus tard. , nous l'éteignons d'abord, puis les autres paramètres sont les mêmes. Si vous cliquez sur une option, vous entrerez les paramètres que nous venons de voir, qui peuvent être utilisés pour notre couleur, notre police, notre en-tête et notre bas, notre page de blog, notre article, nos pages et notre barre latérale qui peuvent tous être modifiés.

Ensuite, vous pouvez également voir sur la droite qu'il contient des didacticiels vidéo et des documents de connaissances.

9 Interface d'importation de modèles de thèmes Blocksy

Ensuite, la deuxième chose que nous voyons est son importation de modèle. Ici, il fournit également de nombreux modèles. Nous devrions donc prêter attention à ces modèles. Certains d’entre eux sont construits directement à l’aide des pages Gutenberg et certains d’entre eux sont compatibles avec Elementor. , cela dépend donc de vos propres besoins. Si vous avez l'habitude d'utiliser Elementor, vous devez choisir les modèles de thème compatibles avec Elementor et les importer.

dixThème Blocky

Extension premium du thème Blocksy :

Ensuite, le troisième est son module d'extension. Afin de ne pas affecter la vitesse, le module d'extension n'est pas allumé directement. Si nous en avons besoin, nous pouvons le désactiver. Par exemple, le premier est notre cookie. Lorsqu'un utilisateur ouvre notre site, il y aura un rappel de cookie, c'est-à-dire que le client peut cliquer pour accepter d'obtenir ses informations, telles que les informations de son navigateur, son adresse IP, etc.

Ensuite, le deuxième est la newsletter. Bien entendu, cette newsletter doit être empruntée à un tiers. Par exemple, nous pouvons utiliser Chimpanzee ou d’autres newsletters. Lorsque nous l'utiliserons, nous vous l'expliquerons, y compris notre évaluation de produit. L'évaluation de produit n'est pas la note par défaut de nos produits, mais grâce à ce module, vous pouvez ajouter un module de marketing d'affiliation à notre station indépendante. Ici, vous pouvez cibler un produit et répertorier ses performances, puis ajouter un lien à la fin. Ce lien peut être importé vers l'alliance d'Amazon ou vers une alliance d'Alibaba International Station, puis guider les utilisateurs vers d'autres produits, puis effectuer des achats.

Plugin incontournable Blocksy :

Ensuite, l’autre chose est que ses publications populaires sont également un module, comprenant quelques autres extensions ci-dessous. Bien entendu, tout cela concerne la version PRO, y compris certaines extensions de notre boutique, notamment nos extensions de produits, ainsi que les polices et personnalisations locales. Polices ou polices Adobe, y compris les super menus, etc., nous vous l'expliquerons plus tard lorsque nous l'utiliserons. Il s'agit en fait d'une extension. Chacune des extensions ici nécessite que vous installiez des plug-ins si vous utilisez d'autres thèmes. , si son thème ne l'a pas, alors ce thème équivaut à l'intégrer dans ce module. Ensuite, lorsque vous aurez besoin d'utiliser ces modules, il vous suffira de l'allumer.

11 Plugin de recommandation de thème Blocksy

De plus, certains plug-ins sont recommandés. Par exemple, le premier que nous avons vu était un plug-in d’extension Gutenberg. Si le thème que vous importez utilise Gutenberg, vous pouvez utiliser le plug-in d'extension de Gutenberg. Il y en a d'autres, par exemple, nous avons vu le constructeur de pages Elementor, notre module de traduction, etc., y compris nos formulaires. Ces modules disposent de versions commerciales sur notre grille d'apprentissage, et vous pouvez les télécharger directement. De plus, jetez simplement un œil à son journal de mise à jour.

Démo d'importation de style de thème Blocksy :

Ensuite, nous importerons directement un style de modèle. Par exemple, le site de démonstration que nous venons de voir est un site de table des matières. Si vous créez un site toc, vous pouvez importer ce modèle, mais ce modèle utilise l'ancien château, donc si vous avez l'habitude d'utiliser Elementor, recherchez simplement un modèle Elementor et importez-le.

Par exemple, si nous voyons un tel modèle maintenant, nous pouvons d'abord le prévisualiser. Après l'avoir ouvert, nous pouvons voir qu'il s'agit d'un site toc standard. Il contient également des produits, et nous pouvons ensuite ouvrir les produits pour y jeter un œil. L'interface est également très belle. Si ce thème peut répondre à vos besoins, vous pouvez simplement l'importer directement.

12 Style de modèle d'importation de sélection de thème Blocksy

Il est également compatible avec Elementor, puis on clique sur importer. Ici, il nous recommande d'installer son sous-thème, principalement en fonction de vos propres besoins. Si vous avez besoin d'ajouter du code à votre thème plus tard, notre final Il est préférable d'installer un sous-thème, donc ici nous l'installons par défaut, puis cliquez sur suivant, et nous pouvons ensuite choisir son constructeur de page. Le premier est Gutenberg. En fait, ce thème est compatible avec Gutenberg. La vitesse est la plus rapide.

13 Générateur de pages de support pour le thème Blocksy

Mais cela dépend aussi de vos habitudes. Tout comme ce que nous vous proposons habituellement, nous ne disons pas que nous devons poursuivre cette vitesse, mais que ce thème doit d'abord répondre à nos besoins, et ensuite en fonction de ce besoin, nous pouvons optimiser la vitesse, plutôt que de rechercher la vitesse ultime. .

De nombreux sites Web indépendants novices utiliseront des thèmes très simples, tels que Astre Un tel thème a très peu de fonctions en soi, et il ne peut pas répondre à vos besoins, vous devez donc quand même installer de nombreux plug-ins par la suite, ce qui n'améliore en rien votre rapidité. Donc tout le monde doit faire attention ici, c'est-à-dire que lorsque nous choisissons un thème ou un constructeur de pages, le premier doit répondre aux besoins et le second doit être pratique. Ce n'est pas trop compliqué à utiliser, sinon vous devez quand même installer beaucoup de plug-ins, et modifier beaucoup de code n'est pas différent d'écrire nous-mêmes un modèle de thème, alors ne soyez pas obsédé par la technologie, mais répondre d’abord à nos besoins.

Il existe de nombreuses façons d'améliorer la vitesse des stations indépendantes, et quelle que soit la complexité du sujet, nous pouvons l'optimiser très rapidement, même pour le plus grand avatar, nous devons donc considérer la vitesse derrière laquelle est la vitesse. , mais pour répondre d'abord à vos besoins.

Par exemple, nous sommes souvent habitués à utiliser Elementor. Nous choisirons ici Elementor. Bien entendu, l’utilisation de Gutenberg est la même. Plus tard, nous continuerons à mettre à jour certains plug-ins d'extension de Gutenberg. Ses applications sont similaires. Oui, il n’a tout simplement pas Elementor. Il est actuellement fréquemment utilisé car Elementor dispose de nombreux plug-ins d’extension. Par exemple, nous en avons partagé six ou sept avec vous lorsque nous avons découvert Modern Network. Ces plug-ins d'extension peuvent permettre à votre station indépendante de réaliser n'importe quoi. La fonction que vous souhaitez, c'est donc ce que nous souhaitons le plus.

Donc ici, nous utilisons toujours Elementor, puis cliquez sur Suivant, puis il a besoin de nous pour installer trois plug-ins par défaut. Le premier est notre formulaire, le second est la version gratuite d'Elementor et la troisième porte de contrôle physique que nous avons déjà installée. Bon, nous cliquons donc pour le laisser installer le plug-in et cliquons pour l'installer.

14 Installation du plugin essentiel du thème Blocksy

Une fois l'importation réussie, nous pouvons maintenant actualiser notre site. On voit que l'intégralité du site a été importé, mais on voit qu'il y a un problème avec la position de la diapositive supérieure, puis on en ouvre une. Les produits et produits sont normaux, nous pouvons alors modifier la page d'accueil le moment venu, y compris notre page Boutique. Le plus grand avantage de la page entière est sa vitesse, car nous avons très peu de plug-ins installés actuellement, et ce thème Son objectif principal est la vitesse rapide, ce qui est également normal pour sa page de blog. Il s'agit de l'installation et de l'importation de données du thème Blocksy. Dans la prochaine leçon, nous vous expliquerons ses paramètres.