{"id":659,"date":"2017-12-19T13:49:28","date_gmt":"2017-12-19T12:49:28","guid":{"rendered":"http:\/\/adn56.net\/blog\/?p=659"},"modified":"2017-12-19T14:28:08","modified_gmt":"2017-12-19T13:28:08","slug":"cr-atelier-18-decembre-2017-acheter-un-hebergement-et-y-installer-wordpress","status":"publish","type":"post","link":"https:\/\/adn56.net\/blog\/index.php\/2017\/12\/19\/cr-atelier-18-decembre-2017-acheter-un-hebergement-et-y-installer-wordpress\/","title":{"rendered":"CR atelier 18 d\u00e9cembre 2017 : acheter un h\u00e9bergement et y installer WordPress"},"content":{"rendered":"<p><a href=\"http:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/atelierwp.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-676\" src=\"http:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/atelierwp.jpg\" alt=\"\" width=\"1000\" height=\"563\" srcset=\"https:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/atelierwp.jpg 1000w, https:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/atelierwp-300x169.jpg 300w, https:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/atelierwp-768x432.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n<p>Un atelier un peu compliqu\u00e9 sur l&rsquo;installation d&rsquo;un blog WordPress sur son h\u00e9bergement.<\/p>\n<p>Attention \u00e0 bien faire la diff\u00e9rence entre les 2 solutions existantes :<\/p>\n<ul>\n<li>installer son code WordPress disponible sur <a href=\"https:\/\/wordpress.org\/\">wordpress.<strong>org<\/strong><\/a> et mis sur son propre h\u00e9bergement (ce que nous allons voir ici)<\/li>\n<li>cr\u00e9er un blog WordPress cl\u00e9 en main mais h\u00e9berg\u00e9 chez <a href=\"https:\/\/wordpress.com\/\">wordpress.<strong>com <\/strong><\/a>(plus facile mais moins ind\u00e9pendant)<\/li>\n<\/ul>\n<p>WordPress est \u00e0 la base un site web de type blog (cet article que vous lisez fait partie d&rsquo;un blog wordpress), mais il a tellement \u00e9volu\u00e9 qu&rsquo;on peut aujourd&rsquo;hui s&rsquo;en servir comme d&rsquo;un CMS (Content Mangement System), c&rsquo;est \u00e0 dire un site \u00e0 part enti\u00e8re que l&rsquo;on peut \u00e9diter gr\u00e2ce \u00e0 l&rsquo;interface d&rsquo;administration.<\/p>\n<p>Ce serait un peu long de tout reprendre dans les d\u00e9tails, mais je vais essayer de r\u00e9sumer le parcours que nous avons suivi. Le point int\u00e9ressant est que nous sommes partis de z\u00e9ro sur un cas concret : la cr\u00e9ation du blog de l&rsquo;association de Lauzach avec Patricia qui en sera l&rsquo;administratrice.<\/p>\n<p>Voil\u00e0 donc ce que nous avons fait.<\/p>\n<h1>H\u00e9bergement<\/h1>\n<p>Pour installer un site internet, il faut <strong>un h\u00e9bergement<\/strong>. Il s&rsquo;agit de louer de l&rsquo;espace sur un ordinateur \u00ab\u00a0visible\u00a0\u00bb sur internet. C&rsquo;est ce que nous allons appeler notre <strong>serveur<\/strong>. C&rsquo;est sur cet espace que nous allons installer nos fichiers qui composent le site.<\/p>\n<p>Une fois ce serveur disponible, il faut aussi pouvoir lui donner un nom d&rsquo;acc\u00e8s pour nos lecteurs. De la m\u00eame fa\u00e7on on loue un <strong>nom de domaine<\/strong>, c&rsquo;est l&rsquo;adresse du site, ce qui permet \u00e0 vos lecteur en tapant ce nom dans la barre d&rsquo;adresse de leur navigateur de \u00ab\u00a0voir\u00a0\u00bb votre site.<\/p>\n<p>Vu nos besoins, il n&rsquo;est pas n\u00e9cessaire de louer un ordinateur rien que pour notre site, ce qui co\u00fbte cher, on ne loue en fait qu&rsquo;un petit bout des ressources d&rsquo;un ordinateur serveur, on parle d&rsquo;<strong>h\u00e9bergement mutualis\u00e9<\/strong>. On cohabite en r\u00e9alit\u00e9 avec d&rsquo;autres sites sur le m\u00eame serveur, mais cela est transparent pour nous, on a notre h\u00e9bergement bien \u00e0 nous.<\/p>\n<p>Pour installer WordPress, le pr\u00e9requis technique est de disposer d&rsquo;un h\u00e9bergement avec <strong>une base de donn\u00e9es MySQL<\/strong> et du <strong>PHP<\/strong>.<\/p>\n<p>Patricia a donc achet\u00e9 un pack comprenant tout cela chez un fournisseur qui lui a permis de choisir son nom de domaine, il faut en trouver un disponible puisqu&rsquo;il est forc\u00e9ment unique : ce sera donc <strong>cil56.net<\/strong>.<\/p>\n<p>Pour info le budget est d&rsquo;une 20aine d&rsquo;euros par an, \u00e0 renouveler chaque ann\u00e9e donc. Nous avons pris ce pack chez EuroWH, les packs disponibles sont visibles ici : <a href=\"https:\/\/www.eurowh.com\/web-hosting.php\">https:\/\/www.eurowh.com\/web-hosting.php<\/a><\/p>\n<p>( je n&rsquo;ai pas d&rsquo;action chez EuroWH, c&rsquo;est simplement celui dont je me sers depuis des ann\u00e9es et que donc je connais bien )<\/p>\n<p>Une fois cette commande pass\u00e9e, on re\u00e7oit un mail contenant toutes les informations permettant d&rsquo;acc\u00e9der \u00e0 la gestion de notre h\u00e9bergement.<\/p>\n<h1>WordPress<\/h1>\n<p>WordPress est disponible en fran\u00e7ais ici : <a href=\"https:\/\/fr.wordpress.org\/txt-download\/\">https:\/\/fr.wordpress.org\/txt-download\/<\/a><\/p>\n<p><a href=\"http:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/wpfiles.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-664 alignright\" src=\"http:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/wpfiles.png\" alt=\"\" width=\"176\" height=\"433\" srcset=\"https:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/wpfiles.png 176w, https:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/wpfiles-122x300.png 122w\" sizes=\"auto, (max-width: 176px) 100vw, 176px\" \/><\/a>On le t\u00e9l\u00e9charge sur notre ordinateur, et on d\u00e9compresse l&rsquo;archive. On voit que le r\u00e9sultat obtenu est une quinzaine de fichiers + 3 sous r\u00e9pertoires. C&rsquo;est tout ce contenu que nous allons devoir transf\u00e9rer sur notre serveur \u00e0 l&rsquo;endroit de notre choix.<\/p>\n<p>Personnellement je conseille de choisir un r\u00e9pertoire sur le serveur d\u00e9di\u00e9 au WordPress afin de garder l&rsquo;accueil du site disponible.<\/p>\n<p>Le transfert est effectu\u00e9 gr\u00e2ce au protocole FTP qui permet \u00e0 2 ordinateurs d&rsquo;\u00e9changer des fichiers. Il y a plusieurs fa\u00e7ons de faire cela mais nous allons utiliser un logiciel qui permet de se connecter et de voir simultan\u00e9ment notre espace distant (sur le serveur) et notre espace local (notre ordinateur). On pourra alors faire des transferts par simple d\u00e9placer\/coller.<\/p>\n<p>Ce logiciel s\u2019appelle FileZilla, il est libre et <a href=\"https:\/\/filezilla-project.org\/download.php?type=client\">disponible ici<\/a>.<\/p>\n<p>On peut chercher des tutoriels pour l&rsquo;utilisation de FileZilla, par exemple <a href=\"https:\/\/www.youtube.com\/watch?v=c383DKVIYRY\">cette video en fran\u00e7ais<\/a>. L&rsquo;id\u00e9e est de configurer sa connexion FTP \u00e0 notre serveur gr\u00e2ce aux identifiants FTP re\u00e7us lors de l&rsquo;achat de l&rsquo;h\u00e9bergement.<\/p>\n<p>Une fois la connexion \u00e9tablie, on transfert nos fichiers. Une fois le transfert termin\u00e9, on peut se rendre \u00e0 l&rsquo;aide du navigateur sur notre nouveau site pour atteindre le r\u00e9pertoire o\u00f9 on a d\u00e9pos\u00e9 les fichiers wordress.<\/p>\n<p>Les fichiers sont bien au bon endroit, mais cela ne suffit pas, il faut un deuxi\u00e8me acteur dans le fonctionnement d&rsquo;un blog wordpress : une base de donn\u00e9e. La page d&rsquo;accueil du wordpress explique bien cela, il sait que l&rsquo;installation n&rsquo;est pas encore faite, il est donc affich\u00e9 les \u00e9l\u00e9ments n\u00e9cessaires pour finaliser cette installation.<\/p>\n<p>En gros wordpress va s&rsquo;occuper de tout mais il faut lui donner les cl\u00e9s de la base donn\u00e9es avec laquelle il va fonctionner.<\/p>\n<p><a href=\"http:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/wpstart.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-671 aligncenter\" src=\"http:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/wpstart.jpg\" alt=\"\" width=\"792\" height=\"598\" srcset=\"https:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/wpstart.jpg 792w, https:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/wpstart-300x227.jpg 300w, https:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/wpstart-768x580.jpg 768w\" sizes=\"auto, (max-width: 792px) 100vw, 792px\" \/><\/a><\/p>\n<p>Les identifiants de cette base de donn\u00e9e et comment on les obtient d\u00e9pendent du fournisseur de l&rsquo;h\u00e9bergement. Ce n&rsquo;est pas toujours le plus simple \ud83d\ude42<\/p>\n<p>Dans le cas pr\u00e9sent, il nous a fallu acc\u00e9der \u00e0 la console d&rsquo;administration de notre domaine pour :<\/p>\n<ol>\n<li>cr\u00e9er la base de donn\u00e9e (on a alors son <strong>nom<\/strong>)<\/li>\n<li>cr\u00e9er un utilisateur avec un <strong>identifiant<\/strong> et un <strong>mot de passe<\/strong>.<\/li>\n<li>Affecter cet utilisateur \u00e0 la base de donn\u00e9e cr\u00e9\u00e9e et lui attribuer les droits n\u00e9cessaires.<\/li>\n<\/ol>\n<p>Tout ceci fait, on a tout ce qu&rsquo;il nous faut. WordPress nous demande le nom de la base de donn\u00e9e, l&rsquo;identifiant de l&rsquo;utilisateur, son mot de passe, l&rsquo;h\u00f4te de la base de donn\u00e9es ( souvent comme dans notre cas on met \u00ab\u00a0localhost\u00a0\u00bb car tout est au m\u00eame endroit ), puis un prefix pour les tables qu&rsquo;il va cr\u00e9er, il parait qu&rsquo;au niveau s\u00e9curit\u00e9 \u00e7a ne fait pas mal de changer le \u00ab\u00a0wp_\u00a0\u00bb par d\u00e9faut.<\/p>\n<p>Vous pouvez lancer l&rsquo;installation ( bouton \u00ab\u00a0C&rsquo;est parti\u00a0\u00bb ) et si tout se passe bien, il restera juste \u00e0 rentrer quelques param\u00e8tres modifiables par le suite comme le nom du site ou l&rsquo;identifiant\/mot de passe de l&rsquo;administrateur du blog. Il s&rsquo;agit l\u00e0 d&rsquo;un compte \u00ab\u00a0\u00e9diteur\u00a0\u00bb du blog, rien \u00e0 voir avec les identifiants de la base de donn\u00e9e ou du FTP.<\/p>\n<p>Pour m\u00e9mo, si on a un blog wordpress install\u00e9 sur http:\/\/monserveur\/monblog\/ pour acc\u00e9der \u00e0 l&rsquo;administration il faut aller sur http:\/\/monserveur\/monblog\/<strong>wp-admin <\/strong>avec le compte administrateur dont on vient de parler au paragraphe pr\u00e9c\u00e9dent. C&rsquo;est aussi l\u00e0 que pourront se loguer des utilisateurs que vous pourrez ajouter \u00e0 votre blog avec des droits diff\u00e9rents : des auteurs, des \u00e9diteurs, de lecteurs, &#8230;<\/p>\n<p>Le r\u00e9sultat de tout cela est en ligne puisqu&rsquo;en 2 heures nous avons r\u00e9ussi \u00e0 tout passer en revue, le Club Informatique de Lauzach a donc un site depuis hier soir : <a href=\"http:\/\/cil56.net\">http:\/\/cil56.net<\/a> , y&rsquo;a plus qu&rsquo;\u00e0 le remplir \ud83d\ude42<\/p>\n<p>Nous ferons des ateliers sur l&rsquo;utilisation d&rsquo;un WordPress install\u00e9, l&rsquo;\u00e9dition de billets et de pages, la personnalisation du site, mais en attendant pour ceux que \u00e7a int\u00e9resse vous pouvez d\u00e9j\u00e0 regarder cette vid\u00e9o qui traite du sujet.<\/p>\n<p><iframe loading=\"lazy\" title=\"De\u0301buter en tant qu&#039;e\u0301diteur WordPress, ajouter un page, etc.\" width=\"386\" height=\"217\" src=\"https:\/\/www.youtube.com\/embed\/VURhFTHvvPE?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><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un atelier un peu compliqu\u00e9 sur l&rsquo;installation d&rsquo;un blog WordPress sur son h\u00e9bergement. Attention \u00e0 bien faire la diff\u00e9rence entre les 2 solutions existantes : installer son code WordPress disponible sur wordpress.org et mis sur son propre h\u00e9bergement (ce que nous allons voir ici) cr\u00e9er un blog WordPress cl\u00e9 en &hellip;<\/p>\n","protected":false},"author":1,"featured_media":670,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[4,11],"tags":[17],"class_list":["post-659","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ateliers","category-compte-rendu","tag-wordpress"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/adn56.net\/blog\/wp-content\/uploads\/2017\/12\/laptop-593673_1280.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p82yvs-aD","_links":{"self":[{"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=659"}],"version-history":[{"count":11,"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/659\/revisions"}],"predecessor-version":[{"id":678,"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/posts\/659\/revisions\/678"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/media\/670"}],"wp:attachment":[{"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adn56.net\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}