{"id":1752,"date":"2020-07-01T21:39:57","date_gmt":"2020-07-01T19:39:57","guid":{"rendered":"http:\/\/graphizm.fr\/greta\/?p=1752"},"modified":"2025-10-05T19:16:32","modified_gmt":"2025-10-05T17:16:32","slug":"utiliser-cms-bludit","status":"publish","type":"post","link":"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/","title":{"rendered":"Utiliser le CMS Bludit"},"content":{"rendered":"\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/comvi.plurimedia.greta-clermont-auvergne.fr\/fcs\/utiliser-cms-bludit\/\">Cours sur fond noir<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Dans ce cours nous allons voir <strong>comment utiliser Bludit<\/strong>, un CMS simple et fonctionnel, fonctionnant sans base de donn\u00e9es. Ce type de CMS est nomm\u00e9 en anglais \u201cCMS flat file\u201d.<\/p>\n\n\n\n<p class=\"has-normal-font-size\">Les pr\u00e9requis sont les suivants&nbsp;:<\/p>\n\n\n\n<ul class=\"has-background-background-color has-background wp-block-list\"><li>\u00eatre capable de cr\u00e9er un compte chez un h\u00e9bergeur et de r\u00e9cup\u00e9rer les identifiants de connexion FTP de ce compte&nbsp;;<\/li><li>\u00eatre capable d&rsquo;utiliser Filezilla pour transf\u00e9rer sur ce compte les donn\u00e9es d&rsquo;un site&nbsp;;<\/li><li>\u00eatre capable d&rsquo;installer une extension du navigateur Chrome (Web Developer)&nbsp;;<\/li><li>\u00eatre capable de compresser une image pour le Web dans Photoshop&nbsp;;<\/li><li>\u00eatre capable de modifier du code CSS dans un \u00e9diteur de code tel que Bracket pour modifier l&rsquo;apparence d&rsquo;une page Web.<\/li><\/ul>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><strong>Bludit va vous permettre de r\u00e9aliser rapidement un site de pr\u00e9sentation d&rsquo;une activit\u00e9 professionnelle ou associative.<\/strong> Ce site pr\u00e9sentera une s\u00e9rie d&rsquo;articles cat\u00e9goris\u00e9s, pr\u00e9sent\u00e9s par ordre de publication ant\u00e9chronologique (un blog), il disposera \u00e9galement de plusieurs pages au contenu permanent (page de type \u201c\u00c0 propos\u201d ou page \u201cContact\u201d, par exemple).<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 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\">Sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #6b6b6b;color:#6b6b6b\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #6b6b6b;color:#6b6b6b\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Quest-ce_quun_CMS_flat_file\" >Qu&rsquo;est-ce qu&rsquo;un CMS  flat file&nbsp;?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Quest-ce_quun_CMS\" >Qu&rsquo;est-ce qu&rsquo;un CMS&nbsp;?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Quest-ce_quun_CMS_sans_base_de_donnees\" >Qu&rsquo;est-ce qu&rsquo;un CMS sans base de donn\u00e9es&nbsp;?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Comment_fonctionne_Bludit\" >Comment fonctionne Bludit&nbsp;?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Se_procurer_et_installer_Bludit\" >Se procurer et installer Bludit<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Transferer_le_dossier_du_CMS_sur_un_serveur\" >Transf\u00e9rer le dossier du CMS sur un serveur<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Consulter_la_documentation_de_Bludit\" >Consulter la documentation de Bludit<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Effectuer_les_premiers_parametrages\" >Effectuer les premiers param\u00e9trages<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Utiliser_le_tableau_de_bord_de_Bludit\" >Utiliser le tableau de bord de Bludit<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Acceder_a_lespace_dadministration_du_site\" >Acc\u00e9der \u00e0 l&rsquo;espace d&rsquo;administration du site&nbsp;?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Modifier_la_traduction_du_tableau_de_bord_optionnel\" >Modifier la traduction du tableau de bord (optionnel)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Publier_des_contenus_avec_Bludit\" >Publier des contenus avec Bludit<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Publier_des_articles_ou_des_pages\" >Publier des articles ou des pages<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Editer_des_pages_en_Markdown\" >Editer des pages en Markdown<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Publier_des_images\" >Publier des images<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Personnaliser_un_site_avec_Bludit\" >Personnaliser un site avec Bludit<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Changer_le_theme_par_defaut\" >Changer le th\u00e8me par d\u00e9faut<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Telecharger_et_installer_dautres_themes\" >T\u00e9l\u00e9charger et installer d&rsquo;autres th\u00e8mes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Explorer_le_potentiel_dun_theme\" >Explorer le potentiel d&rsquo;un th\u00e8me<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Completer_la_traduction_dun_plugin\" >Compl\u00e9ter la traduction d&rsquo;un plugin<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Traduire_la_mention_%E2%80%9CHome_page%E2%80%9D\" >Traduire la mention \u201cHome page\u201d<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Ameliorer_lutilisation_dun_plugin\" >Am\u00e9liorer l&rsquo;utilisation d&rsquo;un plugin<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Ameliorer_les_plugins_%E2%80%9CNavigation%E2%80%9D_et_%E2%80%9CPages_Statiques%E2%80%9D\" >Am\u00e9liorer les plugins \u201cNavigation\u201d et \u201cPages Statiques\u201d<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/utiliser-cms-bludit\/#Personnaliser_un_theme\" >Personnaliser un th\u00e8me<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quest-ce_quun_CMS_flat_file\"><\/span>Qu&rsquo;est-ce qu&rsquo;un CMS  flat file&nbsp;?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quest-ce_quun_CMS\"><\/span>Qu&rsquo;est-ce qu&rsquo;un CMS&nbsp;?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Bludit est un syst\u00e8me de gestion de contenu ou CMS (Content management System).\u00a0Vous avez sans doute d\u00e9j\u00e0 entendu le terme, probablement au sujet de WordPress, Joomla, ou Prestashop.\u00a0<strong>Un CMS rend la cr\u00e9ation d&rsquo;un site Web plus facile<\/strong> en aidant ceux qui n&rsquo;ont pas une connaissance approfondie de la programmation Web \u00e0 r\u00e9aliser des sites Web de qualit\u00e9 professionnelle. Les CMS disposent g\u00e9n\u00e9ralement pour cela d&rsquo;un interface d&rsquo;administration (nomm\u00e9 aussi tableau de bord \u2014 <em>dashboard<\/em>, en anglais). C&rsquo;est en effet le cas avec Bludit.<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\">Notez qu&rsquo;un dossier de CMS, t\u00e9l\u00e9charg\u00e9 depuis le site de l&rsquo;\u00e9diteur-d\u00e9veloppeur, autorise la mise en \u0153uvre d&rsquo;un seul site. Un CMS n&rsquo;est pas un programme (logiciel) permettant de cr\u00e9er plusieurs sites une fois le programme lanc\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quest-ce_quun_CMS_sans_base_de_donnees\"><\/span>Qu&rsquo;est-ce qu&rsquo;un CMS sans base de donn\u00e9es&nbsp;?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Un CMS sans base de donn\u00e9e est un syst\u00e8me de gestion de contenu stockant les donn\u00e9es du site dans des fichiers (plac\u00e9s dans des dossiers, situ\u00e9s eux m\u00eames dans le dossier du site&#8230;). Il s&rsquo;agit donc d&rsquo;<strong>un gros dossier incluant tous les \u00e9l\u00e9ments n\u00e9cessaires au bon fonctionnement du site et de son tableau de bord de gestion<\/strong> (son interface d&rsquo;administration).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"485\" height=\"675\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/bludit-master.jpg\" alt=\"\" class=\"wp-image-3826\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/bludit-master.jpg 485w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/bludit-master-431x600.jpg 431w\" sizes=\"auto, (max-width: 485px) 100vw, 485px\" \/><\/figure><\/div>\n\n\n\n<p>Ce gros dossier (le dossier du CMS flat file) contient g\u00e9n\u00e9ralement des fichiers PHP dont les contenus sont uniquement interpr\u00e9tables par un serveur. <strong>Pour faire fonctionner un CMS, il est donc indispensable de placer le dossier du CMS sur un serveur<\/strong>. Il est inutile de vouloir voir le CMS fonctionner en double cliquant simplement sur un fichier (comme on le fait avec le fichier index.html d&rsquo;un site statique).<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">L&rsquo;absence de base de donn\u00e9es simplifie la maintenance, la sauvegarde et la portabilit\u00e9 du site cr\u00e9\u00e9 avec le CMS.<\/p>\n\n\n\n<p>Nous verrons par exemple que les textes d&rsquo;un site g\u00e9r\u00e9 avec Bludit sont stock\u00e9s dans des fichiers <code>index.txt<\/code>, dans le dossier nomm\u00e9 <code>bl-content<\/code><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Comment_fonctionne_Bludit\"><\/span>Comment fonctionne Bludit&nbsp;?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Dossier du CMS et serveurs<\/h4>\n\n\n\n<p>Le diaporama ci-dessous illustre certains aspects techniques du fonctionnement du CMS Bludit une fois plac\u00e9 sur un serveur. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/fcs\/fonctionnement-bludit\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/utilisation_et_fonctionnement_de_Bludit-1024x524.jpg\" alt=\"\" class=\"wp-image-3834\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/utilisation_et_fonctionnement_de_Bludit-1024x524.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/utilisation_et_fonctionnement_de_Bludit-600x307.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/utilisation_et_fonctionnement_de_Bludit-768x393.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/utilisation_et_fonctionnement_de_Bludit-1200x614.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/utilisation_et_fonctionnement_de_Bludit.jpg 1409w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Blogs et sites, articles et pages<\/h4>\n\n\n\n<p>Bludit est con\u00e7u initialement pour construire des sites articul\u00e9s autour d&rsquo;un blog. <strong>Notez bien qu&rsquo;un blog est avant tout un mode de pr\u00e9sentation de contenus<\/strong>. Il s&rsquo;agit d&rsquo;articles (nomm\u00e9s aussi \u201cposts\u201d ou \u201cbillets\u201d) pr\u00e9sent\u00e9s sur une m\u00eame page, en ordre ant\u00e9chronologique. L&rsquo;\u00e9tymologie du mot blog, contraction du terme anglais <em>Web log<\/em>, signifie \u201cjournal Web\u201d ou \u201djournal de bord en ligne\u201d.<\/p>\n\n\n\n<p><strong><meta charset=\"utf-8\"><strong>Les CMS opposent en g\u00e9n\u00e9ral les articles aux \u201cpages\u201d.<\/strong><\/strong> Les pages pr\u00e9sentent leurs contenus de mani\u00e8re structur\u00e9e, unique pour chacune d&rsquo;elles. Les articles, pr\u00e9sentent leurs contenus de la m\u00eame mani\u00e8re. Cependant, les articles se pr\u00e9sentent tous ensemble les uns sous les autres, l&rsquo;article le plus r\u00e9cent avant les articles les plus anciens. Les \u201cpages\u201d, quant \u00e0 elles, se pr\u00e9sentent ind\u00e9pendamment les unes des autres. <\/p>\n\n\n\n<p>Articles et \u201cpages\u201d sont donc des pages&#8230; et <strong>Bludit  propose par d\u00e9faut l&rsquo;\u00e9dition de pages-articles pr\u00e9sent\u00e9es sous forme de blog<\/strong> (pr\u00e9sent\u00e9es group\u00e9es, les unes sous les autres) . Bludit permet toutefois de modifier le type des pages pour en faire ce qu&rsquo;il appelle des pages statiques (pr\u00e9sent\u00e9es ind\u00e9pendamment les unes des autres).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pages dynamiques VS pages statiques<\/h4>\n\n\n\n<p><strong>Dans Bludit, les \u201cpages\u201d sont donc par d\u00e9faut des articles, pr\u00e9sent\u00e9s par ordre ant\u00e9chronologique,<\/strong> les uns sous les autres. La page-article la plus r\u00e9cente est pr\u00e9sent\u00e9e par d\u00e9faut au dessus des pages-articles les plus anciennes. Elles pourraient \u00eatre nomm\u00e9es <strong>pages dynamiques<\/strong> (comme dans d&rsquo;autres CMS).<\/p>\n\n\n\n<p>Transform\u00e9es en pages pr\u00e9sent\u00e9es ind\u00e9pendamment les unes des autres elles deviennent des <strong>pages statiques<\/strong>. Ces pages contiennent g\u00e9n\u00e9ralement des contenus plus p\u00e9rennes (plus durables) que les contenus des pages dynamiques.<\/p>\n\n\n\n<p><strong>Un site comprend le plus souvent les deux types de pages.<\/strong> Les pages statiques les plus courantes sont la page <strong>\u00c0 propos<\/strong> \u2014 <em>About<\/em> \u2014 et la page <strong>Contact<\/strong>. Les pages dynamiques sont regroup\u00e9es automatiquement sur une page g\u00e9n\u00e9ralement nomm\u00e9e <strong>Actualit\u00e9s<\/strong> \u2014 <em>News<\/em> \u2014 ou <strong>Blog<\/strong>. Cette page est tr\u00e8s souvent la page d&rsquo;accueil par d\u00e9faut d&rsquo;un site construit avec un CMS.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Une <strong>d\u00e9monstration de site r\u00e9alis\u00e9 avec Bludit<\/strong> est consultable \u00e0 cette adresse&nbsp;: <a rel=\"noreferrer noopener\" href=\"https:\/\/demo.bludit.com\/\" target=\"_blank\">https:\/\/demo.bludit.com\/<\/a>. Elle pr\u00e9sente un blog avec plusieurs articles, ainsi qu&rsquo;une page \u201cAbout\u201d.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Les cat\u00e9gories et les th\u00e8mes<\/h4>\n\n\n\n<p><strong>Les cat\u00e9gories sont un syst\u00e8me de classement des articles<\/strong> (pages dynamiques). <strong>Les th\u00e8mes sont un syst\u00e8me graphique de pr\u00e9sentation des contenus.<\/strong> Les th\u00e8mes sont aussi un syst\u00e8me de gestion de la pr\u00e9sentation du classement de ces contenus.<\/p>\n\n\n\n<p>Consultez <a rel=\"noreferrer noopener\" href=\"https:\/\/blthemes.pp.ua\/devtheme\/category\/typography\" target=\"_blank\">ce site de d\u00e9monstration<\/a>, r\u00e9alis\u00e9 avec Bludit. Les articles (pages dynamiques) sont regroup\u00e9es en 3 cat\u00e9gories (<a rel=\"noreferrer noopener\" href=\"https:\/\/blthemes.pp.ua\/devtheme\/category\/design\" target=\"_blank\">design<\/a>, <a rel=\"noreferrer noopener\" href=\"https:\/\/blthemes.pp.ua\/devtheme\/category\/programming\" target=\"_blank\">programming<\/a> et <a rel=\"noreferrer noopener\" href=\"https:\/\/blthemes.pp.ua\/devtheme\/category\/typography\" target=\"_blank\">typogra<meta charset=\"utf-8\">accessibles directement dans le menu principal. Une seule page statique (<a rel=\"noreferrer noopener\" href=\"https:\/\/blthemes.pp.ua\/devtheme\/info\" target=\"_blank\">Information<\/a>) est pr\u00e9sent\u00e9e, accessible par le menu situ\u00e9 dans le footer.<\/a> Dans ce site, <strong>la fa\u00e7on dont les menus fonctionnent et la mani\u00e8re dont ils sont dispos\u00e9s est propre au th\u00e8me utilis\u00e9<\/strong> (DevTheme).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Se_procurer_et_installer_Bludit\"><\/span>Se procurer et installer Bludit<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Le <strong>dossier du CMS Bludit<\/strong> est disponible en ligne sur le site de son \u00e9diteur&nbsp;: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.bludit.com\/\" target=\"_blank\"><strong>https:\/\/www.bludit.com\/<\/strong><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-00.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-00-1024x563.jpg\" alt=\"\" class=\"wp-image-1758\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-00-1024x563.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-00-600x330.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-00-768x422.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-00-1200x660.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-00.jpg 1395w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-02.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-02-1024x583.jpg\" alt=\"\" class=\"wp-image-1760\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-02-1024x583.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-02-600x342.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-02-768x438.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-02-1200x684.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-02.jpg 1399w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>La version disponible janvier 2021 est la 3.13.1<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Transferer_le_dossier_du_CMS_sur_un_serveur\"><\/span>Transf\u00e9rer le dossier du CMS sur un serveur<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c Une fois l&rsquo;archive \u00ab\u00a0bludit-3-xx-x.zip\u00a0\u00bb d\u00e9compress\u00e9e (les xx figurent le num\u00e9ro de version), il est n\u00e9cessaire de transf\u00e9rer le dossier \u00ab\u00a0bludit\u00a0\u00bb sur un serveur. <strong>Vous \u00eates invit\u00e9s \u00e0 utiliser Filezilla pour effectuer ce transfert<\/strong>.<\/p>\n\n\n\n<p>En fonction de l&rsquo;h\u00e9bergeur chez qui vous envisagez de transf\u00e9rer le dossier du CMS, celui-ci fonctionnera plus ou moins bien. Nous avons d\u00e9j\u00e0 test\u00e9 l&rsquo;h\u00e9bergement gratuit de PlanetHoster&#8230; et nous avons rencontr\u00e9 de nombreuses difficult\u00e9s&nbsp;!<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background\"><strong>La solution gratuite de Alwaysdata semble bien s&rsquo;accorder avec Bludit<\/strong>&#8230; attention toutefois \u00e0 la limite des 100 Mo de donn\u00e9es h\u00e9berg\u00e9es.<\/p>\n\n\n\n<p>\u279c Pour des pr\u00e9cisions concernant une solution d&rsquo;h\u00e9bergement chez Alwaysdata, voyez le cours&nbsp;: <a rel=\"noreferrer noopener\" href=\"http:\/\/graphizm.fr\/greta\/fcs\/utiliser-services-gratuits-alwaysdata\/\" target=\"_blank\">Utiliser les services gratuits de Alwaysdata<\/a><\/p>\n\n\n\n<p class=\"has-background-background-color has-background has-small-font-size\">Le concepteur du CMS Bludit propose l&rsquo;h\u00e9bergement gratuit chez <a rel=\"noreferrer noopener\" href=\"https:\/\/fr.000webhost.com\/\" target=\"_blank\">000webhost.com<\/a> (voir vid\u00e9o ci-dessous). Notez que dans la vid\u00e9o, les fichiers du dossier \u00ab\u00a0bludit\u00a0\u00bb sont plac\u00e9s \u00e0 la racine du dossier \u00ab\u00a0public-html\u00a0\u00bb. L&rsquo;url de l&rsquo;espace d&rsquo;h\u00e9bergement conduit directement au site. Vous pouvez envisager de renommer le dossier \u00ab\u00a0bludit\u00a0\u00bb comme vous le souhaitez et choisir de laisser les fichiers du CMS dans ce dossier. Il vous faudra alors simplement saisir \u00ab\u00a0\/nomdudossier\u00a0\u00bb, apr\u00e8s l&rsquo;url, pour parvenir au site.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Bludit installation in 000webhost.com\" width=\"580\" height=\"326\" src=\"https:\/\/www.youtube.com\/embed\/KGwdL_1qW0g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Consulter_la_documentation_de_Bludit\"><\/span>Consulter la documentation de Bludit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Le CMS Bludit est assez bien document\u00e9 sur le Web, en anglais, en espagnol, en arabe&#8230; mais pas en fran\u00e7ais.<\/strong> Il vous faudra donc utiliser la traduction automatique de Chrome pour lire la documentation dans la langue de Moli\u00e8re&nbsp;!<\/p>\n\n\n\n<p>Voici quelques adresses o\u00f9 trouver une documentation d\u00e9taill\u00e9e (dont celles d&rsquo;un forum et d&rsquo;une cha\u00eene YouTube)&nbsp;:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/docs.bludit.com\/en\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/docs.bludit.com\/en\/<\/a> (anglais)<\/li><li><a href=\"https:\/\/planet-bludit.ch\/inhalt\/was-ist-bludit\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/planet-bludit.ch\/inhalt\/was-ist-bludit<\/a> (allemand)<\/li><li><a href=\"https:\/\/forum.bludit.org\/viewforum.php?f=6\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/forum.bludit.org\/viewforum.php?f=6<\/a> (anglais)<\/li><li><a href=\"https:\/\/www.youtube.com\/channel\/UCuLu0Z_CHBsTiYTDz129x9Q\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.youtube.com\/channel\/UCuLu0Z_CHBsTiYTDz129x9Q<\/a> (anglais)<\/li><\/ul>\n\n\n\n<p>Quelque soit la richesse de la doc en ligne, vous pouvez aussi suivre ce cours&#8230;<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Attention, sur la doc en ligne, les vid\u00e9os datent un peu et l&rsquo;interface du tableau de bord a \u00e9volu\u00e9 depuis \ud83d\ude09<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Effectuer_les_premiers_parametrages\"><\/span>Effectuer les premiers param\u00e9trages<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Une fois le transfert du dossier ou des fichiers effectu\u00e9, connectez-vous \u00e0 l&rsquo;adresse de votre h\u00e9bergement. Vous devriez voir la page suivante (avec peut-\u00eatre une autre langue s\u00e9lectionn\u00e9e)&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-03.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-03-1024x532.jpg\" alt=\"\" class=\"wp-image-1769\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-03-1024x532.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-03-600x311.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-03-768x399.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-03-1200x623.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-03.jpg 1391w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>La suite est tr\u00e8s simple, le temps de saisir un mot de passe et de cliquer sur le bouton installer&nbsp;!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-04.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-04-1024x566.jpg\" alt=\"\" class=\"wp-image-1771\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-04-1024x566.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-04-600x332.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-04-768x425.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-04-1200x664.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-04.jpg 1392w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-05.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-05-1024x566.jpg\" alt=\"\" class=\"wp-image-1773\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-05-1024x566.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-05-600x332.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-05-768x425.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-05-1200x663.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-05.jpg 1389w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Vous \u00eates sur votre nouveau site Bludit et vous pouvez vous connecter au tableau de bord d&rsquo;administration du site. <strong>L&rsquo;installation du CMS en elle-m\u00eame n&rsquo;est pas plus compliqu\u00e9e que cela&nbsp;!<\/strong><\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">Notez que <strong>si vous souhaitez installer 2 sites construits avec Bludit<\/strong> <strong>sur le m\u00eame serveur<\/strong>, vous devrez renouveler l&rsquo;installation \u00e0 partir d&rsquo;un autre dossier \u00ab\u00a0vierge\u00a0\u00bb puis choisir un nouveau mot de passe d&rsquo;administration, etc.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Utiliser_le_tableau_de_bord_de_Bludit\"><\/span>Utiliser le tableau de bord de Bludit<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>L&rsquo;un des principaux avantages d&rsquo;un CMS est de permettre la modification d&rsquo;un site Web par l&rsquo;interm\u00e9diaire d&rsquo;un tableau de bord (\u00e0 priori sans avoir \u00e0 manipuler le code source).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Acceder_a_lespace_dadministration_du_site\"><\/span>Acc\u00e9der \u00e0 l&rsquo;espace d&rsquo;administration du site&nbsp;?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c Pour vous connecter au tableau de bord de votre site Bludit, rajoutez \u00ab\u00a0\/admin\u00a0\u00bb \u00e0 l&rsquo;URL de votre site ou cliquer sur le lien indiqu\u00e9 sur la page d&rsquo;accueil. <strong>Prenez le temps de bien noter votre login d&rsquo;administrateur (\u00ab\u00a0admin\u00a0\u00bb) et votre mot de passe.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-06.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-06-1024x528.jpg\" alt=\"\" class=\"wp-image-1777\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-06-1024x528.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-06-600x309.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-06-768x396.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-06-1200x619.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-06.jpg 1389w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-small-font-size\">Contrairement \u00e0 la personnalisation d&rsquo;un site HTML-CSS qui s&rsquo;effectue \u00e0 l&rsquo;aide d&rsquo;un \u00e9diteur de code, <strong>la personnalisation d&rsquo;un site bas\u00e9 sur un CMS s&rsquo;effectue principalement par le biais d&rsquo;un tableau de bord<\/strong> (et parfois un petit peu dans un \u00e9diteur de code).<\/p>\n\n\n\n<p class=\"has-small-font-size\">Les tableaux de bord sont plus ou moins complexes selon les CMS. Celui de Bludit est assez sobre et vous allez voir qu&rsquo;il est tr\u00e8s facile \u00e0 prendre en main.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-07.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-07-1024x546.jpg\" alt=\"\" class=\"wp-image-1779\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-07-1024x546.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-07-600x320.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-07-768x410.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-07-1200x640.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-07.jpg 1383w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Modifier_la_traduction_du_tableau_de_bord_optionnel\"><\/span>Modifier la traduction du tableau de bord (optionnel)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Pour am\u00e9liorer l&rsquo;ergonomie du tableau de bord, je vous propose de modifier la traduction en fran\u00e7ais des intitul\u00e9s de quelques sous-onglets.<\/strong> En effet, par d\u00e9faut Bludit intitule \u201cPages\u201d l&rsquo;onglet qui liste pages dynamiques (nomm\u00e9es aussi articles, billets ou posts, selon les terminologies et les CMS). <\/p>\n\n\n\n<p>Dans Bludit, sont nomm\u00e9s \u201cStatique\u201d, au singulier, les pages statiques du site&#8230; et \u201cPlanifi\u00e9e\u201d, au f\u00e9minin, le contenu dont la publication est diff\u00e9r\u00e9e. Tout cela est grandement perfectible&nbsp;!<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c Pour effectuer des modifications dans la traduction en fran\u00e7ais des termes utilis\u00e9s dans Bludit, il faut <strong>ouvrir dans un \u00e9diteur de code (Bracket, par exemple) le fichier \u201cfr_FR.json\u201d<\/strong> qui se trouve dans le dossier du site, dans le dossier \u201cbl-languages\u201d.<\/p>\n\n\n\n<p>Vous pouvez effectuer cette modification sur le fichier indiqu\u00e9 directement dans le dossier initialement t\u00e9l\u00e9charg\u00e9. Vous actualiserez le dossier du site en ligne en rempla\u00e7ant le fichier <code>fr_FR.json<\/code> dans le dossier <code>bl-langages<\/code> (en utilisant Filezilla).<\/p>\n\n\n\n<p>Vous en profiterez pour all\u00e9ger le dossier du site en supprimant les fichiers de langue que vous n&rsquo;utiliserez jamais (conservez les fichiers <code>en.json<\/code> et <code>fr_FR.json<\/code>).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-ac.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-ac-1024x598.jpg\" alt=\"\" class=\"wp-image-1793\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-ac-1024x598.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-ac-600x350.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-ac-768x448.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-ac.jpg 1122w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Les modifications \u00e0 apporter se trouvent notamment aux lignes 234, 263, 268 et 310.<\/strong> Une fois les modifications effectu\u00e9es et le fichier enregistr\u00e9, votre tableau de bord affichera de nouveaux intitul\u00e9s dans l&rsquo;onglet \u201cContenu\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-08.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-08-1024x491.jpg\" alt=\"\" class=\"wp-image-1788\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-08-1024x491.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-08-600x288.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-08-768x369.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-08-1200x576.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-08.jpg 1392w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>L&rsquo;onglet \u201cArticles\u201d pourrait s&rsquo;intituler \u201cPages dynamiques\u201d et l&rsquo;onglet \u201cContenu planifi\u00e9\u201d s&rsquo;intituler \u201cPublication programm\u00e9e\u201d ou \u201cPublication diff\u00e9r\u00e9e\u201d.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Publier_des_contenus_avec_Bludit\"><\/span>Publier des contenus avec Bludit<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Publier_des_articles_ou_des_pages\"><\/span>Publier des articles ou des pages<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>L&rsquo;\u00e9dition de contenus s&rsquo;effectue dans un \u00e9diteur (Tiny MCE), accessible en cliquant sur l&rsquo;onglet \u201cContenu\u201d dans la colonne lat\u00e9rale du tableau de bord.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-02.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-02-1024x498.jpg\" alt=\"\" class=\"wp-image-3886\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-02-1024x498.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-02-600x292.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-02-768x374.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-02-1200x584.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-02.jpg 1371w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><meta charset=\"utf-8\">En cliquant sur le mot \u201cPUBLICATION\u201d pr\u00e9c\u00e9d\u00e9 d&rsquo;un rectangle vert, vous param\u00e9trez Bludit pour placer votre contenu en brouillon. En cliquant sur \u201cBROUILLON\u201d, vous param\u00e9trez de nouveau le CMS pour <strong>publier vos contenus sur le site<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-01.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-01-1024x508.jpg\" alt=\"\" class=\"wp-image-3884\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-01-1024x508.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-01-600x298.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-01-768x381.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-01-1200x595.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/edition-de-contenus-avec-bludit-01.jpg 1367w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Le <strong>positionnement d&rsquo;une page en tant qu&rsquo;article de blog ou page statique<\/strong> se param\u00e8tre dans les options de la page (onglet \u201cavanc\u00e9\u201d).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/option-article-ou-page.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/option-article-ou-page-1024x532.png\" alt=\"\" class=\"wp-image-5643\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/option-article-ou-page-1024x532.png 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/option-article-ou-page-600x312.png 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/option-article-ou-page-768x399.png 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/option-article-ou-page-1200x624.png 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/option-article-ou-page.png 1343w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Il est n\u00e9cessaire de cliquer sur le bouton \u201cSauvegarder\u201d pour publier la page et ses contenus.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Editer_des_pages_en_Markdown\"><\/span>Editer des pages en Markdown<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Bludit propose d&rsquo;\u00e9diter les articles en Markdown en utilisant le plugin <strong>EasyMDE<\/strong>. Attention, il est n\u00e9cessaire de <strong>d\u00e9sactiver le plugin TinyMCE<\/strong> pour pouvoir utiliser EasyMDE. Si les deux sont activ\u00e9s, vous ne pourrez pas sauvegarder les modifications effectu\u00e9es sur vos pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Publier_des_images\"><\/span>Publier des images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Deux types d&rsquo;images sont utilis\u00e9es par Bludit&nbsp;: les images d&rsquo;illustration et les images d&rsquo;accroche. Les premi\u00e8res sont ins\u00e9r\u00e9es dans le fil de la page (en utilisant de pr\u00e9f\u00e9rence le bouton \u201cImages\u201d).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/parametrage-image.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"558\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/parametrage-image-1024x558.jpg\" alt=\"\" class=\"wp-image-5645\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/parametrage-image-1024x558.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/parametrage-image-600x327.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/parametrage-image-768x418.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/parametrage-image-1200x653.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/parametrage-image.jpg 1361w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Les secondes sont ins\u00e9r\u00e9es en t\u00eate de page et sont param\u00e9tr\u00e9es soit comme les pr\u00e9c\u00e9dentes soit en utilisant le bouton \u201cOptions\u201d et l&rsquo;onglet \u201cG\u00e9n\u00e9raux\u201d, option \u201cS\u00e9lectionner une image d&rsquo;accroche\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/inserer-image-accroche.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/inserer-image-accroche-1024x573.jpg\" alt=\"\" class=\"wp-image-5646\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/inserer-image-accroche-1024x573.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/inserer-image-accroche-600x336.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/inserer-image-accroche-768x430.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/inserer-image-accroche-1200x671.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2022\/01\/inserer-image-accroche.jpg 1332w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Personnaliser_un_site_avec_Bludit\"><\/span>Personnaliser un site avec Bludit<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Changer_le_theme_par_defaut\"><\/span>Changer le th\u00e8me par d\u00e9faut<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Vous \u00eates d\u00e9sormais outill\u00e9s pour adapter le site de d\u00e9monstration fourni lors de l&rsquo;installation du CMS. <strong>Le th\u00e8me utilis\u00e9 par d\u00e9faut se nomme \u201cAlternative\u201d. Un second th\u00e8me est install\u00e9 d&rsquo;office, nomm\u00e9 \u201cBlog X\u201d.<\/strong> Vous pouvez l&rsquo;activer d&rsquo;un clic en allant dans l&rsquo;onglet \u201cTh\u00e8mes\u201d du tableau de bord de Bludit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-10.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-10-1024x480.jpg\" alt=\"\" class=\"wp-image-1802\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-10-1024x480.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-10-600x281.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-10-768x360.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-10-1200x562.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-10.jpg 1387w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>La disposition des contenus est diff\u00e9rente. Comme l&rsquo;indique le nom du th\u00e8me, ce dernier est con\u00e7u pour la publication d&rsquo;un blog.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-11.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"562\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-11-1024x562.jpg\" alt=\"\" class=\"wp-image-1803\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-11-1024x562.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-11-600x329.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-11-768x422.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-11-1200x659.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-11.jpg 1377w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Telecharger_et_installer_dautres_themes\"><\/span>T\u00e9l\u00e9charger et installer d&rsquo;autres th\u00e8mes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Bludit propose de nombreux th\u00e8mes sur son site officiel&nbsp;: <a rel=\"noreferrer noopener\" href=\"https:\/\/themes.bludit.com\/\" target=\"_blank\">https:\/\/themes.bludit.com\/<\/a>. Plusieurs th\u00e8mes disposent d&rsquo;un site de d\u00e9monstration afin de voir concr\u00e8tement comment le th\u00e8me permet de structurer des contenus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/themes.bludit.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-13-1024x578.jpg\" alt=\"\" class=\"wp-image-1808\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-13-1024x578.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-13-600x339.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-13-768x434.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-13-1200x678.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-13.jpg 1397w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Comme nous l&rsquo;avons vu plus haut, <strong>chaque th\u00e8me g\u00e8re les contenus du site \u00e0 sa mani\u00e8re<\/strong> (menus, colonne lat\u00e9rale, images d&rsquo;accroches, cat\u00e9gories, pages dynamiques et statiques, etc.). <strong>Dans un premier temps, il est recommand\u00e9 de composer avec le th\u00e8me tel qu&rsquo;il es<\/strong>t et de voir si en activant tel ou tel plugin il est possible d&rsquo;en am\u00e9liorer les fonctionnalit\u00e9s.<\/p>\n\n\n\n<p><strong>La personnalisation d&rsquo;un th\u00e8me n\u00e9cessite de modifier des fichiers CSS et des fichiers PHP<\/strong>. pour les seconds, soyez prudents et suivez bien les consignes que vous pourrez trouver pour effectuer ces modifications.<\/p>\n\n\n\n<p><strong>Le choix d&rsquo;un th\u00e8me d\u00e9pend en fait du type de lecture<\/strong> que nous souhaitons proposer aux internautes. Un th\u00e8me offre une exp\u00e9rience utilisateur particuli\u00e8re, non pas au concepteur du site mais au lecteur du site&nbsp;!<\/p>\n\n\n\n<p>Pour en savoir davantage sur l&rsquo;usage potentiel de quelques th\u00e8mes adapt\u00e9s \u00e0 Bludit, je vous propose de consulter la fiche intitul\u00e9e <a href=\"https:\/\/graphizm.fr\/fcs\/cms\/personnalisation-bludit.html\" target=\"_blank\" rel=\"noreferrer noopener\">personnalisation de Bludit<\/a><\/p>\n\n\n\n<p class=\"has-secondary-background-color has-background\"><strong>\u279c Prenez le temps d&rsquo;explorer les sites de d\u00e9monstration<\/strong>. Activez les onglets du menu pour voir comment chaque th\u00e8me fonctionne.<\/p>\n\n\n\n<p class=\"has-background-background-color has-background has-small-font-size\"><strong>Les th\u00e8mes con\u00e7us par Diego Najar, le cr\u00e9ateur de Bludit, sont particuli\u00e8rement soign\u00e9s&nbsp;!<\/strong> Vous disposez donc de nombreuses opportunit\u00e9s pour structurer visuellement vos contenus. Pour tester plusieurs th\u00e8mes, le plus simple est d&rsquo;en installer plusieurs \u00e0 la fois pour pouvoir, d&rsquo;un clic, comme indiqu\u00e9 pr\u00e9c\u00e9demment, changer le look et le fonctionnement du site.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c J&rsquo;ai s\u00e9lectionn\u00e9 12 th\u00e8mes que je vous propose de t\u00e9l\u00e9charger en une seule archive. Vous d\u00e9compresserez l&rsquo;archive zip et <strong>vous placerez les 12 dossiers dans le dossier \u201cbl-themes\u201d de Bludit <\/strong>(sur votre serveur&#8230;). Vous pourrez ainsi les tester.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link\" href=\"https:\/\/graphizm.fr\/fcs\/themes-bludit.zip\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger 12 th\u00e8mes pour BLUDIT<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"561\" height=\"331\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-17.jpg\" alt=\"\" class=\"wp-image-1849\"\/><\/figure>\n\n\n\n<p><strong>Vous disposez maintenant de 14 th\u00e8mes pour r\u00e9pondre \u00e0 diff\u00e9rents besoins<\/strong>. Cliquez sur l&rsquo;onglet Th\u00e8mes du tableau de bord. Ceux qui sont sign\u00e9s \u201cBludit\u201d sont con\u00e7us par Diego Najar. Activez le th\u00e8me que vous souhaitez tester et cliquez sur le bouton \u201cSite\u201d (ou rafra\u00eechissez la page du site dans votre navigateur). Vous pouvez installer d&rsquo;autres th\u00e8mes  en t\u00e9l\u00e9chargeant leur dossier depuis <a rel=\"noreferrer noopener\" href=\"https:\/\/themes.bludit.com\/\" target=\"_blank\">la page \u201cThemes\u201d<\/a> du site officiel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-14.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"http:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-14-1024x571.jpg\" alt=\"\" class=\"wp-image-1812\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-14-1024x571.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-14-600x335.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-14-768x428.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-14-1200x669.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-14.jpg 1377w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"explorer-le-potentiel-d-un-theme\"><span class=\"ez-toc-section\" id=\"Explorer_le_potentiel_dun_theme\"><\/span>Explorer le potentiel d&rsquo;un th\u00e8me<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Pour se rendre vraiment compte du potentiel d&rsquo;un th\u00e8me, <strong>il est n\u00e9cessaire de disposer de contenus plus riches que les simples textes propos\u00e9s par d\u00e9faut<\/strong> lors de l&rsquo;installation du CMS.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\" style=\"font-size:19px\">\u279c Cr\u00e9ez plusieurs articles (pages dynamiques) et plusieurs pages statiques, cat\u00e9gorisez-les, ins\u00e9rez des images d&rsquo;accroches sur certaines pages et pas sur d&rsquo;autres. Ins\u00e9rez des images dans vos pages. Tout cela vous permettra de mieux \u00e9valuer le fonctionnement d&rsquo;un th\u00e8me et de faire des comparaisons utiles entre un th\u00e8me et un autre.<\/p>\n\n\n\n<p><strong>Le choix d&rsquo;un th\u00e8me d\u00e9pend en fait du type de lecture<\/strong> que nous souhaitons proposer aux internautes. Un th\u00e8me offre une exp\u00e9rience utilisateur particuli\u00e8re, non pas au concepteur du site mais au lecteur du site&nbsp;!<\/p>\n\n\n\n<p>Quelques th\u00e8mes sortent du lot. <strong>Massively<\/strong> est tr\u00e8s plaisant sur le plan visuel. Sa personnalisation n\u00e9cessite cependant un patient travail de codage. Un cours est sp\u00e9cialement consacr\u00e9 \u00e0 ce th\u00e8me.<\/p>\n\n\n\n<p><strong>Andy<\/strong> est un th\u00e8me particuli\u00e8rement fonctionnel, sobre et intemporel. <strong>Blekathlon<\/strong> est bien ficel\u00e9. <strong>BlogX<\/strong> \u201cfait le job\u201d et <strong>Kernel Panic<\/strong>, tout en \u00e9tant tr\u00e8s simple, r\u00e9pond aux besoins \u00e9l\u00e9mentaire de ce type de publication.<\/p>\n\n\n\n<p><strong>Portfolio<\/strong> et plusieurs autres th\u00e8mes pr\u00e9sentent des d\u00e9fauts notoires. Le plus handicapant est l&rsquo;impossibilit\u00e9 d&rsquo;afficher les plugins propos\u00e9s&nbsp;! Quand il s&rsquo;agit de d\u00e9fauts de taille de police de caract\u00e8res ou d&rsquo;espacement entre les blocs d&rsquo;infos, un peu de temps dans les CSS peuvent rem\u00e9dier aux probl\u00e8mes. Si il faut retravailler le code PHP, c&rsquo;est plus g\u00eanant&nbsp;!<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\"><meta charset=\"utf-8\">Pour en savoir davantage sur l&rsquo;usage potentiel de quelques th\u00e8mes adapt\u00e9s au CMS Bludit, je vous propose de consulter la fiche intitul\u00e9e <a rel=\"noreferrer noopener\" href=\"https:\/\/graphizm.fr\/fcs\/cms\/personnalisation-bludit.html\" target=\"_blank\"><strong>personnalisation de Bludit<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Completer_la_traduction_dun_plugin\"><\/span>Compl\u00e9ter la traduction d&rsquo;un plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Traduire_la_mention_%E2%80%9CHome_page%E2%80%9D\"><\/span>Traduire la mention \u201cHome page\u201d<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Si vous utilisez un th\u00e8me disposant d&rsquo;une colonne lat\u00e9rale, vous aurez certainement <strong>envie d&rsquo;activer les plugins Navigation et Pages Statiques<\/strong>. Le premier permet d&rsquo;afficher automatiquement la liste des n derni\u00e8res pages dynamiques publi\u00e9es et le second la liste de toutes les pages statiques. Cela cr\u00e9e une sorte de menu pour chaque type de pages \u00e9dit\u00e9es.<\/p>\n\n\n\n<p>Le probl\u00e8me rencontr\u00e9 est la <strong>mention en anglais de la page d&rsquo;accueil en t\u00eate de liste<\/strong>, dans les deux plugins. Un assez g\u00eanant <strong><em>Home page<\/em><\/strong> inaugure les deux listes&nbsp;! Il faut donc intervenir dans le fichier <code>fr_FR.json<\/code> des plugins en question. Pour ma part j&rsquo;ai constat\u00e9 qu&rsquo;en effectuant la modification dans un seul fichier, le changement \u00e9tait effectif pour les deux listes&nbsp;! Vous v\u00e9rifierez si c&rsquo;est aussi le cas pour vous \ud83d\ude09<\/p>\n\n\n\n<p>\u279c Voici le changement \u00e0 effectuer (ici dans le fichier de traduction du plugin <strong>Navigation<\/strong>)&nbsp;:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"586\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation-1024x586.jpg\" alt=\"\" class=\"wp-image-3876\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation-1024x586.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation-600x343.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation-768x439.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation.jpg 1051w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ameliorer_lutilisation_dun_plugin\"><\/span>Am\u00e9liorer l&rsquo;utilisation d&rsquo;un plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ameliorer_les_plugins_%E2%80%9CNavigation%E2%80%9D_et_%E2%80%9CPages_Statiques%E2%80%9D\"><\/span>Am\u00e9liorer les plugins \u201c<strong>Navigation\u201d et \u201cPages Statiques<\/strong>\u201d<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Si vous utilisez un th\u00e8me disposant d&rsquo;une colonne lat\u00e9rale, vous aurez certainement <strong>envie d&rsquo;activer les plugins Navigation et Pages Statiques<\/strong>. Le premier permet d&rsquo;afficher automatiquement la liste des derni\u00e8res pages dynamiques publi\u00e9es. Le second permet d&rsquo;afficher la liste de toutes les pages statiques. Ces extensions cr\u00e9ent dans la colonne lat\u00e9rale du site une sorte de menu pour chaque type de pages \u00e9dit\u00e9es.<\/p>\n\n\n\n<p>Le probl\u00e8me rencontr\u00e9 est la <strong>mention en anglais de la page d&rsquo;accueil en t\u00eate de liste<\/strong>, dans les deux plugins. Un assez g\u00eanant <strong><em>Home page<\/em><\/strong> inaugure les deux listes&nbsp;! Il faut donc intervenir dans le fichier <code>fr_FR.json<\/code> des plugins en question. Pour ma part j&rsquo;ai constat\u00e9 qu&rsquo;en effectuant la modification dans un seul fichier, le changement \u00e9tait effectif pour les deux listes&nbsp;! Vous v\u00e9rifierez si c&rsquo;est aussi le cas pour votre site \ud83d\ude09<\/p>\n\n\n\n<p>\u279c Voici le changement \u00e0 effectuer (ici dans le fichier de traduction du plugin <strong>Navigation<\/strong>)&nbsp;:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"586\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation-1-1024x586.jpg\" alt=\"\" class=\"wp-image-4022\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation-1-1024x586.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation-1-600x343.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation-1-768x439.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2021\/01\/traduction-fr-plugin-navigation-1.jpg 1051w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Personnaliser_un_theme\"><\/span>Personnaliser un th\u00e8me<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>La prise en main d&rsquo;un th\u00e8me n\u00e9cessite beaucoup de pratique. Rien de tel que de r\u00e9aliser un site avec tel ou tel th\u00e8me pour d\u00e9couvrir le potentiel typographique et iconographique du th\u00e8me.<\/p>\n\n\n\n<p class=\"has-subtle-background-background-color has-background\">\u279c Je vous propose, pour terminer la formation FCS, de r\u00e9aliser un site en utilisant le th\u00e8me Massively. Vous trouverez de nombreux conseils et astuces pour cr\u00e9er un superbe site vitrine sur <a rel=\"noreferrer noopener\" href=\"https:\/\/graphizm.fr\/greta\/fcs\/personnaliser-theme-bludit-massively\/\" target=\"_blank\"><strong>Personnaliser le th\u00e8me Massively<\/strong><\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-15-1024x566.jpg\" alt=\"\" class=\"wp-image-1816\" srcset=\"https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-15-1024x566.jpg 1024w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-15-600x331.jpg 600w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-15-768x424.jpg 768w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-15-1200x663.jpg 1200w, https:\/\/graphizm.fr\/greta\/wp-content\/uploads\/2020\/07\/how-to-bludit-15.jpg 1383w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Dans ce cours nous allons voir comment utiliser Bludit, un CMS simple et fonctionnel, fonctionnant sans base de donn\u00e9es. Ce type de CMS est nomm\u00e9 en anglais \u201cCMS flat file\u201d. Les pr\u00e9requis sont les suivants&nbsp;: \u00eatre capable de cr\u00e9er un compte chez un h\u00e9bergeur et de r\u00e9cup\u00e9rer les identifiants de connexion FTP de ce compte&nbsp;; [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,30],"tags":[],"class_list":["post-1752","post","type-post","status-publish","format-standard","hentry","category-fcs","category-fcs3-cours"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","twentytwenty-fullscreen":""},"post_excerpt_stackable_v2":"<p>Cours sur fond noir Dans ce cours nous allons voir comment utiliser Bludit, un CMS simple et fonctionnel, fonctionnant sans base de donn\u00e9es. Ce type de CMS est nomm\u00e9 en anglais \u201cCMS flat file\u201d. Les pr\u00e9requis sont les suivants&nbsp;: \u00eatre capable de cr\u00e9er un compte chez un h\u00e9bergeur et de r\u00e9cup\u00e9rer les identifiants de connexion FTP de ce compte&nbsp;;\u00eatre capable d&rsquo;utiliser Filezilla pour transf\u00e9rer sur ce compte les donn\u00e9es d&rsquo;un site&nbsp;;\u00eatre capable d&rsquo;installer une extension du navigateur Chrome (Web Developer)&nbsp;;\u00eatre capable de compresser une image pour le Web dans Photoshop&nbsp;;\u00eatre capable de modifier du code CSS dans un \u00e9diteur de\u2026<\/p>","category_list_v2":"<a href=\"https:\/\/graphizm.fr\/greta\/category\/fcs\/\" rel=\"category tag\">FCS<\/a>, <a href=\"https:\/\/graphizm.fr\/greta\/category\/fcs\/fcs3-cours\/\" rel=\"category tag\">FCS3-cours<\/a>","author_info_v2":{"name":"Yves Goguely","url":"https:\/\/graphizm.fr\/greta\/author\/formationsgreta\/"},"comments_num_v2":"0 commentaire","_links":{"self":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/1752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/comments?post=1752"}],"version-history":[{"count":211,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/1752\/revisions"}],"predecessor-version":[{"id":5656,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/posts\/1752\/revisions\/5656"}],"wp:attachment":[{"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/media?parent=1752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/categories?post=1752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphizm.fr\/greta\/wp-json\/wp\/v2\/tags?post=1752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}