{"id":10491,"date":"2014-11-25T06:00:24","date_gmt":"2014-11-25T11:00:24","guid":{"rendered":"https:\/\/cimbcc.org\/test2\/?p=10491"},"modified":"2023-10-16T22:16:09","modified_gmt":"2023-10-17T02:16:09","slug":"wordpress-une-introduction","status":"publish","type":"post","link":"https:\/\/cimbcc.org\/test2\/wordpress-une-introduction\/","title":{"rendered":"WordPress &#8211; Une introduction"},"content":{"rendered":"<figure id=\"attachment_24151\" aria-describedby=\"caption-attachment-24151\" style=\"width: 125px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-24151\" src=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/photo_bacle_marie_jose.jpg\" alt=\"\" width=\"125\" height=\"125\" \/><figcaption id=\"caption-attachment-24151\" class=\"wp-caption-text\"><span style=\"color: #ffffff;\">imm<\/span>Marie-Jos\u00e9 B\u00e2cle<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Cet article a pour objectif de vous familiariser avec les notions reli\u00e9es \u00e0 la cr\u00e9ation de sites Web et de\u00a0blog. Les explications, tant\u00f4t simplifi\u00e9es et parfois\u00a0un peu plus techniques, introduiront graduellement l&rsquo;outil de\u00a0cr\u00e9ation de sites Web WordPress.\u00a0Les membres moins exp\u00e9riment\u00e9s apprendront certains principes, alors que les plus exp\u00e9riment\u00e9s seront motiv\u00e9s \u00e0 poursuivre leurs recherches sur la cr\u00e9ation de site Web.<\/p>\n<p><!--more--><\/p>\n<h4>Pourquoi cr\u00e9er un site Web<\/h4>\n<p style=\"text-align: justify;\">Un\u00a0site Web\u00a0repose\u00a0sur une\u00a0raison d\u2019\u00eatre, soit\u00a0un\u00a0but et des objectifs. Prenons comme exemple le site du club qui traite de sujets reli\u00e9s \u00e0 l\u2019informatique. Il a pour objectif de<br \/>\n\u00ab donner acc\u00e8s au CHIP (le blog du club), au calendrier et aux notes des pr\u00e9sentations et \u00e0 des renseignements utiles \u00bb \u00e0 nos\u00a0membres et \u00e0 nos\u00a0lecteurs en g\u00e9n\u00e9ral. Comme vous le savez autant que moi, le but et les objectifs des sites sur le Web sont vari\u00e9s. \u00a0Voici un texte int\u00e9ressant sur le sujet.<\/p>\n<h4>Est-ce\u00a0pr\u00e9f\u00e9rable de cr\u00e9er un site Web ou de cr\u00e9er un blog ?<\/h4>\n<h5 style=\"text-align: justify;\">Le blog<\/h5>\n<p style=\"text-align: justify;\">Le blog\u00a0est un puissant\u00a0<strong>outil de communication.\u00a0<\/strong>Qualifi\u00e9 d&rsquo;espace d&rsquo;expression libre, il est\u00a0utilis\u00e9\u00a0pour publier\u00a0des articles sur un sujet de son\u00a0choix comme par exemple:<\/p>\n<ul>\n<li style=\"text-align: justify;\">ses\u00a0recettes pr\u00e9f\u00e9r\u00e9es;<\/li>\n<li style=\"text-align: justify;\">ses\u00a0souvenirs de voyage;<\/li>\n<li style=\"text-align: justify;\">ses\u00a0critiques de livres;<\/li>\n<li style=\"text-align: justify;\">ses\u00a0po\u00e8mes;<\/li>\n<li style=\"text-align: justify;\">ses\u00a0plus belles photos.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Prenons pour exemple le site du club. Les <strong><em>articles<\/em><\/strong> \u00a0publi\u00e9s sont affich\u00e9s sur la <strong><em>page d&rsquo;accueil\u00a0<\/em><\/strong>par ordre\u00a0ant\u00e9chronologique (le plus r\u00e9cent en premier). De plus, une int\u00e9ractivit\u00e9 est cr\u00e9\u00e9e avec les\u00a0lecteurs car ces derniers peuvent laisser des <strong><em>commentaires<\/em><\/strong>. C&rsquo;est toujours int\u00e9ressant de savoir ce que nos lecteurs\u00a0pensent et de poursuivre ou non la\u00a0conversation avec eux.<\/p>\n<h5 style=\"text-align: justify;\">Un site Web<\/h5>\n<p style=\"text-align: justify;\">Qu&rsquo;il soit professionnel,\u00a0personnel ou reli\u00e9 \u00e0 un organisme,\u00a0le\u00a0site Web permet de fournir une\u00a0documentation aux lecteurs en utilisant\u00a0des <strong><em>pages<\/em><\/strong> li\u00e9es entre elles. On acc\u00e8de aux pages g\u00e9n\u00e9ralement par le <strong><em>menu<\/em><\/strong> du site.<\/p>\n<p style=\"text-align: justify;\">Le\u00a0blog constitue\u00a0une des pages du site. Il fait partie du site Web. Un site Web peut \u00eatre compos\u00e9 d&rsquo;un blog ou de pages ou encore des\u00a0deux (le site du club est compos\u00e9 des deux : un blog et des pages).<\/p>\n<figure id=\"attachment_10586\" aria-describedby=\"caption-attachment-10586\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10586\" src=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/CHIP_2014_11_wordpress01.jpg\" alt=\"CHIP_2014_11_wordpress01\" width=\"600\" height=\"527\" srcset=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/CHIP_2014_11_wordpress01.jpg 600w, https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/CHIP_2014_11_wordpress01-300x263.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption id=\"caption-attachment-10586\" class=\"wp-caption-text\">Page d&rsquo;accueil du CIMBCC.ORG<\/figcaption><\/figure>\n<h4>Qu&rsquo;est-ce qu&rsquo;une\u00a0plateforme WordPress?<\/h4>\n<p style=\"text-align: justify;\">WordPress est un \u00ab\u00a0gestionnaire de contenu\u00a0\u00bb.\u00a0On dit que WordPress est pour tout le monde et qu\u2019il n\u2019est pas n\u00e9cessaire de conna\u00eetre les langages informatique pour l\u2019utiliser (donc cr\u00e9er son propre site Web). Eh bien c\u2019est vrai!<\/p>\n<p style=\"text-align: justify;\">Selon Wikipedia, \u00ab\u00a0WordPress est un syst\u00e8me de gestion de contenu libre \u00e9crit en<br \/>\n<strong>PHP<\/strong> (1), reposant sur une base de donn\u00e9es <strong>MySQL<\/strong>\u00a0(2), et distribu\u00e9 par <strong><a title=\"Automattic\" href=\"http:\/\/fr.wikipedia.org\/wiki\/Automattic\" target=\"_blank\" rel=\"noopener\">Automattic<\/a><\/strong>. WordPress est surtout utilis\u00e9 comme moteur de blog, mais ses fonctionnalit\u00e9s lui permettent \u00e9galement de g\u00e9rer n&rsquo;importe quel site web\u00a0\u00bb.<\/p>\n<p style=\"text-align: justify;\">WordPress rend la t\u00e2che facile gr\u00e2ce \u00e0 son <em><strong>tableau de bord<\/strong><\/em>\u00a0qui permet de comprendre le concept de \u00ab gestion modulaire \u00bb\u00a0des \u00e9l\u00e9ments composant le site Web (articles du blog, pages, commentaires, menu, photos, etc).<\/p>\n<h4>Qu&rsquo;est-ce qu&rsquo;un\u00a0th\u00e8me WordPress?<\/h4>\n<p style=\"text-align: justify;\">WordPress offre plusieurs types de th\u00e8me. Pour vous aider \u00e0 comprendre, je vous demande\u00a0: quelle diff\u00e9rence voyez-vous\u00a0entre\u00a0un magazine comme l&rsquo;<em>Actualit\u00e9<\/em>\u00a0et le <em>Journal La Presse<\/em> (format papier)?. Vous allez me r\u00e9pondre que la mise en page de ces deux m\u00e9dias est diff\u00e9rente. Vous avez raison! \u00a0Ce qui m&rsquo;am\u00e8ne \u00e0 affirmer que la mise en page du format papier correspond \u00e0 la mise en page d&rsquo;un site Web et qu&rsquo;un th\u00e8me WordPress est en fait un gabarit pour la mise en page d&rsquo;un site Web. Lorsque vous cr\u00e9er un site Web avec un th\u00e8me WordPress, vous remplissez ce gabarit avec votre contenu (textes, photos, etc).<\/p>\n<p style=\"text-align: justify;\">Plusieurs programmeurs\u00a0\u00e9crivent ces\u00a0th\u00e8mes; certains sont offerts gratuitement alors que d\u2019autres plus \u00e9labor\u00e9s doivent \u00eatre achet\u00e9s. Un th\u00e8me est t\u00e9l\u00e9charg\u00e9 par l&rsquo;interm\u00e9diaire du <strong>tableau de bord<\/strong>\u00a0Wordpress. Je vous invite \u00e0 visiter les th\u00e8mes offerts\u00a0sur\u00a0<a href=\"https:\/\/theme.wordpress.com\/\" target=\"_blank\" rel=\"noopener\">wordpress.com<\/a>. Vous y trouverez certainement un th\u00e8me qui r\u00e9pond au but et objectifs d&rsquo;un futur site.<\/p>\n<h4><strong>Un\u00a0th\u00e8me WordPress peut \u00eatre adapt\u00e9 aux besoins<\/strong><\/h4>\n<p style=\"text-align: justify;\">Le\u00a0th\u00e8me Twenty Ten a \u00e9t\u00e9 utilis\u00e9 pour cr\u00e9er le site Web du club. Cliquez sur le lien\u00a0<strong><a title=\"twentyten\" href=\"http:\/\/theme.wordpress.com\/themes\/twentyten\/%20\" target=\"_blank\" rel=\"noopener\">Twenty Ten<\/a>.\u00a0<\/strong>Au\u00a0bas de l&rsquo;\u00e9cran devant vous, comparez la mise en page du site du club avec celles des sites ayant utilis\u00e9 le m\u00eame th\u00e8me. Ces sites semblent diff\u00e9rents, par contre, ils utilisent tous le m\u00eame th\u00e8me pour la mise en page.<\/p>\n<p style=\"text-align: justify;\">Ce qui est formidable, c&rsquo;est la flexibilit\u00e9 des\u00a0th\u00e8mes! En effet, la mise en page pr\u00e9d\u00e9termin\u00e9e d&rsquo;un th\u00e8me peut \u00eatre adapt\u00e9e (format de l&rsquo;ent\u00eate, le nombre de colonnes) et son\u00a0contenu (menu, pages, blog, format du texte, grosseur des photos)\u00a0peut \u00eatre agenc\u00e9 selon les besoins\u00a0(tout cela \u00e0 l\u2019int\u00e9rieur des limites pr\u00e9d\u00e9termin\u00e9es par le programmeur ayant con\u00e7u le th\u00e8me).<\/p>\n<figure id=\"attachment_10588\" aria-describedby=\"caption-attachment-10588\" style=\"width: 600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10588\" src=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/CHIP_2014_11_wordpress02.jpg\" alt=\"CHIP_2014_11_wordpress02\" width=\"600\" height=\"425\" srcset=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/CHIP_2014_11_wordpress02.jpg 600w, https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/CHIP_2014_11_wordpress02-300x212.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption id=\"caption-attachment-10588\" class=\"wp-caption-text\">Tableau de bord du CIMBCC.ORG<\/figcaption><\/figure>\n<h4>H\u00e9bergement du site<\/h4>\n<p style=\"text-align: justify;\">Pour qu&rsquo;un site soit accessible aux internautes, il doit \u00eatre h\u00e9berg\u00e9 sur un serveur. Deux choix se pr\u00e9sentent\u00a0pour h\u00e9berger un site WordPress\u00a0:<\/p>\n<ol style=\"text-align: justify;\">\n<li>Le site\u00a0<a title=\"wordpress\" href=\"https:\/\/fr.wordpress.com\/\" target=\"_blank\" rel=\"noopener\">WordPress.com<\/a> offre l&rsquo;h\u00e9bergement gratuit sur son serveur. Apr\u00e8s avoir saisi l\u2019adresse du site et compl\u00e9t\u00e9 les informations requises, vous \u00eates dirig\u00e9 vers le tableau de bord de WordPress. Les \u00e9crans sont intuitifs et on apprend\u00a0graduellement\u00a0\u00e0 les parcourir pour cr\u00e9er un\u00a0site. La premi\u00e8re \u00e9tape sera de choisir un th\u00e8me pour le nouveau site Web.<\/li>\n<li>D\u2019un autre c\u00f4t\u00e9, on peut\u00a0opter d\u2019h\u00e9berger un\u00a0site sur un serveur commercial. Ce type d\u2019h\u00e9bergement entraine des <a title=\"couts d'hebergement\" href=\"http:\/\/www.hosting-review.com\/canada-fr.php?aff_sub=H-R-Canada-FR&amp;aff_sub2=nom%20de%20domaine&amp;aff_sub3=b&amp;gclid={gclid}&amp;ga1=H-R-Canada-FR&amp;ga2=nom%20de%20domaine&amp;ga3=b&amp;ga4=adwords&amp;gclid=CO3ctb7G_cECFU8R7AodgngA6Q\" target=\"_blank\" rel=\"noopener\">co\u00fbts annuels d\u2019h\u00e9bergement<\/a>\u00a0 et d&rsquo;enregistrement du domaine de votre site (3). Notez que le site Web du club est h\u00e9berg\u00e9 chez un h\u00e9bergeur commercial, nous donnant ainsi toute la flexibilit\u00e9 de personnaliser le site selon les besoins du club (voir tableau ci-bas).<\/li>\n<\/ol>\n<p style=\"text-align: justify;\">En plus de l\u2019aspect mon\u00e9taire de l\u2019h\u00e9bergement, vous devez consid\u00e9rer les \u00e9l\u00e9ments suivants\u00a0:<\/p>\n<table class=\"alignleft\" style=\"width: 691px; height: 397px; border-color: #ffffff; background-color: #ffffff;\" border=\"2px\" cellspacing=\"5px\" cellpadding=\"0px\">\n<caption>\u00a0<\/caption>\n<tbody>\n<tr>\n<td style=\"text-align: left;\">\n<address><strong>H\u00e9bergement sur WordPress.com<\/strong><\/address>\n<\/td>\n<td style=\"text-align: left;\">\n<address><strong>\u00a0H\u00e9bergement commercial<\/strong><\/address>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\">\n<address>WordPress est d\u00e9j\u00e0 t\u00e9l\u00e9charg\u00e9 et pr\u00eat \u00e0 \u00eatre utilis\u00e9. La mise \u00e0 jour de WordPress se fait automatiquement.<\/address>\n<\/td>\n<td style=\"text-align: left;\">\n<address>Vous devez t\u00e9l\u00e9charger WordPress. Par contre, plusieurs h\u00e9bergeurs offrent une fonction automatis\u00e9e pour installer WordPress. La mise \u00e0 jour de WordPress se fait manuellement mais ais\u00e9ment.<\/address>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\">\n<address>Vous pouvez cr\u00e9er plusieurs sites Web<\/address>\n<\/td>\n<td style=\"text-align: left;\">\n<address>Vous pouvez cr\u00e9er plusieurs sites Web<\/address>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\">\n<address>Vous ne pouvez pas t\u00e9l\u00e9charger des extensions (4) externes autres que celles offertes par le th\u00e8me que vous avez choisi d\u2019utiliser pour cr\u00e9er votre site.<\/address>\n<\/td>\n<td style=\"text-align: left;\">\n<address>Vous pouvez t\u00e9l\u00e9charger toutes les extensions externes que vous d\u00e9sirez pour personnaliser votre site.<\/address>\n<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>La prochaine \u00e9tape<\/h4>\n<p style=\"text-align: justify;\">Je vous invite \u00e0 explorer davantage les th\u00e8mes offerts sur le site\u00a0<a title=\"Wordpress\" href=\"https:\/\/theme.wordpress.com\/\" target=\"_blank\" rel=\"noopener\">WordPress.com<\/a>. Personnellement, je favorise cet environnement pour les d\u00e9butants afin de s\u2019initier au tableau de bord WordPress et comprendre ses fonctionnalit\u00e9s.<\/p>\n<p style=\"text-align: justify;\">Si vous avez le go\u00fbt de cr\u00e9er un site Web avec\u00a0Wordpress, je vous propose trois alternatives pouvant vous aider\u00a0dans votre d\u00e9marche:<\/p>\n<ol>\n<li style=\"text-align: justify;\">WordPress offre des\u00a0tutoriels accessibles gratuitement sur\u00a0<a title=\"learn wordpress.com\" href=\"http:\/\/learn.wordpress.com\/\" target=\"_blank\" rel=\"noopener\">learn.worpress.com<\/a>. Toutes les notions y sont d\u00e9crites et vous serez en mesure de comprendre progressivement les notions \u00e9l\u00e9mentaires et plus avanc\u00e9es qu&rsquo;offre WordPress.<\/li>\n<li style=\"text-align: justify;\">Achetez-vous un livre comme <em>WordPress pour les nuls.<\/em>\u00a0Cela pourrait devenir votre livre de chevet!<\/li>\n<li style=\"text-align: justify;\">Surveillez l&rsquo;horaire de nos ateliers pour l&rsquo;hiver 2015 car Jean Presne\u00a0offrira aux membres l&rsquo;atelier\u00a0<a href=\"https:\/\/cimbcc.org\/test2\/activites\/les-ateliers\/atelier-de-montage-dun-site-web-et-dun-blogue\" target=\"_blank\" rel=\"noopener\">Atelier de montage d\u2019un site Web et d\u2019un blogue pour d\u00e9butants<\/a><\/li>\n<\/ol>\n<p>Marie-Jos\u00e9 B\u00e2cle<br \/>\nWebmestre du\u00a0cimbcc.org<\/p>\n<p>___________________<\/p>\n<h4><strong>Vocabulaire<\/strong><\/h4>\n<p>(1) <strong>PHP<\/strong> est un language de programmation.<\/p>\n<p>(2) <strong>MySQL<\/strong> est une interface servant \u00e0 g\u00e9rer des bases de donn\u00e9es.<\/p>\n<p>(3) D\u00e9finition de <a href=\"http:\/\/www.kogik.com\/docs\/nom-domaine.php\" target=\"_blank\" rel=\"noopener\">domaine<\/a>.<\/p>\n<p>(4) D\u00e9finition de <a href=\"http:\/\/www.dicodunet.com\/definitions\/creation-web\/plugin-wordpress.htm\" target=\"_blank\" rel=\"noopener\">extension<\/a> (plugin en anglais).<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cet article a pour objectif de vous familiariser avec les notions reli\u00e9es \u00e0 la cr\u00e9ation de sites Web et de\u00a0blog. Les explications, tant\u00f4t simplifi\u00e9es et parfois\u00a0un peu plus techniques, introduiront graduellement l&rsquo;outil de\u00a0cr\u00e9ation de sites Web WordPress.\u00a0Les membres moins exp\u00e9riment\u00e9s apprendront certains principes, alors que les plus exp\u00e9riment\u00e9s seront motiv\u00e9s \u00e0 poursuivre leurs recherches sur &hellip; <a href=\"https:\/\/cimbcc.org\/test2\/wordpress-une-introduction\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">WordPress &#8211; Une introduction<\/span>  <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":43,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53],"tags":[125,54],"class_list":["post-10491","post","type-post","status-publish","format-standard","hentry","category-chronique-logiciel","tag-site-web","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/posts\/10491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/comments?post=10491"}],"version-history":[{"count":75,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/posts\/10491\/revisions"}],"predecessor-version":[{"id":25007,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/posts\/10491\/revisions\/25007"}],"wp:attachment":[{"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/media?parent=10491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/categories?post=10491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/tags?post=10491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}