Créer une liste de prix en utilisant l & # 39; Éditeur de blocs Gutenberg

Pendant plus d’un an, nous avons été témoins d’un grand développement de l’éditeur de blocs Gutenberg. Par rapport à l’éditeur WordPress classique, nous pouvons maintenant concevoir dans nos messages et pages des éléments qui n’étaient auparavant disponibles qu’en encodage. Par exemple, en utilisant l’éditeur classique, la façon la plus simple d’afficher une table dans un message est de créer une table dans un tableur, de l’exporter sous forme d’image et de l’insérer dans le message à afficher. Mais l’un des blocs que nous trouvons maintenant dans le nouvel éditeur WordPress est le bloc table. Voyons comment vous pouvez créer une table en utilisant Gutenberg et dans quelle mesure vous pouvez créer une table de prix en utilisant les mêmes blocs.
La création d’une table est aussi simple que l’ajout d’un nouveau bloc de table dans lequel nous indiquons le nombre de lignes et de colonnes requis et leur alignement. Utilisez l’éditeur de blocs Gutenberg pour saisir une nouvelle table. Dans les blocs de table, nous pouvons personnaliser les attributs suivants: Paramètres de verrouillage de la table. Nous pouvons également indiquer dans chaque cellule l’alignement du texte et si les caractères sont gras ou italiques, et ajouter des liens. De plus, nous pouvons modifier le tableau à tout moment en ajoutant ou en supprimant des lignes et \/ ou des colonnes. De cette façon, nous pouvons facilement créer le tableau suivant:

C’est beaucoup plus simple et plus rapide que d’utiliser un éditeur de classe. Les résultats obtenus peuvent bien sûr être utilisés pour afficher les tableaux de données. Limites des blocs de table, bien que cela soit facile
Nous avons relevé certaines limites. D’une part, les tables conçues avec des blocs de type table dans Gutenberg ne répondent pas. C’est – à – dire que le tableau n’est pas interrompu, mais qu’il devient plus petit et ne peut pas afficher les différents éléments du tableau par colonne:
Le tableau ne répond pas entièrement. Une table entièrement adaptée à l’appareil affiche les éléments de la table en la divisant en colonnes afin que toutes les cellules aient l’air meilleures. Comme vous l’avez peut – être remarqué, nous ne pouvons pas facilement changer le type de police, la taille, la couleur, etc., dans un bloc de table, en plus d’être en mesure de s’adapter à l’appareil. Dans chaque cellule. En d’autres termes, en raison de toutes ses limitations, le bloc Gutenberg n’est pas utile pour créer une liste de prix intéressante pour votre produit. Comment créer ces tables de réaction?
Une autre option est d’essayer d’organiser les tableaux en blocs: freelance et site personnel de base 29 € \/ mois 1 site 5000 pages de test accès abonnement version professionnelle petit entrepreneur 89 € \/ mois 5 site 35000 pages de test accès abonnement Focus on Optimized Team Business 259 € \/ mois? L’avantage d’un bloc de colonnes par rapport à un bloc de tableaux est qu’il est entièrement réactif et, sur l’écran mobile, nous verrons chaque plan affiché derrière l’autre.
Tour de réaction. Nous voyons que ces colonnes sont entièrement réactives. Bien sûr, les colonnes, qui affichent peu d’information et peu de complexité, sont une autre considération. Si vous avez besoin de créer une liste de prix intéressante, mon conseil est d’installer quelques plug – ins qui incluent des blocs pour cela. Ils peuvent ne pas vous permettre de ne pas entrer en contact avec le Code
Utilisez le Code court pour l’inclure dans n’importe quelle page ou poste. Regardons quelques exemples: la table de prix réactive est un plugin qui ajoute un nouvel éditeur à WordPress afin que vous puissiez créer la table de prix. Vous pouvez ajouter un grand nombre d’horaires et les personnaliser.
Pour chaque étage, vous pouvez ajouter un nom, un sous – titre, une description et un prix. Vous pouvez également ajouter une liste de fonctionnalités, personnaliser le bouton d’achat et modifier le schéma de couleurs prévu. Éditeur du plug – in de table de prix réactif. Une fois le plan créé, il suffit de l’ajouter en utilisant le raccourci clavier sur la page prix. Tables de prix supsystic le plugin tables de prix supsystic ajoute un éditeur glisser – déposer au tableau de bord WordPress que vous pouvez utiliser pour créer des tables. Il vous offre de nombreux modèles de table réactifs. Dans la version gratuite, vous pouvez utiliser jusqu’à 7 dessins.
Modèle de liste de prix supsystic. Lorsque vous sélectionnez la conception de table souhaitée, vous avez un éditeur qui vous permet de modifier le nombre de colonnes et de personnaliser de nombreuses fonctionnalités pour chaque plan affiché. Vous pouvez également modifier la disposition à tout moment. Enfin, comme précédemment, le tableau peut être inclus dans n’importe quelle page ou poste avec un code court. D’autres plug – ins gratuits pour l’éditeur de listes de prix intégrées incluent: Ar Pricelist Pricelist Pricelist WordPress plug – in – fatcat Application simple Pricelist Reactive Pricelist Builder – wpricing Builder WRC Pricelist Builder Pricelist Builder – AP Lite Pricelist TC Pricelist by Economic Code Pricelist – BH est la conclusion d’une durée de vie WP et, comme vous pouvez le voir, dans WordPress, vous avez une grande variété d’options pour créer des listes de prix sans frais supplémentaires ni codage direct. Il ne s’agit donc que de choisir l’option qui correspond le mieux à vos besoins. Rappelez – vous les pages en Cu
Vous avez montré que le prix du produit est en fin de compte le facteur le plus critique pour obtenir un client. Donc, vous ne perdez pas votre temps à le rendre attrayant. Pour vous inspirer, pouvez – vous jeter un coup d’oeil à la conception de la liste de prix du produit d’essai nellio A \/ B, qui est l’image caractéristique de ce post?