{"id":48,"date":"2026-09-15T19:46:32","date_gmt":"2026-09-15T17:46:32","guid":{"rendered":"https:\/\/site.triskel.ch\/web00\/?p=48"},"modified":"2026-09-15T20:00:13","modified_gmt":"2026-09-15T18:00:13","slug":"jour-1-comment-ca-marche","status":"publish","type":"post","link":"https:\/\/site.triskel.ch\/web00\/jour-1-comment-ca-marche\/","title":{"rendered":"Jour 1 &#8211; Comment \u00e7a marche ?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Comprendre WordPress avant de construire son site<\/p>\n\n\n\n<!--more-->\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Avant de cliquer sur quoi que ce soit dans WordPress, il est utile de comprendre ce qui se passe \u00ab derri\u00e8re le rideau \u00bb. Pas besoin de devenir d\u00e9veloppeur \u2014 mais quelques notions fondamentales vous \u00e9viteront bien des surprises et vous rendront autonomes face aux impr\u00e9vus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce support couvre les deux piliers essentiels de la premi\u00e8re s\u00e9ance :&nbsp;<strong>comment fonctionne un h\u00e9bergement web<\/strong>&nbsp;et&nbsp;<strong>comment naviguer dans le tableau de bord WordPress<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">1. H\u00e9bergement, nom de domaine et DNS<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Pourquoi vous avez besoin de trois choses distinctes<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pour qu&rsquo;un site WordPress soit accessible sur internet, il vous faut trois composantes ind\u00e9pendantes :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Un espace d&rsquo;h\u00e9bergement<\/strong>\u00a0\u2014 c&rsquo;est le \u00ab terrain \u00bb sur lequel votre site est construit. Un serveur quelque part dans le monde qui fait tourner votre site 24h\/24.<\/li>\n\n\n\n<li><strong>Un nom de domaine<\/strong>\u00a0\u2014 c&rsquo;est l&rsquo;adresse que les visiteurs tapent dans leur navigateur :\u00a0<code>www.monsite.ch<\/code>,\u00a0<code>association-xyz.org<\/code>, etc.<\/li>\n\n\n\n<li><strong>WordPress lui-m\u00eame<\/strong>\u00a0\u2014 l&rsquo;application que vous installez sur cet espace et qui vous permet de cr\u00e9er et g\u00e9rer votre contenu sans \u00e9crire une ligne de code.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Ces trois \u00e9l\u00e9ments sont souvent propos\u00e9s ensemble par les h\u00e9bergeurs, mais ils restent techniquement distincts. Il est tout \u00e0 fait possible d&rsquo;acheter un nom de domaine chez un registrar (ex. GoDaddy) et d&rsquo;h\u00e9berger le site chez un autre prestataire (ex. Infomaniak).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">H\u00e9bergement local ou en ligne ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Il existe deux fa\u00e7ons d&rsquo;h\u00e9berger un site WordPress :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>En local sur votre ordinateur<\/strong><br>Vous installez un serveur web directement sur votre machine \u00e0 l&rsquo;aide d&rsquo;un logiciel comme&nbsp;<a href=\"https:\/\/localwp.com\/\">LocalWP<\/a>&nbsp;ou XAMPP. Le site fonctionne parfaitement, mais personne d&rsquo;autre que vous ne peut le voir \u2014 il n&rsquo;est pas connect\u00e9 \u00e0 internet. C&rsquo;est id\u00e9al pour d\u00e9velopper, exp\u00e9rimenter ou tester des mises \u00e0 jour risqu\u00e9es sans ab\u00eemer votre vrai site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>En ligne chez un h\u00e9bergeur<\/strong><br>Vous louez un espace sur un serveur connect\u00e9 \u00e0 internet. Votre site est accessible \u00e0 n&rsquo;importe qui, \u00e0 n&rsquo;importe quelle heure. C&rsquo;est la solution pour votre vrai site, celui que vous voulez montrer au monde.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th><\/th><th>Local (LocalWP, XAMPP)<\/th><th>En ligne (h\u00e9bergeur)<\/th><\/tr><\/thead><tbody><tr><td>Co\u00fbt<\/td><td>Gratuit<\/td><td>~5\u201315 CHF\/mois<\/td><\/tr><tr><td>Visibilit\u00e9<\/td><td>Vous seul<\/td><td>Tout le monde<\/td><\/tr><tr><td>Usage recommand\u00e9<\/td><td>D\u00e9veloppement, tests<\/td><td>Production<\/td><\/tr><tr><td>Nom de domaine<\/td><td>Non<\/td><td>Oui<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\ud83d\udca1&nbsp;<strong>Pendant la formation :<\/strong>&nbsp;votre site est h\u00e9berg\u00e9 chez le formateur, accessible \u00e0 l&rsquo;adresse&nbsp;<code>https:\/\/site.triskel.ch\/webXX<\/code>. Vous pourrez le transf\u00e9rer vers votre propre h\u00e9bergeur \u00e0 la fin du cours.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Le nom de domaine (DNS)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le DNS (Domain Name System) est le syst\u00e8me qui fait le lien entre un nom lisible par un humain (<code>www.monsite.ch<\/code>) et une adresse IP lisible par un ordinateur (<code>185.24.216.200<\/code>). C&rsquo;est l&rsquo;annuaire d&rsquo;internet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Anatomie d&rsquo;une URL :<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:\/\/  www.  monsite  .ch  \/contact\n   \u2191       \u2191       \u2191      \u2191      \u2191\nProtocole  Sous-  Domaine  TLD   Chemin\ns\u00e9curis\u00e9  domaine 2e niveau       (page)\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Ce qui vous appartient lorsque vous achetez un nom de domaine, c&rsquo;est le&nbsp;<strong>domaine de 2e niveau<\/strong>&nbsp;\u2014 ici,&nbsp;<code>monsite<\/code>. Vous \u00eates ensuite libre de cr\u00e9er autant de sous-domaines que vous voulez (<code>blog.monsite.ch<\/code>,&nbsp;<code>boutique.monsite.ch<\/code>\u2026), dans la limite de ce que permet votre h\u00e9bergeur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>O\u00f9 acheter un nom de domaine :<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Extension<\/th><th>Organisme<\/th><\/tr><\/thead><tbody><tr><td><code>.ch<\/code>&nbsp;(Suisse)<\/td><td><a href=\"https:\/\/www.nic.ch\/\">nic.ch<\/a>&nbsp;\u2014 registre officiel<\/td><\/tr><tr><td><code>.fr<\/code>&nbsp;(France)<\/td><td><a href=\"https:\/\/www.nic.fr\/\">nic.fr<\/a>&nbsp;\u2014 registre officiel<\/td><\/tr><tr><td><code>.com<\/code>,&nbsp;<code>.org<\/code>,&nbsp;<code>.net<\/code><\/td><td>GoDaddy, Namecheap, ou votre h\u00e9bergeur<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u26a0\ufe0f&nbsp;<strong>Conseil :<\/strong>&nbsp;R\u00e9servez votre nom de domaine le plus t\u00f4t possible, m\u00eame si le site n&rsquo;est pas encore pr\u00eat. Un nom peut dispara\u00eetre du jour au lendemain si quelqu&rsquo;un d&rsquo;autre le d\u00e9pose avant vous.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Ce qu&rsquo;il faut imp\u00e9rativement noter : le document d&rsquo;exploitation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">C&rsquo;est probablement la le\u00e7on la plus importante de toute la formation. D\u00e8s que vous avez un h\u00e9bergement, cr\u00e9ez un document texte s\u00e9curis\u00e9 (ou un gestionnaire de mots de passe) et notez-y les informations suivantes&nbsp;<strong>avant m\u00eame de commencer \u00e0 construire votre site<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\ud83d\udda5\ufe0f Console d&rsquo;administration (cPanel \/ manager)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">C&rsquo;est le tableau de bord de votre h\u00e9bergeur \u2014 pas de WordPress, mais de l&rsquo;h\u00e9bergement lui-m\u00eame. Depuis ici, vous g\u00e9rez tout : les fichiers de votre site, les bases de donn\u00e9es, les adresses email, les certificats SSL et les noms de domaine associ\u00e9s.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>URL de la console (ex.\u00a0<code>manager.infomaniak.com<\/code>)<\/li>\n\n\n\n<li>Identifiant<\/li>\n\n\n\n<li>Mot de passe<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">\ud83d\udcc2 Acc\u00e8s FTP (transfert de fichiers)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">FTP signifie&nbsp;<em>File Transfer Protocol<\/em>. C&rsquo;est le moyen d&rsquo;acc\u00e9der directement aux fichiers de votre site, comme si vous ouvriez un explorateur de fichiers sur votre serveur. Utile en cas de probl\u00e8me grave (site cass\u00e9, mise \u00e0 jour rat\u00e9e\u2026).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>URL h\u00f4te FTP (ex.\u00a0<code>ftp.monsite.ch<\/code>)<\/li>\n\n\n\n<li>Identifiant<\/li>\n\n\n\n<li>Mot de passe<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">\ud83c\udf0d Nom de domaine (DNS)<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Nom de domaine (ex.\u00a0<code>monsite.ch<\/code>)<\/li>\n\n\n\n<li>URL de la console de gestion DNS (souvent la m\u00eame que l&rsquo;h\u00e9bergeur)<\/li>\n\n\n\n<li>Identifiant \/ Mot de passe<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">\u2699\ufe0f WordPress lui-m\u00eame<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>URL de l&rsquo;administration :\u00a0<code>https:\/\/votre-site.ch\/wp-admin<\/code><\/li>\n\n\n\n<li>Identifiant administrateur<\/li>\n\n\n\n<li>Mot de passe<\/li>\n\n\n\n<li>Adresse email de r\u00e9cup\u00e9ration<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u26d4&nbsp;<strong>Avertissement :<\/strong>&nbsp;Un seul mot de passe perdu peut vous bloquer l&rsquo;acc\u00e8s \u00e0 votre site pendant des heures. Prenez cinq minutes maintenant pour noter tout \u00e7a \u2014 vous vous en f\u00e9liciterez dans six mois.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Installer WordPress : les 5 param\u00e8tres de la base de donn\u00e9es<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress stocke tout son contenu (pages, articles, images, r\u00e9glages) dans une base de donn\u00e9es MySQL. Lors de l&rsquo;installation, WordPress vous demande cinq informations que votre h\u00e9bergeur vous fournit :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Nom de la base de donn\u00e9es<\/strong>\u00a0\u2014 ex.\u00a0<code>ayfq_wordpress<\/code><\/li>\n\n\n\n<li><strong>Nom d&rsquo;utilisateur de la BDD<\/strong>\u00a0\u2014 ex.\u00a0<code>ayfq_user<\/code><\/li>\n\n\n\n<li><strong>Mot de passe<\/strong>\u00a0\u2014 utilisez un mot de passe fort (minimum 12 caract\u00e8res)<\/li>\n\n\n\n<li><strong>H\u00f4te de la base de donn\u00e9es<\/strong>\u00a0\u2014 ex.\u00a0<code>ayfq.myd.infomaniak.com<\/code><\/li>\n\n\n\n<li><strong>Pr\u00e9fixe des tables<\/strong>\u00a0\u2014 laisser\u00a0<code>wp_<\/code>\u00a0par d\u00e9faut (sauf si vous installez plusieurs sites dans la m\u00eame base de donn\u00e9es, ce qui est d\u00e9conseill\u00e9)<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Notez aussi ces informations dans votre document d&rsquo;exploitation.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">2. Le tableau de bord WordPress<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Se connecter<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;URL de l&rsquo;administration WordPress est toujours de la forme :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;votre-site.ch\/wp-admin\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Vous arrivez sur la page de connexion. Saisissez votre identifiant et mot de passe administrateur. En cas d&rsquo;oubli de mot de passe, le lien&nbsp;<strong>\u00ab&nbsp;Mot de passe perdu ?&nbsp;\u00bb<\/strong>&nbsp;envoie un lien de r\u00e9initialisation \u00e0 votre email.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Les quatre zones du tableau de bord<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois connect\u00e9, vous d\u00e9couvrez l&rsquo;interface d&rsquo;administration de WordPress. Elle se compose de quatre zones distinctes :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>La barre d&rsquo;administration<\/strong>&nbsp;(barre noire en haut)<br>Toujours visible, m\u00eame sur la partie publique du site. Elle permet d&rsquo;acc\u00e9der rapidement \u00e0 l&rsquo;administration, de cr\u00e9er un nouvel article ou une nouvelle page, de voir les notifications et d&rsquo;acc\u00e9der \u00e0 votre profil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Le menu lat\u00e9ral gauche<\/strong><br>C&rsquo;est votre principal outil de navigation. Il donne acc\u00e8s \u00e0 toutes les sections de l&rsquo;administration :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tableau de bord<\/strong>\u00a0\u2014 vue d&rsquo;ensemble et statistiques rapides<\/li>\n\n\n\n<li><strong>Articles<\/strong>\u00a0\u2014 le contenu dynamique (blog, actualit\u00e9s\u2026)<\/li>\n\n\n\n<li><strong>Pages<\/strong>\u00a0\u2014 le contenu statique (\u00c0 propos, Contact, Services\u2026)<\/li>\n\n\n\n<li><strong>M\u00e9dias<\/strong>\u00a0\u2014 la biblioth\u00e8que d&rsquo;images, vid\u00e9os, documents<\/li>\n\n\n\n<li><strong>Apparence<\/strong>\u00a0\u2014 th\u00e8mes, menus, widgets, personnalisation<\/li>\n\n\n\n<li><strong>Extensions<\/strong>\u00a0\u2014 plugins install\u00e9s et disponibles<\/li>\n\n\n\n<li><strong>Utilisateurs<\/strong>\u00a0\u2014 comptes et r\u00f4les<\/li>\n\n\n\n<li><strong>R\u00e9glages<\/strong>\u00a0\u2014 configuration g\u00e9n\u00e9rale du site<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>La zone de travail centrale<\/strong><br>C&rsquo;est ici que vous passez le plus de temps : \u00e9diteur de contenu, listes d&rsquo;articles et de pages, formulaires de r\u00e9glages, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>La barre de publication<\/strong>&nbsp;(dans l&rsquo;\u00e9diteur Gutenberg)<br>Panneau lat\u00e9ral droit qui appara\u00eet lors de l&rsquo;\u00e9dition d&rsquo;une page ou d&rsquo;un article. Il regroupe les options de publication, les m\u00e9tadonn\u00e9es, l&rsquo;image \u00e0 la une, les cat\u00e9gories, etc.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Les r\u00e9glages essentiels \u2014 \u00e0 faire d\u00e8s le premier jour<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Avant de cr\u00e9er quoi que ce soit, prenez dix minutes pour configurer ces quatre r\u00e9glages fondamentaux.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">R\u00e9glages \u2192 G\u00e9n\u00e9ral<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">C&rsquo;est ici que vous d\u00e9finissez l&rsquo;identit\u00e9 de base de votre site :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Titre du site<\/strong>\u00a0\u2014 le nom de votre marque ou association (appara\u00eet dans les onglets du navigateur et dans les r\u00e9sultats Google)<\/li>\n\n\n\n<li><strong>Slogan<\/strong>\u00a0\u2014 une courte description ou accroche<\/li>\n\n\n\n<li><strong>Adresse email d&rsquo;administration<\/strong>\u00a0\u2014 WordPress vous enverra les notifications \u00e0 cette adresse<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">R\u00e9glages \u2192 Lecture<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Ce r\u00e9glage d\u00e9termine ce que les visiteurs voient lorsqu&rsquo;ils arrivent sur votre site :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Vos derniers articles<\/strong>\u00a0\u2014 WordPress affiche automatiquement votre fil de blog en page d&rsquo;accueil (par d\u00e9faut)<\/li>\n\n\n\n<li><strong>Une page statique<\/strong>\u00a0\u2014 vous choisissez une page sp\u00e9cifique comme accueil (recommand\u00e9 pour la plupart des sites professionnels)<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\ud83d\udca1 Pour la plupart des sites vitrine, association ou portfolio, vous voudrez une page d&rsquo;accueil personnalis\u00e9e. Passez sur&nbsp;<strong>Page statique<\/strong>, s\u00e9lectionnez votre page d&rsquo;accueil et cr\u00e9ez \u00e9ventuellement une page&nbsp;<strong>\u00ab&nbsp;Blog&nbsp;\u00bb<\/strong>&nbsp;pour les articles. Vous ferez \u00e7a \u00e0 la s\u00e9ance 3.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\">R\u00e9glages \u2192 Permaliens \u2b50 Incontournable<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Les permaliens d\u00e9finissent la structure des URL de vos pages et articles. C&rsquo;est un r\u00e9glage&nbsp;<strong>critique pour le SEO<\/strong>&nbsp;(r\u00e9f\u00e9rencement naturel) et pour la lisibilit\u00e9 de vos adresses.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choisissez&nbsp;<strong>Nom de l&rsquo;article<\/strong>&nbsp;:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Votre URL ressemblera \u00e0 :   https:\/\/monsite.ch\/titre-de-mon-article\/\nAu lieu de :                https:\/\/monsite.ch\/?p=42\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">La premi\u00e8re est comprise par les humains ET par Google. La seconde ne veut rien dire pour personne.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u26a0\ufe0f&nbsp;<strong>Important :<\/strong>&nbsp;Ne changez jamais ce r\u00e9glage une fois votre site en ligne. Changer la structure des permaliens casse tous les liens existants et peut nuire gravement \u00e0 votre r\u00e9f\u00e9rencement.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\">R\u00e9glages \u2192 Discussion<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9cidez si vous souhaitez autoriser les commentaires sur votre site. Pour un site vitrine ou portfolio, il est souvent pr\u00e9f\u00e9rable de les d\u00e9sactiver pour \u00e9viter le spam. Pour un blog actif, activez-les avec mod\u00e9ration obligatoire.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">3. Les quatre extensions incontournables<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une extension (ou&nbsp;<em>plugin<\/em>) est un module qui ajoute des fonctionnalit\u00e9s \u00e0 WordPress. Il en existe plus de 60 000 \u2014 et c&rsquo;est pr\u00e9cis\u00e9ment pour \u00e7a qu&rsquo;il faut \u00eatre s\u00e9lectif.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>R\u00e8gle d&rsquo;or :<\/strong>&nbsp;Chaque extension active ralentit potentiellement votre site et peut cr\u00e9er des conflits. N&rsquo;installez que ce dont vous avez r\u00e9ellement besoin.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Pour installer une extension :&nbsp;<strong>Extensions \u2192 Ajouter \u2192 Rechercher \u2192 Installer \u2192 Activer<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici les quatre que nous installons d\u00e8s la premi\u00e8re s\u00e9ance :<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd0d Broken Link Checker<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ce que \u00e7a fait :<\/strong>&nbsp;Surveille en permanence tous les liens de votre site et vous alerte d\u00e8s qu&rsquo;un lien est cass\u00e9 (page supprim\u00e9e, URL chang\u00e9e, site disparu\u2026).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pourquoi c&rsquo;est essentiel :<\/strong>&nbsp;Un lien cass\u00e9 d\u00e9grade l&rsquo;exp\u00e9rience de vos visiteurs et nuit \u00e0 votre r\u00e9f\u00e9rencement Google.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c0 noter :<\/strong>&nbsp;Une fois configur\u00e9, d\u00e9sactivez la v\u00e9rification en temps r\u00e9el dans les r\u00e9glages du plugin \u2014 elle consomme des ressources serveur inutilement. Une v\u00e9rification quotidienne ou hebdomadaire suffit largement.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udccb Duplicate Post<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ce que \u00e7a fait :<\/strong>&nbsp;Ajoute un bouton&nbsp;<strong>Dupliquer<\/strong>&nbsp;sur chaque article et chaque page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pourquoi c&rsquo;est essentiel :<\/strong>&nbsp;Vous cr\u00e9ez souvent des pages avec une structure similaire (pages de services, fiches produits\u2026). Plut\u00f4t que de partir d&rsquo;une page blanche \u00e0 chaque fois, dupliquez et modifiez. Gain de temps consid\u00e9rable.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcca Admin Columns Pro<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ce que \u00e7a fait :<\/strong>&nbsp;Permet de personnaliser les colonnes affich\u00e9es dans les listes d&rsquo;articles et de pages du tableau de bord.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pourquoi c&rsquo;est utile :<\/strong>&nbsp;Par d\u00e9faut, la liste des articles n&rsquo;affiche que le titre, l&rsquo;auteur, les cat\u00e9gories et la date. Avec Admin Columns Pro, vous pouvez ajouter l&rsquo;image \u00e0 la une, le nombre de mots, le statut de publication, etc. Votre flux de travail \u00e9ditorial devient bien plus efficace.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Version gratuite<\/strong>&nbsp;suffisante pour d\u00e9buter.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83c\udfaf Yoast SEO<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ce que \u00e7a fait :<\/strong>&nbsp;L&rsquo;extension SEO (<em>Search Engine Optimization<\/em>) de r\u00e9f\u00e9rence pour WordPress. Elle analyse chaque page et article et vous guide pour optimiser votre contenu pour les moteurs de recherche.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ce qu&rsquo;elle fait concr\u00e8tement :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>G\u00e9n\u00e8re automatiquement un\u00a0<strong>plan du site XML<\/strong>\u00a0(sitemap) que Google lit pour indexer toutes vos pages<\/li>\n\n\n\n<li>Permet de d\u00e9finir un\u00a0<strong>titre SEO<\/strong>\u00a0et une\u00a0<strong>m\u00e9ta-description<\/strong>\u00a0personnalis\u00e9s pour chaque page<\/li>\n\n\n\n<li>Analyse la\u00a0<strong>lisibilit\u00e9<\/strong>\u00a0de votre contenu (longueur des phrases, sous-titres, etc.)<\/li>\n\n\n\n<li>Pr\u00e9pare les informations pour les\u00a0<strong>r\u00e9seaux sociaux<\/strong>\u00a0(image de partage, titre, description)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c0 faire apr\u00e8s installation :<\/strong>&nbsp;Suivez l&rsquo;assistant de configuration Yoast (il se lance automatiquement ou via&nbsp;<strong>SEO \u2192 Configuration<\/strong>).<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\ud83d\udca1 Yoast SEO est un outil d&rsquo;aide \u2014 pas une garantie de positionnement. Google classe les sites selon des centaines de crit\u00e8res. Yoast vous aide \u00e0 ne pas faire d&rsquo;erreurs de base et \u00e0 structurer votre contenu correctement.<\/p>\n<\/blockquote>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">R\u00e9capitulatif \u2014 Ce que vous savez faire apr\u00e8s cette s\u00e9ance<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 l&rsquo;issue de cette premi\u00e8re s\u00e9ance, vous \u00eates capable de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Expliquer la diff\u00e9rence entre h\u00e9bergement local et h\u00e9bergement en ligne<\/li>\n\n\n\n<li>\u2705 Identifier les trois composantes d&rsquo;un site WordPress : h\u00e9bergement, domaine, application<\/li>\n\n\n\n<li>\u2705 Constituer votre document d&rsquo;exploitation avec toutes les informations critiques<\/li>\n\n\n\n<li>\u2705 Vous connecter \u00e0 votre tableau de bord WordPress<\/li>\n\n\n\n<li>\u2705 Configurer les quatre r\u00e9glages de base (G\u00e9n\u00e9ral, Lecture, Permaliens, Discussion)<\/li>\n\n\n\n<li>\u2705 Installer et activer les quatre extensions incontournables<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Exercices de la s\u00e9ance<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">EX 1.1 \u2014 Se connecter \u00e0 son site (10 min)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Rendez-vous sur&nbsp;<code>https:\/\/site.triskel.ch\/webXX\/wp-admin<\/code>&nbsp;et explorez les sections du menu lat\u00e9ral pendant 5 minutes. Notez mentalement ce qui vous semble important.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">EX 1.2 \u2014 Configurer les r\u00e9glages de base (15 min)<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>R\u00e9glages \u2192 G\u00e9n\u00e9ral<\/strong>\u00a0: changez le titre du site et le slogan pour correspondre \u00e0 votre projet<\/li>\n\n\n\n<li><strong>R\u00e9glages \u2192 Permaliens<\/strong>\u00a0: s\u00e9lectionnez\u00a0<em>Nom de l&rsquo;article<\/em>\u00a0et enregistrez<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">EX 1.3 \u2014 Installer les quatre extensions (10 min)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Installez et activez une par une :&nbsp;<strong>Broken Link Checker<\/strong>,&nbsp;<strong>Duplicate Post<\/strong>,&nbsp;<strong>Admin Columns Pro<\/strong>,&nbsp;<strong>Yoast SEO<\/strong>. V\u00e9rifiez ensuite dans&nbsp;<strong>Extensions \u2192 Extensions install\u00e9es<\/strong>&nbsp;que les quatre sont bien actives.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">EX 1.4 \u2014 Ma fiche projet (10 min)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Notez dans un document texte :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le nom et le slogan de votre site<\/li>\n\n\n\n<li>Le type de site (vitrine, blog, boutique, association\u2026)<\/li>\n\n\n\n<li>Les 3 \u00e0 4 pages principales que vous pr\u00e9voyez de cr\u00e9er<\/li>\n\n\n\n<li>Votre question principale pour cette formation<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c0 la prochaine s\u00e9ance<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La&nbsp;<strong>s\u00e9ance 2<\/strong>&nbsp;porte sur l&rsquo;\u00e9laboration du contenu : on cr\u00e9era ensemble les pages et les articles de votre site, on organisera le contenu avec des cat\u00e9gories et des mots-cl\u00e9s, et on prendra en main l&rsquo;\u00e9diteur Gutenberg.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pour pr\u00e9parer :<\/strong>&nbsp;r\u00e9fl\u00e9chissez \u00e0 l&rsquo;organisation de votre site (quelles pages, quels th\u00e8mes d&rsquo;articles) et pr\u00e9parez 5 images repr\u00e9sentatives de votre projet \u2014 vous les optimiserez sur&nbsp;<a href=\"https:\/\/squoosh.app\/\">squoosh.app<\/a>&nbsp;avant de les uploader.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Formation WordPress \u2014 Roland Graber \u2014&nbsp;<a href=\"mailto:roland.graber@triskel.ch\">roland.graber@triskel.ch<\/a>&nbsp;\u2014 079 440 85 58<\/em><br><em>Cours priv\u00e9 : 120.- \/ heure via l&rsquo;UPL \u2014 Accompagnement professionnel :&nbsp;<a href=\"https:\/\/triskel.ch\/\">triskel.ch<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Comprendre WordPress avant de construire son site<\/p>\n","protected":false},"author":1,"featured_media":50,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-48","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formation"],"_links":{"self":[{"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/posts\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":1,"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/posts\/48\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/posts\/48\/revisions\/51"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/media\/50"}],"wp:attachment":[{"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/media?parent=48"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/categories?post=48"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/site.triskel.ch\/web00\/wp-json\/wp\/v2\/tags?post=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}