Vous voulez savoir si pouvez créer une page d’atterrissage en utilisant l’éditeur de bloc publié dans WordPress 5.0? En effet, cet article montrera comment le faire. Grâce à la nouvelle approche par blocs, pouvez maintenant configurer la section héros, lrsquoinvitation à agir (CTA) et drsquoautres éléments importants de la page drsquoatterrissage. Pour aider à profiter de cette nouvelle fonctionnalité, je vais progressivement montrer comment créer une page drsquoatterrissage en utilisant lrsquoéditeur de bloc. Apprenez Comment créer une page d’atterrissage en utilisant le nouvel éditeur de bloc WordPress (aussi connu sous le nom de Gutenberg) cliquez sur quoi est le nouvel éditeur de bloc dans Twitter WordPress? Block Editor est un nouvel éditeur de contenu qui est devenu l’éditeur par défaut depuis WordPress 5.0. Au cours de son développement, le nouvel éditeur a été appelé
nrsquoêtes pas sûr de ce que je veux dire, nous avons déjà écrit quelques articles sur les nouveaux éditeurs. Vous pouvez obtenir des informations de base ici ou des tutoriels plus généraux ici. Ou, si connaissez déjà le nouvel éditeur, continuez à lire pour savoir comment lrsquoutiliser pour créer une page drsquoatterrissage Maintenant, avant de commencer le processus de construction, jetez un coup drsquooeil rapide à lrsquointerface de lrsquoéditeur de bloc, et voici une brève vue de lrsquointerface utilisateur de lrsquoéditeur de bloc. Pour ajouter un nouveau bloc, travaillez dans la fenêtre contextuelle à gauche. Après avoir ajouté un bloc, pouvez personnaliser des informations importantes telles que la couleur dans la barre latérale à droite:
Il y a cinq sections uniques que pouvez utiliser pour diviser un bloc: bloc commun: contient tous les éléments communs, tels que les paragraphes, les titres, les listes, les références et drsquoautres éléments de contenu de base. Formatage: pour ajouter du code personnalisé, modifier des blocs en utilisant WP Editor
La conception générale de la page drsquoatterrissage afin que sachiez quels éléments doivent être inclus. Par exemple, si essayez de vendre un service, votre page drsquoatterrissage doit avoir une liste de prix (dans ce cas, le plug in Otter Blocks fournit une liste de prix). Ou, si souhaitez élargir votre liste de courriels, devrez peut être activer le formulaire à la réception et au Centre du courriel. Dans ce tutoriel, je vais utiliser un exemple simple de page drsquoatterrissage webinaire.
En plus drsquoexaminer les projets dont avez besoin, examinez comment les organiser. La méthode courante est drsquoutiliser le modèle Z. le modèle srsquoapplique aux pages qui ont le moins de contenu. La règle Z est basée sur le fait que lrsquoutilisateur commence à voir la page de gauche à droite dans la barre de menu, puis va dans le coin inférieur gauche, puis à droite (à condition que la page ne soit pas trop lourde). Ce design est utilisé par certaines plateformes populaires comme shopify, Facebook et beaucoup drsquoautres.
Vous pouvez utiliser nrsquoimporte quel type de conception de page drsquoatterrissage à volonté, à condition que suiviez les principes de base de la bonne conception web.
Étape 3: utilisez ces blocs pour ajouter des éléments à la page drsquoatterrissage maintenant que avez des informations importantes, pouvez commencer à construire la page. En général, il est plus facile de construire et de descendre à partir du Haut de la page. Pour notre exemple, je vais commencer par le titre principal et le Sous titre. Titre, sous titre et image de fond Le bloc de couverture est une bonne option en haut de la page, car il permet drsquoinclure de grandes images et du texte au dessus de lrsquoimage. Je lrsquoutiliserai pour inclure des titres et des sous titres sur lrsquoimage de fond avec un recouvrement orange.
Après avoir ajouté un bloc de couverture, téléchargez
Crsquoest tout! Le nouvel éditeur de bloc nrsquoest pas tout à fait un constructeur de page: les options personnalisées actuelles ne peuvent pas concurrencer le constructeur de page en termes de mise en page et de style. Cependant, au fur et à mesure que les développeurs srsquohabitueront aux nouveaux éditeurs en 2019, nous verrons drsquoexcellents add ons sortir progressivement, ce qui réduira les lacunes et facilitera la création de pages drsquoatterrissage à lrsquoaide drsquoéditeurs de blocs. souhaitez voir comment le nouvel éditeur de bloc se compare à d’autres générateurs de page dans ce cas d’utilisation, nous avons également fourni des tutoriels sur la façon de construire une page d’atterrissage en utilisant l’élément Divi Builder de siteorigin page Builder. Avez d’autres questions sur la façon de créer une page d’atterrissage en utilisant l’éditeur de bloc Dans WordPress 5.0? Veuillez nous le dire dans vos commentaires! Apprenez Comment créer une page d’atterrissage avec le nouvel éditeur de bloc WordPress (aussi connu sous le nom de Gutenberg) via pulkit bhardwaj cliquez sur le Guide gratuit Twitter 5 conseils de base pour accélérer le chargement de votre site WordPress et réduire le temps de chargement de 50 80% en suivant des conseils simples. Télécharger le Guide gratuit
