Un guide pour le module Gutenberg et les modèles de composition rapide de votre page d'accueil (05)

Dans le dernier article, nous avons abordé la question de l'utilisation de WordPress.Thème par défaut avec paramètres d'en-tête de l'éditeur Gutenberg.. Cet épisode vous explique comment mettre en page rapidement votre page d'accueil avec Gutenberg. Si vous trouvez qu'il est trop fastidieux d'ajouter des modules un par un (comme le titre, le texte, les boutons, les images, etc.), cet article vous apprendra comment le faire avec l'aide de la fonction GutenbergModèlespour mettre en page rapidement et simplifier le processus de conception. Que vous ayez un blog personnel ou un site de commerce électronique, vous trouverez la bonne mise en page pour donner instantanément un nouveau look à votre site !

Si nous ne voulons pas ajouter des modules individuels un par un, tels que des titres, du texte, des boutons, des images, etc., nous devons également envisager d'ajouter des conteneurs et de les disposer ensuite (comme dans l'image ci-dessus).

La partie supérieure des jambes est l'un des récipients les plus souvent utilisés.

Colonnes : la disposition du nombre de colonnes dans une ligne

Groupe : en fait, le texte ci-dessus est presque le même, mais il est divisé en plusieurs types de présentation, vous pouvez voir la situation réelle.

Ligne : c'est la disposition horizontale de l'ajout

Empiler : c'est-à-dire disposer verticalement pour ajouter

Grille : est la grille

Tout cela est très compréhensible, vous pouvez essayer de l'ajouter dans la pratique, afin de mieux le comprendre.

Je ne veux donc pas me donner la peine de l'ajouter rapidement.

Comme indiqué ci-dessus, nous trouvons ici des motifs (Patterns) qui sont plus que des modèles.

Trouvez un modèle approprié, faites-le glisser et déposez-le sur la page d'accueil à droite, puis remplacez le texte ainsi que les boutons et les images comme suit

L'effet est-il rapide et rafraîchissant ?

Si nous voulons ajouter une galerie, nous pouvons choisir Galerie, et sur la droite, choisir celui qui vous convient, le mode, qui est également connu sous le nom de module, et il suffit de le glisser-déposer

Comme le reste, vous pouvez les ajouter en fonction de la traduction et de l'effet réel dont vous avez besoin.

Si vous êtes un site de commerce électronique qui fait

Vous devez ensuite installer le plugin WooCommerce, puis vos motifs auront un motif distinct pour WooCommerce, comme indiqué ci-dessous. Il correspondra automatiquement à un grand nombre de modèles basés sur le site web, vous choisissez celui dont vous avez besoin !

Sélectionnez-en un et faites-le glisser vers la page d'accueil à droite, comme suit

Définissez ensuite la disposition et la taille du module, l'arrière-plan, etc.

Bien entendu, vous pouvez régler manuellement l'affichage des produits de la manière suivante

Ensuite, après l'avoir fait glisser sur la page d'accueil, définissez la mise en page et le contenu que vous souhaitez afficher, ainsi que le filtrage par catégorie, le tout dans la zone de configuration située à droite (voir illustration ci-dessous).

À ce stade, vous serez en mesure de taper rapidement la page d'accueil, et si vous ne connaissez pas le format de laBloc GutenbergComment le mettre en place, voir les articles précédents

Voici un autre point de connaissance

Si vous utilisez précédemment un autre thème, mais que vous souhaitez conserver le contenu du modèle du thème précédent

Vous pouvez le trouver ici

résumés

Avec cet article, vous avez appris à mettre en page rapidement votre page d'accueil à l'aide de Patterns dans l'éditeur Gutenberg. Qu'il s'agisse de l'affichage d'une galerie de photos ou de la présentation d'un produit pour un site de commerce électronique, il est possible de le faire rapidement avec le module Patterns. Si vous êtes intéressé parBloc Gutenbergne vous sont pas familiers, vous pouvez vous référer à nos articles précédents pour des tutoriels plus détaillés. Si vous rencontrez des problèmes pendant le processus de mise en page, n'hésitez pas à contacter ou à laisser un message dans la section des commentaires, et nous vous apporterons plus de conseils sur l'utilisation du thème par défaut avec Gutenberg dans le prochain numéro !