par david | Juin 28, 2015 | ressource, tutoriel, WordPress
Ce tutoriel va vous permettre d’installer WordPress sur votre ordinateur à l’aide de XAMPP. Avec cet utilitaire nous pourront héberger notre site en local. En l’activant on fera de notre machine un serveur capable de traiter les pages dynamiques en PHP de notre site et d’en organiser les données.
XAMPP installera donc un serveur Apache qui – combiné à PHP et MySQL (gestionnaire de base de données) – permettra d’afficher le site réalisé avec WordPress.
Pourquoi travailler sur un site WordPress en local ?
- Parce que cela ne vous coûtera rien. Vous me direz qu’il existe des solutions gratuites d’hébergement distant (Webhost, Hostinger, Byethost, etc). Certes, mais certaines de ces plateformes ont des limites, peuvent générer des erreurs, voire ne pas vous permettre de tester des thèmes et des plugins un peu lourds… Et puis il faut surtout ne pas négliger la sécurité de votre site. Ces hébergements peuvent convenir un temps pour des petits projets peu sensibles. Il m’arrive d’en utiliser parfois, mais généralement ils me servent de supports transitoires.
- Parce que cela vous permettra de travailler en local, de faire face à une éventuelle absence de connexion internet. Malgré tout, il est nécessaire d’avoir bien pensé et construit son projet en amont, d’avoir téléchargé le thème et les plugins nécessaires avant d’envisager une séance de travail à bord d’un train…
- Parce que cela vous permettra de disposer en permanence d’une copie identique à celle en production. Vous pourrez ainsi tester les mises à jours (CMS, plugins, thème), vous pourrez travailler sur de nouvelles fonctionnalités…
Pourquoi travailler avec XAMPP ?
Dans ce tutoriel je propose l’installation de WordPress avec XAMPP, parce que WAMP est moins stable et n’est pas disponible pour les utilisateurs travaillant sur Mac. Sachez aussi que vous pouvez travailler aussi avec MAMP, outil développé initialement pour les environnements Macintosh, mais qui dispose désormais d’une version pour Windows.
Attention : à partir de la version 5.6.14 Xampp ne contient plus MySQL mais MariaDB.
Une fois XAMPP téléchargé et installé, lancez-le via le raccourci placé sur votre bureau.
Une fenêtre de dialogue s’ouvre. Il faut maintenant démarrer Apache et MySQL en cliquant sur les boutons Start :
Créer une base de données
Une fois les modules actifs, on va pouvoir créer la base de données de notre projet en ouvrant MySQL (clic sur le bouton Admin du module).
MySQL s’ouvre donc sur le navigateur (url courante : http://localhost/phpmyadmin/).
On clique sur l’onglet Base de données et on renseigne les deux champs indiqués ci-dessous avant de valider la création en cliquant sur le bouton Créer.
Je passe sur la notion d’interclassement (voir ici). Par défaut vous pouvez sélectionner utf8_general_ci, un interclassement plus rapide que utf8_unicode_ci.
Notre base de données est créée. Nous allons maintenant télécharger la dernière version de WordPress et installer les fichiers sur le serveur dont le chemin sur l’ordinateur est le suivant : ../xampp/htdocs.
- Si vous travaillez avec MAMP, le répertoire sur lequel vous placerez votre WordPress sera également htdocs.
- Si vous travaillez avec WAMP, le répertoire sur lequel vous placerez votre WordPress sera www.
- On télécharge l’archive WordPress;
- On dézippe l’archive;
- L’archive dézippée s’appelle wordpress, on la renomme du nom du projet sur lequel on travaille (_projet1 en ce qui concerne ce tuto);
- On la place sur le serveur;
Voici une capture d’écran qui vous permet de voir le chemin lorsque l’on travaille sur Windows 8 :
Lorsque que vous ouvrez le dossier _projet1, vous devez retrouver le contenu suivant :
La base de données est créée, le fichiers du WordPress sont sur le serveur, nous pouvons donc finaliser l’installation de site.
Finalisation de l’installation WordPress
Dans le navigateur, nous appelons l’url (l’adresse) de notre projet. Dans notre exemple elle est la suivante : localhost/_projet1/.
Nous arrivons sur une première page qui nous rappelle que nous allons avoir besoin des informations suivantes pour créer le fichier wp-config.php qui connectera la base de données et le WordPress :
Il nous faut donc :
- le nom de la base de données que nous venons de créer : mabasededonnees, dans notre exemple;
- le nom d’utilisateur : root (en local ce sera toujours root);
- Le mot de passe : on laissera le champ vide;
- L’adresse de la base de données : localhost.
Si vous travaillez avec WAMP ou MAMP, je vous invite à consulter ce tableau récapitulatif.
Nous disposons donc des informations, nous allons remplir le premier formulaire :
Puis nous cliquons sur le bouton Envoyer.
Si tout fonctionne, nous obtenons l’écran suivant :
Le plus difficile est passé, il ne nous reste plus qu’à remplir le formulaire suivant :
Ce formulaire ne contient aucune difficulté particulière.
L’identifiant sera le mot qui vous permettra de vous connecter à l’interface de votre site.
Vous pouvez laisser cocher la mention Vie privée, puisque vous êtes en local.
Nous cliquons sur le bouton Installer WordPress et ça y est notre site est installé.
Le WordPress est installé. Il est désormais possible d’intégrer les contenus, d’installer et de paramétrer un thème, d’installer et de paramétrer des plugins.
par david | Jan 27, 2013 | WordPress
On croise une kyrielle d’articles proposant une sélection de plugins WordPress. Ces propositions sont souvent pertinentes et évidemment subjectives. Aujourd’hui il ne s’agit pas de vous proposer la mienne. Ce sera pour une prochaine fois. Je relaie naturellement une infographie réalisée par WP Template listant les 30 extensions les plus populaires. Ce classement se base sur le nombre de téléchargements.
Personnellement j’aurais sorti Akismet, cet outil indispensable étant inclus nativement. Mais c’est un détail.
par david | Oct 1, 2011 | actualité, WordPress
L’adef est une association née en 1981 réunissant les acteurs du foncier. Je travaille avec elle depuis quelques temps déjà. Je suis intervenu sur son site web de façon ponctuelle en 2010. L’année 2011 consacre notre collaboration.
Nous venons de mettre en ligne un nouveau site dédiée à sa revue études foncières. L’idée était d’avoir un outil fonctionnel pour pouvoir proposer le bimestriel dans sa version digitale. Une partie du contenu est en accès libre (essentiellement des articles), une autre est accessible via une boutique (la revue, ses dossiers et de nombreux articles).
Ce projet est entièrement motorisé par WordPress.
Sa boutique fonctionne avec l’extension WP e-Commerce.
par david | Sep 15, 2011 | ressource, WordPress
Vous avez sans doute remarqué que Akismet pouvait isoler des dizaines et des dizaines de commentaires indésirables. Si vous n’avez pas coché la mention « Supprimer automatiquement les commentaires indésirables sur les articles datant de plus d’un mois« , ces commentaires indésirables restent en attente dans la boite dédiée. Et il vous faudra faire un nettoyage quasi quotidien de votre blog pour ne pas encombrer votre base de données.
Vous avez une solution pour vous débarrasser d’eux : l’extension Conditional CAPTCHA. L’avantage de ce plugin c’est qu’il n’impose le captcha aux visiteurs de votre site que si leurs commentaires sont jugés comme étant des spams.
Il peut également isoler ou détruire le commentaire si le captcha n’est pas complété correctement.
Créé par Samir Shah ce plugin est d’une efficacité redoutable.
par david | Juil 5, 2011 | ressource, tutoriel, WordPress
Mise à jour : 18 mai 2015.
Il existe un bon moyen pour présenter ses références dans une seule page et par domaines d’intervention : l’extension Post UI Tabs. Ce plugin permet de présenter du contenu multiple via une navigation par onglets jQuery, comme vous pouvez le voir sur cette page test.
Télécharger Post UI Tabs (cette extension n’est plus maintenue, il est donc possible qu’il y ait un souci de compatibilité avec votre version de WordPress ou avec votre thème.)
Comme d’habitude vous téléchargez l’extension, vous la dézippez et vous l’activez.
Ensuite vous allez dans l’administration de votre blog, puis Réglages (où vous allez pouvoir paramétrer l’outil).
Vous allez pouvoir choisir votre habillage (25 styles sont disponibles) ou appliquer votre propre CSS (pour cela il faudra cocher l’élément Disables Skins).
Une fois ces réglages effectués, vous allez pouvoir intégrer votre contenu dans un article ou dans une page en plaçant ce code :
Il peut-être copié-collé via ce lien.
Ensuite vous n’avez plus qu’à nommer vos onglets (dans le champ Your tab name) et à insérer votre contenu (dans le champs Your tab content).
Pour ajouter un autre onglet, vous insérerez alors une autre ligne de code juste avant la balise de fermeture [end_tabset].
Voici un exemple de présentation :
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[end_tabset]