{"id":687,"date":"2025-02-14T13:36:54","date_gmt":"2025-02-14T13:36:54","guid":{"rendered":"https:\/\/wp-lgt.bertrand-kaernel.fr\/?p=687"},"modified":"2025-02-14T13:36:54","modified_gmt":"2025-02-14T13:36:54","slug":"fonctionnement-de-wordpress-les-bases","status":"publish","type":"post","link":"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/documentation\/fonctionnement-de-wordpress-les-bases\/","title":{"rendered":"Fonctionnement de WordPress : Les bases"},"content":{"rendered":"<p>Une matin\u00e9e ne suffit pas pour expliquer le fonctionnement de WordPress. Il est possible de le faire en 1 journ\u00e9e mais la quantit\u00e9 d&rsquo;infos a int\u00e9grer est importante avec un fort risque de saturation. <strong>J&rsquo;ai donc opt\u00e9 pour une version plus simple et pratique<\/strong>. C&rsquo;est plut\u00f4t la pratique r\u00e9guli\u00e8re du site qui vous permettra d&rsquo;\u00eatre totalement \u00e0 l&rsquo;aise avec cet outil.<\/p>\n<div class=\"shortcode-encadre \" ><\/p>\n<h2>Sommaire<\/h2>\n<ol>\n<li><a href=\".\/#el-1\"><strong>Pr\u00e9sentation de WordPress<\/strong><\/a><\/li>\n<li><a href=\".\/#el-2\"><strong>Diff\u00e9rence entre les pages et les articles<\/strong><\/a>\n<ol>\n<li><a href=\".\/#el-2-1\"><strong>Les articles<\/strong><\/a><\/li>\n<li><a href=\".\/#el-2-2\"><strong>Les pages<\/strong><\/a><\/li>\n<li><a href=\".\/#el-2-3\"><strong>Les formations<\/strong><\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\".\/#el-3\"><strong>Les cat\u00e9gories &#8211; Pour les articles et formations<\/strong><\/a><\/li>\n<li><a href=\".\/#el-4\"><strong>Les menus &#8211; Pour dispacher votre contenu<\/strong><\/a><\/li>\n<li><a href=\".\/#el-5\"><strong>Les images et m\u00e9dias<\/strong><\/a><\/li>\n<li><a href=\".\/#el-6\"><strong>Ce qu&rsquo;il est possible de faire dans le composeur<\/strong><\/a>\n<ol>\n<li><a href=\".\/#el-6-1\"><strong>Deux modes : Visuels ou texte<\/strong><\/a><\/li>\n<li><a href=\".\/#el-6-2\"><strong>Les titres<\/strong><\/a><\/li>\n<li><a href=\".\/#el-6-3\"><strong>Les paragraphes<\/strong><\/a><\/li>\n<li><a href=\".\/#el-6-4\"><strong>Le reste<\/strong><\/a><\/li>\n<li><a href=\".\/#el-6-5\"><strong>Boutons suppl\u00e9mentaires<\/strong><\/a><\/li>\n<li><a href=\".\/#el-6-6\"><strong>Galerie d&rsquo;images<\/strong><\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\".\/#el-7\"><strong>Page d&rsquo;accueil<\/strong><\/a><\/li>\n<li><strong><a href=\".\/#el-8\">Options du site<\/a><\/strong><\/li>\n<li><a href=\".\/#el-9\"><strong>Plugins et fonctionnalit\u00e9s<\/strong><\/a><\/li>\n<li><a href=\".\/#el-10\"><strong>Les r\u00e9seaux sociaux<\/strong><\/a><\/li>\n<li><a href=\".\/#el-11\"><strong>Conclusion<\/strong><\/a><\/li>\n<\/ol>\n<p><\/div>\n<h2>Pr\u00e9sentation de WordPress<\/h2>\n<p><a href=\"https:\/\/wordpress.com\/fr\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a> est un CMS (Content Management System) libre et Open source (le code est ouvert). Il en existe plein d&rsquo;autres comme Drupal par exemple. Un CMS Sert \u00e0 g\u00e9rer le contenu d&rsquo;un site internet avec un tableau de bord qui permet de remplir une base de donn\u00e9e, dans laquelle le site &#8211; via le code PHP &#8211; ira chercher ses informations. Ce type de site est dit \u00ab\u00a0dynamique\u00a0\u00bb car le contenu est en base de donn\u00e9e et g\u00e9n\u00e9r\u00e9 \u00e0 la demande. <strong>J&rsquo;insiste sur le fait que WordPress et les CMS ne sont pas fait pour cr\u00e9er des sites.<\/strong> Ils sont une interface pour g\u00e9rer le contenu : Texte et images.<\/p>\n<p>Vous trouverez peut-\u00eatre dans d&rsquo;autres sites WordPress, une mani\u00e8re diff\u00e9rente de fonctionner. C&rsquo;est normal. Cela s&rsquo;explique par le fait qu&rsquo;il est possible de maintenir la version basique de WordPress. C&rsquo;est ce que je fait syst\u00e9matiquement car comme d&rsquo;autres, je pense que \u00ab\u00a0le nouveau\u00a0\u00bb syst\u00e8me propos\u00e9 par WordPress (appel\u00e9 Gutenberg) cr\u00e9e une complexit\u00e9 de gestion en proposant aux utilisateurs de construire un site. On sort du cadre CMS. Cela implique aussi une d\u00e9gradation des performances en surchargeant le site de code inutile. Voil\u00e0 pourquoi j&rsquo;opte pour WordPress dans sa version initiale.<\/p>\n<p><strong>Pour en savoir plus, vous pouvez lire ce petit article :<\/strong> <a href=\"https:\/\/www.bertrand-kaernel.fr\/blog\/rendre-wordpress-plus-performant.html\" target=\"_blank\" rel=\"noopener\">Rendre WordPress plus performant<\/a><\/p>\n<h2 id=\"el-2\">Diff\u00e9rence entre les pages et les articles<\/h2>\n<p>Dans WordPress, il est possible de cr\u00e9er <strong>des pages<\/strong> ou <strong>des articles<\/strong>. Quelle diff\u00e9rence entre les 2 ?<\/p>\n<ul>\n<li>Les articles se classent dans <a href=\"https:\/\/wp-lgt.bertrand-kaernel.fr\/wp-admin\/edit-tags.php?taxonomy=category\">des cat\u00e9gories<\/a> (par exemples actualit\u00e9s et infos) et vous pouvez renseigner des \u00ab\u00a0<a href=\"https:\/\/wp-lgt.bertrand-kaernel.fr\/wp-admin\/edit-tags.php?taxonomy=post_tag\">tags<\/a>\u00a0\u00bb ou mots-clefs;<\/li>\n<li>Les pages sont uniques, elles vivent sans cat\u00e9gorie: Page accueil, contact, mentions l\u00e9gales, le lyc\u00e9e.<\/li>\n<\/ul>\n<p>Pour cr\u00e9er une PAGE ou un ARTICLE, allez dans la colonne principale de gauche.<br \/>\nPuis AJOUTER UN ARTICLE ou UNE PAGE.<br \/>\nRenseignez le titre, le texte, la cat\u00e9gorie pour les articles, l&rsquo;image mise en avant puis PUBLIER. C&rsquo;est tout !<\/p>\n<div class=\"shortcode-encadre \" ><strong>NB:<\/strong> Pour l&rsquo;image mise en avant. Utilisez du JPG. Le PDF n&rsquo;est pas un format d&rsquo;image !\u00a0<\/div>\n<div class=\"shortcode-encadre \" ><strong>&gt; Exemple :<\/strong> Cr\u00e9ation d&rsquo;un article et d&rsquo;un page en 30 secondes.<\/div>\n<p>Dans ce site, vous trouverez un contenu nomm\u00e9 <a href=\"https:\/\/wp-lgt.bertrand-kaernel.fr\/wp-admin\/edit.php?post_type=formation\">FORMATION<\/a>. Ce sont en r\u00e9alit\u00e9 des articles que j&rsquo;ai am\u00e9lior\u00e9.<br \/>\nLe fonctionnement est le m\u00eame que pour les articles mais il vivent ind\u00e9pendamment. Les cat\u00e9gories ne se m\u00e9langent pas.<\/p>\n<figure id=\"attachment_806\" aria-describedby=\"caption-attachment-806\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wp.bertrand-kaernel.fr\/lgt\/wp-content\/uploads\/sites\/3\/2025\/02\/schema-apges-articles-cats.jpg\" data-fslightbox><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-806 size-medium\" src=\"https:\/\/wp.bertrand-kaernel.fr\/lgt\/wp-content\/uploads\/sites\/3\/2025\/02\/schema-apges-articles-cats-800x800.jpg\" alt=\"Sch\u00e9ma pour comprendre l'organisation des pages et articles\" width=\"800\" height=\"800\" srcset=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/02\/schema-apges-articles-cats-800x800.jpg 800w, https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/02\/schema-apges-articles-cats-460x460.jpg 460w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption id=\"caption-attachment-806\" class=\"wp-caption-text\">Sch\u00e9ma pour comprendre l&rsquo;organisation des pages et articles<\/figcaption><\/figure>\n<h3 id=\"el-2-1\">G\u00e9n\u00e9ralit\u00e9s pour les \u00e9lements : pages, articles, formations<\/h3>\n<p>Quand vous modifiez l&rsquo;\u00e9lement dans le tableau de bord, il y a en haut \u00e0 droite un bloc PUBLIER.<\/p>\n<ul>\n<li><strong>Il indique l&rsquo;\u00e9tat de la publication:<\/strong> Brouillon ou publier;<\/li>\n<li><strong>La visibilit\u00e9 :<\/strong> Publique ou priv\u00e9e;<\/li>\n<li>La date de publication qui peut \u00eatre modifi\u00e9e;<\/li>\n<li>Vous pouvez aussi supprimer l&rsquo;\u00e9lement.<\/li>\n<\/ul>\n<h3 id=\"el-2-2\">Les articles<\/h3>\n<ul>\n<li>doivent prendre une description car utilis\u00e9e dans la pr\u00e9sentation;<\/li>\n<li>peuvent se classer dans plusieurs cat\u00e9gories mais inutile d&rsquo;en mettre trop \u00e9videmment;<\/li>\n<li>peuvent prendre aussi plusieurs tags\/\u00e9tiquettes qui favorisent la recherche des th\u00e9matiques (exemple<a href=\"https:\/\/wp-lgt.bertrand-kaernel.fr\/tag\/orientation\/\">#orientation<\/a>);<\/li>\n<li>si vous n&rsquo;indiquez pas d&rsquo;image en avant, une image par d\u00e9faut sera utilis\u00e9e.<\/li>\n<\/ul>\n<h3 id=\"el-2-3\">Les pages<\/h3>\n<ul>\n<li>doivent prendre une description car utilis\u00e9e dans la pr\u00e9sentation;<\/li>\n<li>si vous n&rsquo;indiquez pas d&rsquo;image en avant, une image par d\u00e9faut sera utilis\u00e9e.<\/li>\n<li>peuvent prendre des mod\u00e9les de page (colonne de droite) exemple : Page accueil ou contact<br \/>\nJ&rsquo;indique l&rsquo;option mais je d\u00e9conseille d&rsquo;y toucher car elle est d\u00e9j\u00e0 r\u00e9gler.<\/li>\n<li>peuvent avoir un PARENT. Exemple<strong> la page Organigramme<\/strong> est une page enfant de <strong>la page Lyc\u00e9e<\/strong>.<br \/>\nLes pages enfants s&rsquo;affichent automatiquement en bas de la page parent (cf <a href=\"https:\/\/wp-lgt.bertrand-kaernel.fr\/le-lycee\/\">Le lyc\u00e9e<\/a>).<\/li>\n<li>pour d\u00e9clarer une page enfant, colonne de droite et s\u00e9lectionnez le PARENT.<\/li>\n<\/ul>\n<p><strong>La page d&rsquo;accueil<\/strong> est particuli\u00e8re. J&rsquo;y reviendrais \u00e0 la fin, car on sort du cadre WordPress \u00e9tant donn\u00e9 que toutes les fonctionnalit\u00e9s de cette page ne sont pas natif de WordPress mais sp\u00e9cialement cr\u00e9\u00e9es pour ce site.<\/p>\n<h3 id=\"el-2-4\">Les formations<\/h3>\n<ul>\n<li>Comme les articles, je rappel !<\/li>\n<li>1 champ suppl\u00e9mentaire pour le sous-titre (d\u00e9tail de l&rsquo;acronyme);<\/li>\n<li>1 champ suppl\u00e9mentaire pour un lien ou plusieurs vers une doc PDF par exemple.<\/li>\n<\/ul>\n<div class=\"shortcode-encadre \" ><strong>&gt; Exemple :<\/strong> Cr\u00e9ation d&rsquo;une formation en 30 secondes.<\/div>\n<div class=\"shortcode-encadre \" >Voil\u00e0 globalement le fonctionnement pour la cr\u00e9ation de contenu. C&rsquo;est assez simple et intuitif !<\/div>\n<h2 id=\"el-3\">Les cat\u00e9gories \u2022 <strong>Pour les articles et formations<\/strong><\/h2>\n<p>Vous \u00eates capables de cr\u00e9er aussi des cat\u00e9gories et sous cat\u00e9gories pour vos articles; Il suffit de d\u00e9clarer un nom et \u00e9ventuellement une description. C&rsquo;est tout.<\/p>\n<div class=\"shortcode-encadre \" ><strong>Exemple:<\/strong> <a href=\"https:\/\/wp-lgt.bertrand-kaernel.fr\/category\/actualite\/\">Infos et Actualit\u00e9<\/a>\u00a0est une cat\u00e9gorie d&rsquo;articles. Voie g\u00e9n\u00e9rale \u00e9galement.<\/div>\n<p><strong>Pour les cat\u00e9gories de formations<\/strong>, j&rsquo;ai ajout\u00e9 des champs : Une image(non utilis\u00e9e), une icone, une couleur, un poids.<\/p>\n<h2 id=\"el-4\">Les menus \u2022 <strong>Pour dispacher votre contenu<\/strong><\/h2>\n<p>Vos pages existent. Vos cat\u00e9gories existent mais comment y acc\u00e9der ? Pour cela les menus.<br \/>\nIl peut y en avoir plusieurs. Dans votre cas j&rsquo;en ai cr\u00e9e 3. Le principal en haut et 2 en bas de page.<\/p>\n<p>Dans la colonne de gauche du tableau de bord &gt; APPARENCE &gt; MENUS puis selectionner le menu \u00e0 modifier.<br \/>\nSelectionner ensuite les \u00e9lements \u00e0 glisser dans le menu (Pages ou cat\u00e9gories g\u00e9n\u00e9ralement).<br \/>\nVous pouvez rentrer des \u00e9lements comme d\u00e9pendant d&rsquo;autres. Cf Lyc\u00e9e &gt; Organigramme.<\/p>\n<p>Attention, la mise en page est pr\u00e9vue pour 1 d\u00e9calage.<\/p>\n<p><strong>Astuce possible:<\/strong> Dans le menu LE LYCEE, j&rsquo;ai cr\u00e9e un onglet FOURNITURES. En r\u00e9alit\u00e9 cette onglet renvoit \u00e0 tous les articles tagu\u00e9s \u00ab\u00a0fournitures\u00a0\u00bb.<\/p>\n<h2 id=\"el-5\">Les images et m\u00e9dias<\/h2>\n<p>Il est important de bien trait\u00e9 les images de son site pour conserver un site performant. Les images \u00ab\u00a0mal trait\u00e9es\u00a0\u00bb sont la maladie de beaucoup de sites internet alors qu&rsquo;elles sont souvent les \u00e9lements qui p\u00e9sent le plus lourd dans un site (60 ou 70%). Le poids satisfaisant se situe entre 200 et\u00a0 900Ko.<\/p>\n<p><strong>Voici les bonnes pratiques a retenir :\u00a0<\/strong><\/p>\n<ul>\n<li>Utilisez du JPEG. Le format PNG est fait pour la transparence et multiplie par 10 le poids des images;<\/li>\n<li>Le WEBP ? Tous les navigateurs ne le lisent pas;<\/li>\n<li>La taille ? Globalement 1920px <strong>de large<\/strong> pour les images communes. 1920px c&rsquo;est la taille d&rsquo;un grand \u00e9cran d&rsquo;ordinateur.<\/li>\n<li>WordPress g\u00e9n\u00e9re des tailles d&rsquo;images \u00e0 partir de votre upload. Ne cherchez pas \u00e0 r\u00e9gler les tailles vous-m\u00eame. C&rsquo;est inutile.<\/li>\n<li><strong>Avant d&rsquo;uploader:<\/strong> Optimiser votre image dans <a href=\"https:\/\/tinyjpg.com\/\">TINY JPEG <\/a>&#8211; ( ! Cela n&rsquo;a rien a voir avec la taille)<\/li>\n<li><strong>Avant d&rsquo;uploader:<\/strong> Nommer votre image correctemment. Pas d&rsquo;accent, ni de caract\u00e8re sp\u00e9ciaux, ni de _ ou d&rsquo;espace. Juste des -;<br \/>\nCela est utile pour le r\u00e9f\u00e9rencement.<br \/>\nPour en savoir plus, j&rsquo;ai fait un article sur mon site : <a href=\"https:\/\/www.bertrand-kaernel.fr\/blog\/optimiser-ses-images-pour-le-web.html\">https:\/\/www.bertrand-kaernel.fr\/blog\/optimiser-ses-images-pour-le-web.html<\/a><\/li>\n<li>Libre \u00e0 vous de ne pas respecter ces r\u00e9gles mais tr\u00e9s vite votre site va devenir lent.<\/li>\n<\/ul>\n<p>Dans la colonne de gauche vous trouverez une rubrique <a href=\"https:\/\/wp-lgt.bertrand-kaernel.fr\/wp-admin\/upload.php\">MEDIAS<\/a>.<br \/>\nC&rsquo;est l\u00e0 que vous pouvez charger des images, des docs (PDF) par exemple, des sons, des vid\u00e9os.<\/p>\n<div class=\"shortcode-encadre \" ><strong>Attention au poids des ressources !<\/strong> Un poids trop important risquent de ralnetir consid\u00e9rablement votre site.<\/div>\n<p>Pour les PDF. Je conseille de les utiliser avec mod\u00e9ration. Un site avec de multiple PDFs n&rsquo;est pas engageant et les internautes ne resteront pas.<\/p>\n<h2 id=\"el-6\">Ce qui est possible de faire avec le composeur<\/h2>\n<p>Utilisez comme je l&rsquo;ai fait ici tous les \u00e9lements de composition (liste \u00e0 puce, citation, exergue, encadr\u00e9) pour donner du rythme et casser la monotonie des blocs de texte.<\/p>\n<p>N&rsquo;essayez pas de faire de la mise en page avec le composeur &#8211; Cela ne sert \u00e0 rien car ce que vous voyez dans le tableau de brod ne correspondra pas \u00e0 ce que vous verrez en fa\u00e7ade dans le site.<\/p>\n<h3 id=\"el-6-1\">2 modes : Visuel ou texte<\/h3>\n<p>Dans le coin en haut \u00e0 droite vous pouvez basculer sur 2 modes. C&rsquo;est assez int\u00e9ressant \u00e0 utiliser.<br \/>\nN&rsquo;ayez pas peur du code en mode texte.<br \/>\nContrairement \u00e0 notre intuition cela est plus pratique car on voit ce que l&rsquo;on fait contrairement au mode visuel<\/p>\n<h3 id=\"el-6-2\">Les titres &#8211; respectez la hierarchie (Titre 3 dans ce cas)<\/h3>\n<ul>\n<li>\n<h1>Un titre 1 (inutile en r\u00e9alit\u00e9 &#8211; Oubliez le)<\/h1>\n<\/li>\n<li>\n<h2>Un titre 2 (Un sous-titre &#8211; Souvent utilis\u00e9)<\/h2>\n<\/li>\n<li>\n<h3>Un titre 3 ( C&rsquo;est sous-sous-titre&#8230;)<\/h3>\n<\/li>\n<li>\n<h4>Un titre 4<\/h4>\n<\/li>\n<li>\n<h5>Un titre 5<\/h5>\n<\/li>\n<\/ul>\n<p>Si vous\u00a0 utilisez des TITRE 3 \u00e0 la place de TITRE 2, vous allez cr\u00e9er une erreur HTML et de mise en page.<br \/>\nLe site marche mais c&rsquo;est une erreur que les moteurs de recherche d\u00e9tectent.<\/p>\n<div class=\"shortcode-encadre \" ><strong>Conseil de mise en page:<\/strong>\u00a0 Ne pas mettre l&rsquo;int\u00e9gralit\u00e9 du titre en Majuscule. C&rsquo;est moche !<\/div>\n<p>On parle souvent <strong>des mots-clefs<\/strong> des sites internet qui seront scann\u00e9s par les moteurs de recherche. En r\u00e9alit\u00e9 c&rsquo;est dans les titres que les \u00ab\u00a0mots-clefs\u00a0\u00bb doivent \u00eatre dispacher. Pour un bon r\u00e9f\u00e9rencement, choisissez donc bien les termes qui correspondent au sujet de l&rsquo;article ou de la page.<\/p>\n<h3 id=\"el-6-3\">Les paragraphes<\/h3>\n<p>Pour tout ce qui n&rsquo;est pas TITRE. C&rsquo;est simple. Attention ! Un retour de ligne = un nouveau paragraphe.<br \/>\nPour \u00e9viter cela : RETOUR LIGNE + MAJ<\/p>\n<h3 id=\"el-6-4\">Pour le reste<\/h3>\n<p><strong>C&rsquo;est comme dans les autres composeurs :<\/strong> texte en gras, liste \u00e0 puce, lien ou encore citation<\/p>\n<blockquote><p>Ceci est une citation, toujours bien \u00e0 dispacher dans vos textes pour casser la monotonie des blocs. Ceci est une citation, toujours bien \u00e0 dispacher dans vos textes pour casser la monotonie des blocs. Ceci est une citation, toujours bien \u00e0 dispacher dans vos textes pour casser la monotonie des blocs. Ceci est une citation, toujours bien \u00e0 dispacher dans vos textes pour casser la monotonie des blocs. Ceci est une citation, toujours bien \u00e0 dispacher dans vos textes pour casser la monotonie des blocs.<\/p><\/blockquote>\n<h3 id=\"el-6-5\">Boutons suppl\u00e9mentaires<\/h3>\n<ul>\n<li>Phrase en exergue. C&rsquo;est bien pour dynamiser des articles;<\/li>\n<\/ul>\n<p class=\"exergue\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<ul>\n<li>SF: Petite fonte;<\/li>\n<\/ul>\n<small  class=\"small-fonte\">Cette phrase est en petite fonte<\/small>\n<ul>\n<li>EN: Bloc encadr\u00e9 (Il y en a plein dans cet article !);<\/li>\n<li>Vid\u00e9o YOUTUBE;<\/li>\n<li>BO : Boutons de lien.<\/li>\n<\/ul>\n<a class=\"button\" href=\"https:\/\/wp-lgt.bertrand-kaernel.fr\/\" title=\"Ceci est mon bouton de lien\">Ceci est mon bouton de lien<\/a>\n<h3 id=\"el-5-6\">Une galerie d&rsquo;images<\/h3>\n<p>Ajouter un m\u00e9dia &gt; Cr\u00e9er une galerie &gt; Selectionnez vos images &gt; R\u00e9gler les colonnes &gt; Lier \u00e0 \u00a0\u00bb Fichier m\u00e9dia\u00a0\u00bb &gt; Taille: Small ou <strong>medium si 2 colonnes<\/strong><\/p>\n<div id='gallery-1' class='gallery galleryid-687 gallery-columns-4 gallery-size-thumbnail'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-fslightbox href='https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/ben-mullins-oXV3bzR7jxI-unsplash2.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"460\" height=\"460\" src=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/ben-mullins-oXV3bzR7jxI-unsplash2-460x460.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"Avec une description, le ref\u00e9rencement est meilleur\" aria-describedby=\"gallery-1-611\" srcset=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/ben-mullins-oXV3bzR7jxI-unsplash2-460x460.jpg 460w, https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/ben-mullins-oXV3bzR7jxI-unsplash2-800x800.jpg 800w\" sizes=\"auto, (max-width: 460px) 100vw, 460px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-611'>\n\t\t\t\tAvec une description, le ref\u00e9rencement est meilleur\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-fslightbox href='https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/utsav-srestha-HeNrEdA4Zp4-unsplash.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"460\" height=\"460\" src=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/utsav-srestha-HeNrEdA4Zp4-unsplash-460x460.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"Image Unsplash\" aria-describedby=\"gallery-1-599\" srcset=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/utsav-srestha-HeNrEdA4Zp4-unsplash-460x460.jpg 460w, https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/utsav-srestha-HeNrEdA4Zp4-unsplash-800x800.jpg 800w\" sizes=\"auto, (max-width: 460px) 100vw, 460px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-599'>\n\t\t\t\tImage Unsplash\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-fslightbox href='https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/sam-balye-w1FwDvIreZU-unsplash.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"460\" height=\"460\" src=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/sam-balye-w1FwDvIreZU-unsplash-460x460.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"Image Unsplash\" aria-describedby=\"gallery-1-484\" srcset=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/sam-balye-w1FwDvIreZU-unsplash-460x460.jpg 460w, https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/sam-balye-w1FwDvIreZU-unsplash-800x800.jpg 800w\" sizes=\"auto, (max-width: 460px) 100vw, 460px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-484'>\n\t\t\t\tImage Unsplash\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-fslightbox href='https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/priscilla-du-preez-ggeZ9oyI-PE-unsplash.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"460\" height=\"460\" src=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/priscilla-du-preez-ggeZ9oyI-PE-unsplash-460x460.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"Image Unsplash\" aria-describedby=\"gallery-1-483\" srcset=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/priscilla-du-preez-ggeZ9oyI-PE-unsplash-460x460.jpg 460w, https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/priscilla-du-preez-ggeZ9oyI-PE-unsplash-800x800.jpg 800w\" sizes=\"auto, (max-width: 460px) 100vw, 460px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-483'>\n\t\t\t\tImage Unsplash\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<div class=\"shortcode-encadre \" >Passer en mode texte, puis copier-coller la galerie<\/div>\n<div id='gallery-2' class='gallery galleryid-687 gallery-columns-2 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-fslightbox href='https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/ben-mullins-oXV3bzR7jxI-unsplash2.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/ben-mullins-oXV3bzR7jxI-unsplash2-800x800.jpg\" class=\"attachment-medium size-medium\" alt=\"Avec une description, le ref\u00e9rencement est meilleur\" aria-describedby=\"gallery-2-611\" srcset=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/ben-mullins-oXV3bzR7jxI-unsplash2-800x800.jpg 800w, https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/ben-mullins-oXV3bzR7jxI-unsplash2-460x460.jpg 460w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-611'>\n\t\t\t\tAvec une description, le ref\u00e9rencement est meilleur\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-fslightbox href='https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/utsav-srestha-HeNrEdA4Zp4-unsplash.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/utsav-srestha-HeNrEdA4Zp4-unsplash-800x800.jpg\" class=\"attachment-medium size-medium\" alt=\"Image Unsplash\" aria-describedby=\"gallery-2-599\" srcset=\"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/utsav-srestha-HeNrEdA4Zp4-unsplash-800x800.jpg 800w, https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-content\/uploads\/sites\/3\/2025\/01\/utsav-srestha-HeNrEdA4Zp4-unsplash-460x460.jpg 460w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-599'>\n\t\t\t\tImage Unsplash\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<h2 id=\"el-7\">Page d&rsquo;accueil<\/h2>\n<p>On sort ici du cadre WordPress. Pour la page accueil, vous trouverez plusieurs champs aditionnels:<\/p>\n<ul>\n<li><strong>Bloc en t\u00eate :<\/strong> Choisissez vos images et votre texte;<\/li>\n<li>Bloc Taxonomie (ici les formations) ON ou OFF + une selection des taxonomies;<\/li>\n<li><strong>Page mise en avant :<\/strong> Choisissez les pages que vous voulez mettre en avant. (Titre + texte + lien);<\/li>\n<li><strong>Le bas de la page accueil:<\/strong> Les 4 derni\u00e8res actualit\u00e9s. C&rsquo;est automatique. Il n&rsquo;y a aucune r\u00e9glage.<\/li>\n<\/ul>\n<h2 id=\"el-8\">Options du site<\/h2>\n<p>Dans la colonne gauche du tableau de bord. Vous trouvez une partie Site options pour vos informations:<\/p>\n<ul>\n<li>Logo du site en couleurs et en blanc;<\/li>\n<li>Image par d\u00e9faut;<\/li>\n<li>Maintenance : ON ou OFF;<\/li>\n<li>Vos coordonn\u00e9es;<\/li>\n<li>Les r\u00e9seaux sociaux;<\/li>\n<li>La newsletter;<\/li>\n<li>Les liens de bas de page: Partenaires et institutions;<\/li>\n<li>Les chiffres du bas de page;<\/li>\n<li>Les horaires.<\/li>\n<\/ul>\n<h2 id=\"el-9\">Plugins et fonctionnalit\u00e9s<\/h2>\n<p>WordPress est connu pour la possibilit\u00e9 d&rsquo;ajouter <a href=\"https:\/\/wp-lgt.bertrand-kaernel.fr\/wp-admin\/plugins.php\">des fonctionnalit\u00e9s<\/a> (ou plugin). Cela sert aussi \u00e0 WordPress a cr\u00e9er des sources de financement car \u00e0 la base il est gratuit. Ne c\u00e9dez pas aux sir\u00e8nes commerciales qui vous laissent croire que vous pourrez r\u00e9aliser tout ce que vous voulez. La plupart des plugins sont brid\u00e9s pour cr\u00e9er la frustration et destiner \u00e0 vous faire payer. Pas tous ! Mais beaucoup le sont.<\/p>\n<p>J&rsquo;ai d\u00e9j\u00e0 pr\u00e9-install\u00e9 les plugins n\u00e9cessaires (CMB2 notamment). <strong>Vous pouvez en installer d&rsquo;autres<\/strong> mais je le d\u00e9conseille.<\/p>\n<p>Si vous avez besoin d&rsquo;autres fonctionnalit\u00e9s, demandez moi, je les cr\u00e9e. Cela peut para\u00eetre contraignant mais vous gagnerez du temps en vrai.<\/p>\n<h2 id=\"el-10\">Les r\u00e9seaux sociaux<\/h2>\n<p><strong>A quoi servent les r\u00e9seaux sociaux ?<\/strong> Originellement ces plateformes servent \u00e0 grouper des infos auxquels on s&rsquo;abonne. Une \u00ab\u00a0time-line\u00a0\u00bb affiche toutes les nouveaut\u00e9s qui renvoient g\u00e9n\u00e9ralement sur un site si l&rsquo;article est un peu cons\u00e9quent. Si il s&rsquo;agit de 3 lignes \u00e9videmment un lien vers un site n&rsquo;est pas appropri\u00e9.<\/p>\n<p>Un r\u00e9seaux social n&rsquo;est donc pas un site en soit mais un agr\u00e9gateur de contenu &#8211; pour les professionnels en tout cas &#8211; qui va servir \u00e0 ramener du monde sur son site. En faisant cela vous augmenter le r\u00e9f\u00e9rencement des moteurs de recherche. Il arrive parfois (je le constate) que le r\u00e9seaux social servent comme un site sans aucun lien. C&rsquo;est une grave erreur car en faisant cela vous faites baisser la fr\u00e9quentation de votre site et donc votre r\u00e9f\u00e9rencement.<\/p>\n<div class=\"shortcode-encadre \" >Je le redit :\u00a0 L&rsquo;enjeu est de ramener du monde vers son site.<\/div>\n<p>Il s&rsquo;agit donc d&rsquo;alimenter les rubriques INFOS et ACTUS par exemple puis de partager cette info en la pr\u00e9sentant avec 3 lignes d&rsquo;intro + le lien de l&rsquo;article.<\/p>\n<h2 id=\"el-11\">Conclusion<\/h2>\n<p>Pour des resources suppl\u00e9mentaires, j&rsquo;ai fait un autre article : <a href=\"https:\/\/wp-lgt.bertrand-kaernel.fr\/documentation\/des-outils-pour-votre-site\/\">Des outils pour votre site<\/a><\/p>\n<p>J&rsquo;arr\u00eate ici sur le fonctionnement basique. Si vous arrivez a int\u00e9grer tout cela c&rsquo;est d\u00e9j\u00e0 bien !<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Une matin\u00e9e ne suffit pas pour expliquer le fonctionnement de WordPress. Il est possible de le faire en 1 journ\u00e9e mais la quantit\u00e9 d&rsquo;infos a int\u00e9grer est importante avec un fort risque de saturation. J&rsquo;ai donc opt\u00e9 pour une version plus simple et pratique. C&rsquo;est plut\u00f4t la pratique r\u00e9guli\u00e8re du site qui vous permettra d&rsquo;\u00eatre [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-687","post","type-post","status-publish","format-standard","hentry","category-documentation"],"_links":{"self":[{"href":"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-json\/wp\/v2\/posts\/687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-json\/wp\/v2\/comments?post=687"}],"version-history":[{"count":0,"href":"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-json\/wp\/v2\/posts\/687\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-json\/wp\/v2\/media?parent=687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-json\/wp\/v2\/categories?post=687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.bertrand-kaernel.fr\/skol-lgt\/wp-json\/wp\/v2\/tags?post=687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}