Installer et optimiser WordPress

Installation en un clic, en cinq minutes chrono… WordPress est réputé pour être simple à installer. Et c’est le cas.

Il suffit de savoir faire. Ah la jolie phrase ! Et si on ne sait pas faire ? Si on ne sait pas, il y a quatre solutions :

on installe en un clic avec un service proposé par l’hébergeur (mais souvent avec des limitations)
on loue les services d’un prestataire (mais on ne saura pas davantage faire ensuite, sauf à prendre une formation avec)
on essaie par soi-même, tout seul comme un grand en se disant que Google est notre ami (mais on va finir par le traiter de faux-frère - oops)
on vient sur le blog suivre le tutoriel ;)

Il y a bien une cinquième solution, dite solution de repli : on reste sur Blogger ou sur WordPress.com, mais c’est plus une renonciation qu’une solution.

Alors si vous êtes (encore) là, autant rentrer tout de suite dans le vif du sujet, nous allons installer WordPress, pas à pas !

Mais avant de l’installer, il y a quelques étapes préliminaires à franchir, et la première concerne…

Le nom de domaine et l’hébergement

Le choix du nom de domaine

Choisir un nom de domaine est une étape importante, il est préférable qu’il soit en rapport direct avec le contenu de votre site ; le nom de votre entreprise pour un professionnel, un élément clé sinon : autour-des-boutons conviendra à un blog sur les chemises (ça existe ? sûrement…) ou sur l’acné, mais le rapport sera bien plus difficile à trouver si vous parlez de… je ne sais pas, aidez-moi ! De cartes postales par exemple !

La grande majorité des hébergeurs proposent un nom de domaine gratuit la première année. Mais le service rendu varie de mauvais, voire médiocre, à excellent. Il va donc falloir faire…

Le choix d’un hébergeur de qualité

Pour un tout premier blog, vous pouvez tenter les hébergeurs grand public : OVH↗, 1&1 Ionos↗, Amen↗…

Si vous souhaitez un hébergement de base de qualité, performant, avec un service technique réactif, orientez-vous plutôt vers Planet Hoster↗, Nuxit↗ ou vers Siteground↗, pour ceux qui maîtrisent l’anglais.

Mon blog est hébergé par Planet Hoster↗, après des années sur un VPS OVH. Les performances sont au rendez-vous, et le support technique est excellent.

Et une fois que vous aurez validé le nom de domaine et l’hébergement, il va falloir…

Installer WordPress

Oui mais… l’installer, comment ? Ce qui va de soi pour un geek, un blogueur aguerri ou un webmaster ne va pas de soi pour le commun des mortels.

Alors nous allons commencer par rassembler tout ce sont nous aurons besoin pour mener à bien cette opération ~~périlleuse~~ au final bien simple.

En tout premier lieu, nous avons besoin des données que l’hébergeur nous a gentiment envoyées. La plupart du temps, un nom d’hôte (soit une adresse IP numérique de forme 127.0.0.0.1, soit une adresse ftp : ftp.mondomaine.com), un identifiant FTP et son mot de passe, et le couple identifiant / mot de passe pour la base de donnée MySQL.

Nous aurons besoin de WordPress aussi. Facile, il suffit de se rendre sur la page dédiée à la dernière version en français↗. Vous y trouverez une archive (en fait deux, une au format zip, universel, et une au format tar.gz plus spécifique aux plateformes Linux). Je cite l’intro :

“La dernière version francisée de WordPress sera toujours accessible depuis cette page. Il vous suffit de cliquer sur le bouton se trouvant ici à droite pour la télécharger.”

fr.wordpress.org

Il va falloir transférer cette archive (décompressée) sur l’espace mis à disposition par l’hébergeur, en se servant d’un logiciel tel que Filezilla↗ ou Cyberduck↗.

Vous trouverez deux excellents tutoriels pour ces logiciels chez OVH : Utilisation Cyberduck (MAC)↗ valable aussi pour Windows à présent, et Utilisation logiciel FileZilla avec votre hébergement↗. À vous de choisir selon vos préférences personnelles si vous êtes sous Windows.

Le transfert terminé (de quelques secondes à quelques minutes en fonction de votre connexion internet), nous allons passer à l’installation à proprement parler de WordPress. Il suffit de saisir L’URL de votre site dans la barre d’adresse de votre navigateur : http://autour-des-boutons.xyz par exemple.

C’est parti, l’installation est en route ! Le premier écran est un écran informatif :

Avec l’écran suivant on entre directement dans le vif du sujet : c’est maintenant qu’il faut saisir toutes les données précédemment reçues de notre hébergeur.

Il est fortement recommandé de changer le préfixe par défaut des tables : passez de wp_ à une suite aléatoire de caractères alphanumériques suivis d’un underscore (tiret bas) : t45fe6_ par exemple. Vous n’aurez pas besoin de vous souvenir de cette donnée ensuite, la gestion des tables est transparente pour l’administrateur autant que pour l’utilisateur lambda.

Une fois les données de la base de données validées, un troisième écran apparaît :

Installation - saisie des données générales

Les mots de passe générés automatiquement lors de l’installation sont très longs du type reToPLdkY6trARYaBvNu4VrA par exemple.

Vous avez un indicateur de force si vous saisissez vous-même le mot de passe, servez vous en pour en générer un de plus simple à retenir sans pour autant perdre en sécurité. Pas d’idée pour votre mot de passe ? Vous avez peut-être une expression, une citation ou une phrase qui vous vient naturellement à l’esprit, écrivez-la et transormez-la. Un exemple ? Sécurité site WordPress peut devenir CQriT6teWP:) - attention, n’utilisez pas cet exemple, mais voila un mot de passe quasi incassable !

Et l’étape suivante, c’est pour vous indiquer que tout c’est bien passé :

WordPress est installé, le thème par défaut est activé automatiquement, vous pouvez déjà voir le résultat en entrant à nouveau l’URL de votre site dans la barre d’adresses de votre navigateur.

Mais il reste encore à…

Sécuriser et optimiser le site

Les réglages depuis l’administration

Dans l’interface d’administration de WordPress, cliquez sur Réglages > Général. Réglez le fuseau horaire, le format de la date, le premier jour de la semaine.

Même si ces petits riens vous semblent insignifiants, “publié le Mars 2016, 17” ne fait pas bonne impression. Un clic plus tard vous afficherez “publié le 17 mars 2016”, et le lecteur n’y prêtera pas attention ;)

Ensuite, rendez-vous dans Réglages > Permaliens pour définir le format des URL de vos pages et articles.

Pour optimiser le référencement, un lien texte sera toujours plus parlant qu’un identifiant numérique. Donc tout, sauf Simple et Numérique.

Vous pouvez préfixer les catégories et les étiquettes, pour ma part je préfixe les archives de catégories du terme rubrique, bien plus approprié sur mon blog.

Une fois ces réglages basiques effectués, nous allons passer au plat de résistance.

Personnaliser les fichiers de configuration

Deux fichiers vont retenir toute notre attention, ils sont tous les deux situés dans le répertoire principal. Commençons par…

Paramétrer le fichier wp-config.php

Voici à quoi ressemble ce fichier, généré automatiquement lors de l’installation de WordPress :

En personnalisant ce fichier, nous allons et optimiser, et sécuriser notre site. Ce n’est pas le seul fichier que nous allons modifier, il y en a un second que nous verrons ensuite.

Tout ce que nous allons ajouter dans wp-config.php va l’être au-dessus du commentaire de la ligne 87.

Nous allons commencer par définir deux constantes, qui éviteront des recherches en base de données :

1
define( 'WP_HOME', 'http://autour-des-boutons.xyz' );
2
define( 'WP_SITEURL', 'http://autour-des-boutons.xyz' );

En règle générale, ces deux constantes ont la même valeur.

Nous allons aussi définir trois constantes supplémentaires, une pour le nombre de révisions (états antérieurs de l’article) que WordPress garde en base de données, la deuxième pour déterminer l’intervalle en secondes entre deux enregistrements automatiques, la dernière pour définir après combien de jours un élément placé dans la corbeille doit être définitivement supprimé :

1
define( 'WP_POST_REVISIONS', 3 ); // nombre entier, ou false pour 0
2
define( 'AUTOSAVE_INTERVAL', 300 );
3
define( 'EMPTY_TRASH_DAYS', 7 );

Nous allons également augmenter la quantité de mémoire allouée à WordPress :

1
define( 'WP_MEMORY_LIMIT', '64M' );
2
define( 'WP_MAX_MEMORY_LIMIT', '96M' );

La première sert pour le site vu par le visiteur, la seconde est destinée à allouer encore plus de mémoire à l’administration, certaines tâches pouvant s’avérer très gourmandes.

Pour réparer automatiquement la base de données, nous allons rajouter la ligne suivante :

1
define( 'WP_ALLOW_REPAIR', true );

Et enfin, pour éviter que qui que ce soit vienne modifier les thèmes ou les extensions depuis l’interface d’administration, nous rajouterons :

1
define( 'DISALLOW_FILE_EDIT', true );

Voilà pour l’essentiel de ce qui peut être fait dans les fichier de configuration de WordPress.

Pour aller plus avant dans sa configuration, vous pouvez vous reporter à l’article Modifier wp-config.php↗ dans le Codex WordPress.

Mais il y a un autre fichier que j’ai évoqué plus haut dans l’article. Nous allons donc…

Configurer le fichier .htaccess

D’origine, il ressemble à ceci :

Nous allons sécuriser le fichier wp-config.php en rajoutant ces lignes :

<file wp-config.php>
    order allow,deny
    deny from all
</file>lt;/file</file>gt;

Et sécuriser le fichier .htaccess lui-même :

<file .htaccess>
    order allow,deny
    deny from all
</file>lt;/file</file>gt;

Il est également possible de modifier certaines valeurs de PHP directement dans le fichier .htaccess :

php_value upload_max_filesize 24M
php_value post_max_size 24M
php_value max_execution_time 300
php_value max_input_time 300

Ces nouvelles valeurs vont permettre de mettre en ligne des fichiers plus conséquents (les photographies sont de plus en plus lourdes, si vous voulez mettre en ligne les originaux, la valeur d’origine de 2Mo ne suffira pas. Elles vont aussi permettre de rallonger le temps d’exécution des scripts PHP, ce qui sera particulièrement utile dans l’administration de WordPress.

Et pour finir l’optimisation de notre blog, nous allons nous finalement…

Utiliser des extensions pour sécuriser et optimiser le site

Trois extensions vont nous être particulièrement utiles : Jetpack, Akismet et Code Snippets.

Pour installer et activer une extension, vous pouvez suivre le tutoriel Installer, activer, mettre à jour et supprimer une extension WordPress.

En ce qui concerne Jetpack, je vous renvoie à l’article Jetpack – le couteau suisse pour WordPress pour l’installation et la mise en service.

Akismet

Akismet est livré avec WordPress, c’est la seule extension (avec Hello Dolly) à faire partie de l’installation par défaut. Il suffira de l’activer, et de saisir une clé pour le mettre en service.

Dès que vous aurez activé l’extension, un bandeau va vous inviter à saisir cette clé :

En cliquant, vous allez obtenir un écran vous invitant à acquérir une clé :

Cliquez sur le bouton bleu GET AN AKISMET API KEY. L’écran suivant va vous présenter les différents plans et tarifs pour Akismet. Choisissez le plan Basic et cliquez sur GET STARTED.

Vous pouvez obtenir la clé gratuitement, ou payer la somme que vous souhaitez, pour ce plan-ci uniquement.

Et voila, une fois la clé obtenue, vous obtiendrez cet écran-ci, indiquant que votre clé est bien active, et que vous êtes protégé efficacement contre le spam.

Nous allons maintenant passer à l’installation et à l’activation de…

Une solution de protection des formulaires contre le spam

Il n’y a pas une mais des solutions pour lutter contre le spam. La moins intrusive consiste en l’ajout de deux extensions, antispam↗ pour les commentaires dans vos articles et Contact Form 7 Honeypot↗ par exemple, si vous utilisez Contact Form 7 pour vos formulaires de contact. L’internaute ne sera pas sollicité pour prouver qu’il n’est pas un robot, et vous serez efficacement protégé.

Certaines extensions de sécurité proposent aussi d’activer une protection en arrière plan, invisible mais très efficace - ce qui évite de multiplier les extensions à maintenir.

Pour finir, nous allons installer…

Code Snippets

Cette extension permet de rajouter des bouts de codes pour modifier le comportement de WordPress.

Certains placent, à tort, ces bouts de codes dans le fichier de fonctions du thème activé, functions.php. Sauf qu’à chaque changement de thème, ou lors des mises à jour, il vous faudrait recommencer l’opération. Alors autant utiliser une extension prévue pour.

Pour l’installer, retournez dans Extensions > Ajouter, saisissez Code Snippets, et installez la toute première, avec une jolie paire de ciseaux noir, et activez. Il y a bien un panneau de configuration, mais vous n’avez pas besoin d’y toucher, l’extension est fonctionnelle.

Nous allons saisir une première fonctionnalité, à vous ensuite mettre en ligne les bouts de code suivants.

Cliquez sur Snippets dans le menu latéral de l’administration de WordPress.

Vous n’avez pas encore enregistré de bout de code, celui-ci sera le tout premier. Cliquez sur Add New en haut à droite, ou sur En ajouter un un peu plus bas. Voici à quoi ressemble l’écran de saisie :

Commencez par saisir un titre pour le bout de code, aussi explicite que possible.

Puis insérez dans le champ code (par copier / coller) le bout de code que vous souhaitez mettre en œuvre. Le voici :

1
remove_action("wp_head", "wp_generator");
2
function supprimer_versions( $src ){
3
if (strpos($src, 'googleapis') === false):
4
$parts = explode( '?', $src );
5
return $parts[0];
6
else:
7
return $src;
8
endif;
9
}
10
add_filter( 'script_loader_src', 'supprimer_versions', 15, 1 );
11
add_filter( 'style_loader_src', 'supprimer_versions', 15, 1 );

Ajoutez une description, des étiquettes (des mots clés). En bas de l’écran, vous pouvez définir où le code s’exécutera. Pour le bout de code qui nous intéresse, choisissez Only run on site front-end. Puis cliquez sur Enregistrer et activer. Votre bout de code sera exécuté à chaque fois qu’une personne visitera votre site.

En retournant sur l’interface de gestion de l’extension, vous verrez votre snippet, activé.

Ci-dessous deux autres bouts de code utiles pour afficher correctement vos textes dans WordPress.

L’espace insécable n’est pas pris en charge par défaut, il vous faudra rajouter ce bout de code :

1
function espace_insecable_tinymce( $init ) {
2
$init['entities'] = '160,nbsp,38,amp,60,lt,62,gt';
3
$init['entity_encoding'] = 'named';
4
return $init;
5
}
6
add_filter( 'tiny_mce_before_init', 'espace_insecable_tinymce');

Pour gérer les règles typographique du français (espace insécable avant le point-virgule, les deux points, les points d’interrogation et d’exclamation, les guillemets, les caractères © et ®) :

1
function french_typo($text)
2
{
3
$french_typo_static_characters = array('(c)', '(r)');
4
$french_typo_static_replacements = array('©', '®');
5
$french_typo_dynamique_characters = array('#s?([?!:;%»])(?!w|//)#u', '#([«])s?#u', '/(&#?[a-zA-Z0-9]+) ;/');
6
$french_typo_dynamique_replacements = array(' $1', '$1 ', '$1;');
7
$textarr = preg_split('/(<.*>|[.*])/Us', $text, -1, PREG_SPLIT_DELIM_CAPTURE);
8
$stop = count($textarr);
9
$text = '';
10
for($i = 0; $i < $stop; $i++)
11
{
12
$curl = $textarr[$i];
13
if(!empty($curl) && '<' != $curl[0] && '[' != $curl[0])
14
{
15
$curl = str_replace($french_typo_static_characters, $french_typo_static_replacements, $curl);
16
$curl = preg_replace($french_typo_dynamique_characters, $french_typo_dynamique_replacements, $curl);
17
}
18
$text .= $curl;
19
}
20
return $text;
21
}
22
add_filter('the_title', 'french_typo');
23
add_filter('the_content', 'french_typo');

Juste un petit bémol dans l’utilisation de ce dernier bout de code : les smileys ne sont plus reconnus - si vous en faites usage, il vous faudra insérer le smiley lui-même après l’avoir copié ailleurs.

Et maintenant…

Voila, l’installation de WordPress est terminée, vous l’avez sécurisé (a minima) et optimisé aussi. Pour une première installation, complète, sécurisée et optimisée il est vrai, on est loin des cinq minutes chrono annoncées. Mais vous verrez, avec un peu d’habitude…

À présent, c’est à vous de jouer. Parcourez les autres articles sur ce site pour des conseils, des bouts de code, pour découvrir des thèmes et des extensions utiles.

Et même si vous n’êtes pas passionnés par l’administration de votre site, vous vous y ferez, petit à petit - peut-être même y prendrez vous plaisir !

Dites-vous que vous en êtes au tout début, que vous allez découvrir avec WordPress un macrocosme intéressant, et de fil en aiguille, sans parler de passion, vous prendrez goût à la gestion et à l’optimisation de votre site.

Et vous, avez-vous déjà tenté une installation de WordPress ? Avez-vous des conseils à donner à ceux qui mettent pour la première fois les mains dans le cambouis ?

Certains liens de cet article sont des liens affilié, c’est à dire que si vous prenez un hébergement en les suivant par exemple, je toucherai éventuellement une petite commission, mais vous, vous ne payerez pas un centime de plus.

💬 Commentaires

Thanks for reading!

vendredi 12 août 2016

2335 mots · 12 minutes

Conseils hébergement initiation Optimisation sécurité WordPress hébergementinitiationOptimisationsécuritéWordPress