Comment créer une page de connexion en utilisant Éditeur de blocs en WordPress

Vous voulez savoir si vous pouvez créer une page d’atterrissage en utilisant l’éditeur de bloc publié dans WordPress 5.0? En effet, cet article vous montrera comment le faire. Grâce à la nouvelle approche par blocs, vous pouvez maintenant configurer la section héros, l’invitation à agir (CTA) et d’autres éléments importants de la page d’atterrissage. Pour vous aider à profiter de cette nouvelle fonctionnalité, je vais progressivement vous montrer comment créer une page d’atterrissage en utilisant l’é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é \
Si vous n’ê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 vous connaissez déjà le nouvel éditeur, continuez à lire pour savoir comment l’utiliser pour créer une page d’atterrissage… Maintenant, avant de commencer le processus de construction, jetez un coup d’oeil rapide à l’interface de l’éditeur de bloc, et voici une brève vue de l’interface utilisateur de l’éditeur de bloc. Pour ajouter un nouveau bloc, vous travaillez dans la fenêtre contextuelle à gauche. Après avoir ajouté un bloc, vous pouvez personnaliser des informations importantes telles que la couleur dans la barre latérale à droite:
Il y a cinq sections uniques que vous 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 d’autres é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 d’atterrissage afin que vous sachiez quels éléments doivent être inclus. Par exemple, si vous essayez de vendre un service, votre page d’atterrissage doit avoir une liste de prix (dans ce cas, le plug – in Otter Blocks vous fournit une liste de prix). Ou, si vous souhaitez élargir votre liste de courriels, vous 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 d’atterrissage webinaire.
En plus d’examiner les projets dont vous avez besoin, examinez comment les organiser. La méthode courante est d’utiliser le modèle Z. le modèle s’applique aux pages qui ont le moins de contenu. La règle Z est basée sur le fait que l’utilisateur 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 d’autres. Vous pouvez utiliser n’importe quel type de conception de page d’atterrissage à volonté, à condition que vous suiviez les principes de base de la bonne conception web.
Étape 3: utilisez ces blocs pour ajouter des éléments à la page d’atterrissage maintenant que vous avez des informations importantes, vous 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 vous permet d’inclure de grandes images et du texte au – dessus de l’image. Je l’utiliserai pour inclure des titres et des sous – titres sur l’image de fond avec un recouvrement orange.
Après avoir ajouté un bloc de couverture, téléchargez
C’est tout! Le nouvel éditeur de bloc n’est 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 s’habitueront aux nouveaux éditeurs en 2019, nous verrons d’excellents add – ons sortir progressivement, ce qui réduira les lacunes et facilitera la création de pages d’atterrissage à l’aide d’éditeurs de blocs. Si vous 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 – vous 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