Bloc de texte réactif

Personnalisez différemment le style de texte pour les ordinateurs de bureau et les appareils mobiles

Nous travaillons continuellement sur notre dernier thème WordPress polyvalent Citadela et ses plugins. Dernièrement, nous avons ajouté une fonctionnalité intéressante pour les utilisateurs de WordPress Gutenberg. Le nouveau bloc aide à créer une section accrocheuse. Obtenez la mise à jour gratuitement et créez un site Web parfait.

La typographie est un élément crucial lors de la création de tout site Web. Le type, la taille et l'espacement de la police déterminent la lisibilité. Un site Web beau et professionnel ne détourne pas les visiteurs de la lecture. Nous vous recommandons d'utiliser une police standard.

Le bloc de texte réactif vous permet de personnaliser un bloc de texte d'une manière différente pour les ordinateurs de bureau et les appareils mobiles. Il existe de nombreux paramètres que vous avez sous contrôle. Ils sont séparés pour les écrans de bureau et d'appareils mobiles. Vous pouvez configurer le point d'arrêt de la largeur mobile, l'alignement du texte, la taille de la police, la couleur, l'espacement, etc. Grâce à la bibliothèque complète de Google Fonts, il est possible d'afficher du texte de fantaisie.

Le bloc de texte réactif est disponible dans les pages spéciales Page, Post ou Citadela. Vous pouvez utiliser ce bloc de texte réactif comme titre de page. Masquez le titre de page prédéfini via le paramètre Document dans la zone Inspecteur Gutenberg.

Le bloc de texte réactif a ces options :

• Police Google pour le texte affiché
• sélectionnez la balise HTML pour le texte, disponible est la balise de paragraphe et les balises d'en-tête 1 à 6
• alignement de texte différent pour l'écran de bureau et mobile
• taille de police différente dans différentes unités pour l'écran de bureau et mobile
• hauteur de ligne différente pour l'écran de bureau et mobile
• espacement des lettres pour le texte
• désactiver les marges par défaut pour créer l'espacement personnalisé autour du texte
• texte et couleur de fond
• style de police italique
• décoration de soulignement et de ligne traversante pour le texte

Mettre en place la typographie du site

Habituellement, l'une des premières étapes après l'installation de WordPress et du thème est la personnalisation. Vous pouvez choisir parmi de nombreuses polices Google. Les paramètres de typographie dans WordPress se trouvent sous Apparence → Personnaliser → Apparence → Typographie. Choisissez la police des titres et du corps du texte. Vous pouvez également sélectionner l'épaisseur de la police pour les titres. Gardez à l'esprit que l'ensemble du site Web doit être un environnement agréable pour garder les visiteurs le plus longtemps possible. Certaines normes doivent donc être respectées.

Vous ne voulez pas opter pour des polices extravagantes pour le corps du texte. La taille de la police du thème WordPress est conçue pour être lisible sur l'ensemble du site Web, chaque section et sous-page.

Zone de texte fantaisie

Cependant, vous souhaitez souvent créer une section spéciale accrocheuse. Comment créer des zones belles et fantaisistes avec une police tendance ? C'est pourquoi nous avons créé un bloc de texte réactif. Il est facile à utiliser.

Le bloc de texte réactif apporte un moyen parfait de jouer avec la typographie. Vous ne pouvez personnaliser qu'un seul titre ou texte avec une police, une taille et un espacement spécifiques. De plus, vous pouvez configurer ce bloc de manière différente pour les ordinateurs de bureau et les appareils mobiles. Assurez-vous que le texte est parfait et optimisez-le sur n'importe quel appareil. En combinaison avec d'autres blocs comme Cluster, il révèle plus de potentiel de conception pour votre site Web.

Ajouter ce bloc à la sous-page sélectionnée. Comme les blocs standard, il a son menu et ses paramètres sur le côté droit de l'inspecteur Gutenberg. Vous pouvez utiliser ce bloc sur une page standard, une publication ou même des pages spéciales avec le plug-in d'annuaire Citadela.

Ce bloc vous permet d'utiliser une balise HTML afin de définir un titre. Vous pouvez décider de l'unité de taille de police à partir de px, em, vw, puis configurer la taille de police, la hauteur de ligne et l'espacement. Jouez et sélectionnez la police Goole parfaite. Vous pouvez voir tout de suite à quoi ressemble votre texte. L'alignement du texte et les paramètres de couleur sont également disponibles pour ce bloc.

Paramètre réactif

Une fois que vous avez indiqué Utiliser les options réactives, vous pouvez définir des paramètres importants pour le bureau et le mobile séparément. Alignement du texte, unité de taille de police, taille de police, hauteur de ligne et espacement des lettres. De plus, vous avez sous contrôle la taille du point d'arrêt de la largeur mobile.

Tous Les blocs AitThemes pour l'éditeur Gutenberg font partie du plugin Citadela Blocks. Ce plugin est un élément crucial pour une superbe conception de site Web. En utilisant un éditeur WordPress Gutenberg standard, vous pouvez créer un site Web léger et rapide. Veuillez télécharger le dernier plug-in Citadela Blocks.