Créer un blog wordpress

J’espère  et ima­gine que la plu­part d’entre vous pos­sèdent déjà des notions très basiques de web­mas­te­ring, savent choi­sir un héber­geur, envoyer des fichiers sur un ser­veur, car ce guide com­porte beau­coup de pas­sages inutiles pour ceux qui sont sim­ple­ment ins­crits sur un ser­vice de blog­ging. De nom­breux guides existent sur la toile et peuvent vous aider dans bien des situa­tions, je pense que le mien pour­rait aussi vous être utile, notam­ment pour répondre à des ques­tions que vous vous poser, ou que ris­quez de vous poser, à vous de voir!

Savoir faire fonc­tion­ner word­press en local

Pour gérer un site web il est plus pra­tique d’en avoir une copie fonc­tion­nelle sur son disque dur, pour pou­voir réa­li­ser cela un logi­ciel gra­tuit est dis­po­nible, il s’agit d’easy­php, il en existe d’autres mais celui-ci est par­fait. Ce logi­ciel va ins­tal­ler de quoi inter­pré­ter le php et le sql sur votre sys­tème, une fois ins­tallé télé­char­gez word­press et placez-le dans le dos­sier « www » à la racine du pro­gramme easy­php.  Ensuite exé­cu­tez easy­php, faites un clic droit sur son icône et cli­quez sur admi­nis­tra­tion, cli­quez sur php­myad­min et ensuite créez une base de don­nées qui ser­vira de sup­port à votre blog. Après il suf­fit de faire un clic droit sur l’icône du pro­gramme et de cli­quer sur weblo­cal, à cette étape vous allez ins­tal­ler word­press comme si vous étiez en ligne, il suf­fira de bien ren­sei­gner les champs concer­nant la connexion à la base de don­nées, sachez que par défaut le login et le mot de passe est root pour le nom et rien du tout comme mot de passe(à ne pas repro­duire en ligne évi­dem­ment), le nom du ser­veur est local­host et indi­quez aussi le bon nom de votre base de don­nées pré­cé­dem­ment crée.

Pourquoi ins­tal­ler word­press en local?

Pour pou­voir tra­vailler sur son site, son thème et sa confi­gu­ra­tion sans avoir à se connec­ter à inter­net et sans devoir pas­ser par le ftp pour mettre à jour les modi­fi­ca­tions. C’est un éta­bli de base pour bri­co­ler son site, ce sont les pre­miers tré­teaux à poser avant de pou­voir cor­rec­te­ment travailler.

Trouver un thème graphique

Le thème est la pierre angu­laire de votre blog, non seule­ment il gère l’apparence de votre blog mais il est si inti­me­ment lié à word­press que toutes les modi­fi­ca­tions futures en seront dépen­dantes, j’insiste bien sur ce point, le choix du thème est plus que déter­mi­nant dans la poli­tique de ges­tion de votre site. En effet cer­tains thèmes pos­sèdent des fonc­tions qui peuvent tota­le­ment rem­pla­cer bon nombre d’extensions. De plus ils ont par­fois des options avan­cées pour le réfé­ren­ce­ment qui peuvent entrées en conflit avec cer­taines extensions.

Les cri­tères de choix :

  • La pro­preté du code: plus un code est propre, conforme aux normes et plus il sera com­pa­tible avec la diver­sité des navi­ga­teurs exis­tants ainsi qu’aux moteurs de recherches, sans par­ler de sa per­for­mance glo­bale, vali­dité xhtml et css, à véri­fier donc.
  • L’ergonomie du design: plus qu’un choix per­son­nel c’est une néces­sité, l’ergonomie, la lisi­bi­lité, et la visi­bi­lité doivent être opti­mi­sées. Il n’y a rien de pire qu’un blog mal aéré, qui pos­sèdent des cou­leurs illi­sibles et dont on ne com­prend stric­te­ment rien. L’agrandissement de la taille du texte doit être pos­sible, sur­tout pour les mal­voyants. Le thème doit gérer un pack de fontes avec saga­cité, exemple de lots de polices sur sitepoint.com.
  • Le suivi par l’auteur du thème: les thèmes doivent évo­luer, car tout d’abord les ver­sions de word­press se suc­cèdent vite et cer­tains défauts doivent être corrigés(rien n’est par­fait de manière innée). Il faut donc s’assurer que l’auteur du thème fait des mises à jour régu­lières. C’est essen­tiel, car un thème pour­rait vite ne plus deve­nir com­pa­tible avec une ver­sion récente de word­press et là bon­jour les dégâts.

Trouvez des thèmes sur cette liste de sites.

Je conseille ce site pour des thèmes en fran­çais, et Thematic de ThemeShaper, pour réa­li­ser un thème en fonc­tion de ses connais­sances en html et css.

Sur mon site j’utilise un thème(mystique) que je modi­fie en fonc­tion de mes besoins, mais n’hésitez à visi­ter le site de digi­tal nature en lien tout en bas de mon site, il y a d’autres thèmes de qua­lité et le suivi est régulier(très).

Installer de bonnes extensions

WordPress est une base sur laquelle nous gref­fons quelques pro­grammes utiles, ce sont les extensions.

Les indis­pen­sables:
  • Akismet: pré­ins­tallé par défaut sur word­press, c’est un plu­gin essen­tiel dans la pro­tec­tion des spams.
  • Google xml site­map: Créer un plan de site pour les moteurs de recherche, une évi­dence pour le référencement.
  • Wp super cache: Accélère votre site en met­tant en cache du contenu qui n’aura pas besoin de se rechar­ger à chaque fois qu’un visi­teur le deman­dera. Cela à un impact posi­tif sur la durée de char­ge­ment de vos pages et donc de votre site.
  • Headspace2: Gère les per­ma­liens, c.-a.-d. l’apparence des liens des pages de votre site, et donc la qua­lité de leur pré­sence sur les résul­tats des moteurs de recherche. Et bien d’autres choses.

Astuce google ana­ly­tics: dans modules du site on ren­seigne l’id du compte ana­ly­tics, et ainsi pas besoin de modi­fier le thème ou d’ajouter un plu­gin pour béné­fi­cier des sta­tis­tiques de son site sur google analytics.

  • WordPress data­base backup: Pour faire des sau­ve­gardes régu­lières de votre base de don­nées, vital. Possibilité de sau­ve­garde auto­ma­ti­sée et envoyée sur votre email.
Pour la per­for­mance tech­nique du blog:
  • Wp opti­mize: Cette exten­sion va vous per­mettre de faire le ménage dans votre base de don­nées, en effa­çant les sau­ve­gardes d’articles qui s’y entassent et en opti­mi­sant les tables.

Astuce sécu­rité: Dans secu­rity tools vous avez la pos­si­bi­lité de chan­ger votre login de connexion, plu­tôt qu’admin, à vous de le personnaliser…

  • Web opti­mizer: Avec le thème et l’ajout d’extensions, les fichiers css et javas­cript com­mencent à pul­lu­ler or cette exten­sion va les com­pres­ser et les réunirent en un nombre plus réduit de fichiers. Efficace.
Gestion de gal­le­ries d’images:
  • Nextgen gal­lery: Ce qu’il y a de plus com­plet pour gérer son stock de photographies.

Astuce pho­to­gra­phies et images: Possibilité d’ajouter faci­le­ment un tatouage numé­rique tex­tuel à ses images, ce qui a pour avan­tage de pro­té­ger votre droit d’auteur et d’avoir un plus grand impact visuel per­son­na­lisé dans les moteurs de recherche d’images, en effet si l’on voit votre site écrit sur l’image c’est clair et net.

Convivialité du blog:
  • Suscribe to com­ments: Permet aux visi­teurs de suivre les réponses à leurs com­men­taires par abon­ne­ment mail.
  • Comment Relish: Envoie un mail pour remer­cier les visi­teurs de leur pre­mier com­men­taire et pre­mière participation.
  • Wp Ajax Edit Comment: Possibilité pour les visi­teurs d’éditer leurs com­men­taires au cas où ils feraient des fautes.
  • Contact Form 7: Créer des for­mu­laires de contact.

Configurer et gérer les accès à son site, le fichier htaccess:

Ce fichier est tou­jours à la racine de votre site et il sera auto­ma­ti­que­ment modi­fié par les exten­sions pour ce qui est de la réécri­ture des liens internes et l’optimisation, la com­pres­sion des fichiers. Malgré tout vous pou­vez tou­jours l’éditer vous-même afin d’y ajou­ter quelques amé­lio­ra­tions sui­vant vos besoins.

Au début du fichier vous pou­vez ajou­ter ce code pour signa­ler au ser­veur l’utilisation de php5 sur votre site(cette astuce est conseillée par l’hébergeur ovh et est pro­ba­ble­ment valide pour les autres, il faut se ren­sei­gner tout de même):

SetEnv PHP_VER 5

C’est par­fois néces­saire pour assu­rer la bonne marche de cer­taines exten­sions et de toute manière c’est plus que conseillé.

Le fichier wp-config est le centre névral­gique de votre site, c’est lui qui contient les don­nées d’accession à votre base de don­nées, on peut donc ren­for­cer sa sécu­rité par ce petit ajout:

# pro­tect wpconfig.php
<files wp-config.php>
order allow,deny
deny from all
</files>
# protect wpconfig.php
<files wp-config.php>
order allow,deny
deny from all</files>

Pour tout ceux qui veulent se pro­té­ger du hot­lin­king, ajou­tez ceci:

#disable hotlinking of images with forbidden or custom image option

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http://(www.)?votresite.fr/.*$ [NC]

#RewriteRule .(gif|jpg)$ - [F]

RewriteRule .(gif|jpg)$ http://votresite.fr/votreimage.gif [R,L]

Ainsi lorsque quelqu’un fera sur son blog un lien pour affi­cher une image de votre site il aura à la place de cette image, une image que vous aurez choi­sie à cette occa­sion, ce qui décou­ra­gera les ten­ta­tives d’utilisation de vos images et donc de votre bande passante.

Maitriser sa typographie:

La publi­ca­tion sur inter­net doit être une bonne occa­sion de se per­fec­tion­ner en ortho­graphe, en gram­maire, bref en langue fran­çaise glo­ba­le­ment. La typo­gra­phie est un ensemble de règles de publi­ca­tion de l’expression qui s’appliquent aux ouvrages publiés sur papier mais elle concerne évi­dem­ment toute publi­ca­tion et ce peut importe le sup­port choisi. Ce n’est pas d’une grande uti­lité, mais publier dans les règles apporte une cohé­rence que l’on ne remarque peut-être pas de prime abord, mais cela engendre un confort et un plai­sir de lec­ture non négligeable.

L’outil pour word­press est l’extension wp-Typography, au menu ges­tion de la césure, rem­pla­ce­ment intel­li­gent de carac­tères, contrôle des espaces,  pré­ven­tion des veuves et per­son­na­li­sa­tion de cer­tains élé­ments par l’usage d’une feuille de style.

Les réglages par défaut sont très res­pec­tueux des règles typo­gra­phies, il n’y a donc pas besoin de les modi­fier. Chaque réglage peut être réini­tia­lisé, l’extension est bien conçue et n’est pas  invasive.

Seul bémol l’extension n’est qu’en anglais, hyphe­na­tion = césure, widows = veuves, etc.

Apprendre à pen­ser dès le début au référencement:

Investir son temps et son éner­gie à par­ta­ger sa pas­sion sur le net serait une perte de temps si l’on ne se pen­chait pas un mini­mum sur le réfé­ren­ce­ment de son site. Pas de panique un site bien réfé­rencé se tra­vaille avant tout en interne et vous pos­sé­dez déjà tout les outils qu’il vous faut.

Pourquoi se pen­cher sur ce sujet est-il important?

Pour opti­mi­ser le lien entre un visi­teur poten­tiel et votre site, c’est faire en sorte que l’on puisse accé­der de manière opti­male aux don­nées sug­gé­rées dans votre site. C’est comme une règle de bien­séance dans l’accueil d’un visi­teur, on net­toie le che­min et on met un beau tapis de bienvenue.

Permaliens et titres: par défaut word­press sup­prime toute les lettres accen­tuées de votre per­ma­lien, ce qui est déjà une perte de sens poten­tielle, sur­tout avec ces signes voyelles dia­cri­tiques. L’astuce consiste à repla­cer dans votre per­ma­lien la lettre cette foi-ci non accen­tuée. En revanche le titre peut lui être bien accen­tué. Les mots de liai­sons peuvent aussi être sup­pri­més s’ils sont inutiles pour le moteur de recherche, par exemple mieux vaut marin-mer-bateau que un-marin-en-mer-sur-un-bateau. Pour cette cir­cons­tance, le plu­gin seo slugs peut vous aider, il sup­pri­mera auto­ma­ti­que­ment ces mots de liaison.

Liens redi­ri­gés: pour sur­veiller, gérer les pages man­quantes et les liens péri­més, l’extension redi­rec­tion est d’un grand secours.

Se mettre à jour et appro­fon­dir ses connaissances:

Le net est en évo­lu­tion constante, se docu­men­ter est une néces­sité, alors voici quelques sites d’où par­fois ces astuces sont tirées et où d’autres vous attendent:

Trucs et astuces pour créer, per­son­na­li­ser et opti­mi­ser un blog, sur le coin des petits, de Cathy.(Pour le réfé­ren­ce­ment en géné­ral. Et par­ti­cu­liè­re­ment pour les blogs blog­ger, l’alternative pos­sible à wordpress.)

Plugins et astuces pour sécu­ri­ser son site web, sur Job Alternative.

Accélérer votre site web, sur Vecrea.

Les astuces WordPress, sur Geekeries.

Les conseils et exten­sions de Vladimir pre­lo­vac, sur Prelovac.

Astuces word­press pour desi­gners et blog­gueurs, sur Hongkiat.

Guide com­plet pour opti­mi­ser le réfé­ren­ce­ment sous WordPress, sur insidedaweb.

En librai­rie, pour le gra­phisme les édi­tions eyrolles, xhtml, ergo­no­mie web, css2 de Raphaël Goetter. Pour la typo­gra­phie, le petit manuel de la com­po­si­tion typo­gra­phique de Muriel Paris et le lexique des règles typo­gra­phiques de l’imprimerie nationale.

Conclusion

Avant je pré­fé­rais réa­li­ser mes thèmes en code html et css, c’est pos­sible quand le ges­tion­naire de contenu nous laisse cette liberté, avec word­press je n’ai pas choisi cette option là sachant que d’autres ont réa­li­ser de bien meilleurs thèmes que je ne serais capable de conce­voir, notam­ment quand le php(voir aussi le javas­cript) est si inti­me­ment imbri­qué dans le code du thème, le contraire aurait néces­si­ter un appren­tis­sage bien long. J’avais remar­qué WordPress depuis long­temps ainsi que ses capa­ci­tés  et qua­li­tés intrin­sèques, depuis je l’ai adopté et je n ‘en suis pas déçu. Mais je rend compte que l’on fait énor­mé­ment d’erreurs qui ne sont pas tou­jours visibles, des exten­sions incom­pa­tibles, ou inutiles, etc. L’informatique suit tout de même une cer­taine logique, qu’il faut s’efforcer de com­prendre pour espé­rer en tirer le meilleur pro­fit, et fina­le­ment c’est un peu comme bien des choses. Alors j’espère que ce guide vous sera utile, et si vous avez des ques­tions, n’hésitez pas à me contac­ter, par signaux de fumée, com­men­taires ou mail.


4 murmures à l'article “Créer un blog wordpress”

  1. Coralie dit :

    Je ne suis pas sous word­press, mais je suis sûre que ça sera très utile à ceux qui veulent se lan­cer dans un blog :)

  2. Zipanu dit :

    Dotclear c’est bien, j’ai hésité à m’en ser­vir, peut-être un jour.

  3. cathy B dit :

    Un grand merci pour ton tuto­riel: j’ignore quand je trou­ve­rai le temps de démé­na­ger mon site, mais ton article m’est d’une grande aide, et me fera gagner beau­coup de temps :-)

  4. Zipanu dit :

    :)
    Déménager et migrer le contenu aussi peut-être, que du bou­lot en perspective!

Haut de page.

❧ Exprimez votre nature

Bienvenue !
N'hésitez pas à partager vos pensées, vos avis ou vos coups de coeur.