{"id":86296,"date":"2020-07-15T10:24:51","date_gmt":"2020-07-15T08:24:51","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=86296"},"modified":"2023-10-20T11:30:11","modified_gmt":"2023-10-20T11:30:11","slug":"responsive-text-block","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/fr\/bloc-de-texte-reactif\/","title":{"rendered":"Bloc de texte r\u00e9actif"},"content":{"rendered":"<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Customise_text_style_for_desktop_and_mobile_devices_differently\"><\/span>Personnalisez diff\u00e9remment le style de texte pour les ordinateurs de bureau et les appareils mobiles<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Nous travaillons continuellement sur notre dernier th\u00e8me WordPress polyvalent Citadela et ses plugins. Derni\u00e8rement, nous avons ajout\u00e9 une fonctionnalit\u00e9 int\u00e9ressante pour les utilisateurs de WordPress Gutenberg. Le nouveau bloc aide \u00e0 cr\u00e9er une section accrocheuse. Obtenez la mise \u00e0 jour gratuitement et cr\u00e9ez un site Web parfait.<\/p>\n\n\n\n<p>La typographie est un \u00e9l\u00e9ment crucial lors de la cr\u00e9ation de tout site Web. Le type, la taille et l&#039;espacement de la police d\u00e9terminent la lisibilit\u00e9. Un site Web beau et professionnel ne d\u00e9tourne pas les visiteurs de la lecture. Nous vous recommandons d&#039;utiliser une police standard.<\/p>\n\n\n\n<p>Le bloc de texte r\u00e9actif vous permet de personnaliser un bloc de texte d&#039;une mani\u00e8re diff\u00e9rente pour les ordinateurs de bureau et les appareils mobiles. Il existe de nombreux param\u00e8tres que vous avez sous contr\u00f4le. Ils sont s\u00e9par\u00e9s pour les \u00e9crans de bureau et d&#039;appareils mobiles. Vous pouvez configurer le point d&#039;arr\u00eat de la largeur mobile, l&#039;alignement du texte, la taille de la police, la couleur, l&#039;espacement, etc. Gr\u00e2ce \u00e0 la biblioth\u00e8que compl\u00e8te de Google Fonts, il est possible d&#039;afficher du texte de fantaisie.<\/p>\n\n\n\n<p>Le bloc de texte r\u00e9actif est disponible dans les pages sp\u00e9ciales Page, Post ou Citadela. Vous pouvez utiliser ce bloc de texte r\u00e9actif comme titre de page. Masquez le titre de page pr\u00e9d\u00e9fini via le param\u00e8tre Document dans la zone Inspecteur Gutenberg.<\/p>\n\n\n\n<p>Le bloc de texte r\u00e9actif a ces options\u00a0:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Police Google pour le texte affich\u00e9<\/li><li>s\u00e9lectionnez la balise HTML pour le texte, disponible est la balise de paragraphe et les balises d&#039;en-t\u00eate 1 \u00e0 6<\/li><li>alignement de texte diff\u00e9rent pour l&#039;\u00e9cran de bureau et mobile<\/li><li>taille de police diff\u00e9rente dans diff\u00e9rentes unit\u00e9s pour l&#039;\u00e9cran de bureau et mobile<\/li><li>hauteur de ligne diff\u00e9rente pour l&#039;\u00e9cran de bureau et mobile<\/li><li>espacement des lettres pour le texte<\/li><li>d\u00e9sactiver les marges par d\u00e9faut pour cr\u00e9er l&#039;espacement personnalis\u00e9 autour du texte<\/li><li>texte et couleur de fond<\/li><li>style de police italique<\/li><li>d\u00e9coration de soulignement et de ligne traversante pour le texte<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Set_up_website_typography\"><\/span>Mettre en place la typographie du site<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Habituellement, l&#039;une des premi\u00e8res \u00e9tapes apr\u00e8s l&#039;installation de WordPress et du th\u00e8me est la personnalisation. Vous pouvez choisir parmi de nombreuses polices Google. Les param\u00e8tres de typographie dans WordPress se trouvent sous Apparence \u2192 Personnaliser \u2192 Apparence \u2192 Typographie. Choisissez la police des titres et du corps du texte. Vous pouvez \u00e9galement s\u00e9lectionner l&#039;\u00e9paisseur de la police pour les titres. Gardez \u00e0 l&#039;esprit que l&#039;ensemble du site Web doit \u00eatre un environnement agr\u00e9able pour garder les visiteurs le plus longtemps possible. Certaines normes doivent donc \u00eatre respect\u00e9es.<\/p>\n\n\n\n<p>Vous ne voulez pas opter pour des polices extravagantes pour le corps du texte. La taille de la police du th\u00e8me WordPress est con\u00e7ue pour \u00eatre lisible sur l&#039;ensemble du site Web, chaque section et sous-page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Fancy_text_area\"><\/span>Zone de texte fantaisie<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Cependant, vous souhaitez souvent cr\u00e9er une section sp\u00e9ciale accrocheuse. Comment cr\u00e9er des zones belles et fantaisistes avec une police tendance ? C&#039;est pourquoi nous avons cr\u00e9\u00e9 un bloc de texte r\u00e9actif. Il est facile \u00e0 utiliser.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/06\/Responsive-Text-block-intro.jpg\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/06\/Responsive-Text-block-intro-1024x576.jpg\" alt=\"Introduction au bloc de texte r\u00e9actif\" class=\"wp-image-86262\"\/><\/a><\/figure><\/div>\n\n\n\n<p>Le bloc de texte r\u00e9actif apporte un moyen parfait de jouer avec la typographie. Vous ne pouvez personnaliser qu&#039;un seul titre ou texte avec une police, une taille et un espacement sp\u00e9cifiques. De plus, vous pouvez configurer ce bloc de mani\u00e8re diff\u00e9rente pour les ordinateurs de bureau et les appareils mobiles. Assurez-vous que le texte est parfait et optimisez-le sur n&#039;importe quel appareil. En combinaison avec d&#039;autres blocs comme Cluster, il r\u00e9v\u00e8le plus de potentiel de conception pour votre site Web.<\/p>\n\n\n\n<p>Ajouter ce bloc \u00e0 la sous-page s\u00e9lectionn\u00e9e. Comme les blocs standard, il a son menu et ses param\u00e8tres sur le c\u00f4t\u00e9 droit de l&#039;inspecteur Gutenberg. Vous pouvez utiliser ce bloc sur une page standard, une publication ou m\u00eame des pages sp\u00e9ciales avec le plug-in d&#039;annuaire Citadela.<\/p>\n\n\n\n<p>Ce bloc vous permet d&#039;utiliser une balise HTML afin de d\u00e9finir un titre. Vous pouvez d\u00e9cider de l&#039;unit\u00e9 de taille de police \u00e0 partir de px, em, vw, puis configurer la taille de police, la hauteur de ligne et l&#039;espacement. Jouez et s\u00e9lectionnez la police Goole parfaite. Vous pouvez voir tout de suite \u00e0 quoi ressemble votre texte. L&#039;alignement du texte et les param\u00e8tres de couleur sont \u00e9galement disponibles pour ce bloc.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/06\/Responsive-Text-block-admin-settings.jpg\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2020\/06\/Responsive-Text-block-admin-settings-1024x501.jpg\" alt=\"Param\u00e8tres d&#039;administration du bloc de texte r\u00e9actif\" class=\"wp-image-86261\"\/><\/a><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Responsive_setting\"><\/span>Param\u00e8tre r\u00e9actif<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Une fois que vous avez indiqu\u00e9 Utiliser les options r\u00e9actives, vous pouvez d\u00e9finir des param\u00e8tres importants pour le bureau et le mobile s\u00e9par\u00e9ment. Alignement du texte, unit\u00e9 de taille de police, taille de police, hauteur de ligne et espacement des lettres. De plus, vous avez sous contr\u00f4le la taille du point d&#039;arr\u00eat de la largeur mobile.<\/p>\n\n\n\n<p>Tous <strong>Les blocs AitThemes pour l&#039;\u00e9diteur Gutenberg font partie du plugin Citadela Blocks<\/strong>. Ce plugin est un \u00e9l\u00e9ment crucial pour une superbe conception de site Web. En utilisant un \u00e9diteur WordPress Gutenberg standard, vous pouvez cr\u00e9er un site Web l\u00e9ger et rapide. <a href=\"https:\/\/system.ait-themes.club\/plugins\/\" rel=\"noopener\">Veuillez t\u00e9l\u00e9charger le dernier plug-in Citadela Blocks.<\/a><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table des mati\u00e8res<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-de-texte-reactif\/#Customise_text_style_for_desktop_and_mobile_devices_differently\" >Personnalisez diff\u00e9remment le style de texte pour les ordinateurs de bureau et les appareils mobiles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-de-texte-reactif\/#Set_up_website_typography\" >Mettre en place la typographie du site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-de-texte-reactif\/#Fancy_text_area\" >Zone de texte fantaisie<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/fr\/bloc-de-texte-reactif\/#Responsive_setting\" >Param\u00e8tre r\u00e9actif<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Personnalisez diff\u00e9remment le style de texte pour les ordinateurs de bureau et les appareils mobiles Nous travaillons continuellement sur notre dernier th\u00e8me WordPress polyvalent Citadela et ses plugins. Derni\u00e8rement, nous avons ajout\u00e9 une fonctionnalit\u00e9 int\u00e9ressante pour les utilisateurs de WordPress Gutenberg. Le nouveau bloc aide \u00e0 cr\u00e9er une section accrocheuse. Obtenez la mise \u00e0 jour gratuitement et cr\u00e9ez un site Web parfait. La typographie est un \u00e9l\u00e9ment crucial [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[50],"tags":[],"citadela-post-location":[],"class_list":["post-86296","post","type-post","status-publish","format-standard","hentry","category-citadela-pro-documentation"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/86296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/comments?post=86296"}],"version-history":[{"count":1,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/86296\/revisions"}],"predecessor-version":[{"id":91193,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/posts\/86296\/revisions\/91193"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/media?parent=86296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/categories?post=86296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/tags?post=86296"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/fr\/wp-json\/wp\/v2\/citadela-post-location?post=86296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}