Share
Le serveur local fait partie intégrante de l'arsenal de tout développeur WordPress. Dans ce tutoriel, je souhaite vous guider de l'installation d'un serveur local à la thématisation, à l'exportation de bases de données, et au-delà..
Dans ce didacticiel, je vais vous expliquer le processus complet d'installation d'un serveur local sur votre ordinateur, de création d'un site fictif et de déploiement de ce site en production. À la fin de ce tutoriel, vous devriez être capable de comprendre comment:
Et, vraiment pour moi, ce dernier point est ce dont il s'agit. Je comprends que les serveurs locaux sont limités et qu’un mode de maintenance est parfois nécessaire, mais en utilisant un serveur local, vous pouvez éliminer presque tous les temps morts sur un site normal. Sans plus tarder, creusons!
Personnellement, j'utilise MAMP (je suis un gars sous Mac), et vous pouvez le télécharger ici. Pour les utilisateurs de Windows, je recommanderais XAMMP, disponible ici. Il existe également une version XAMMP pour les utilisateurs Mac.
Cliquez sur le lien ci-dessus pour télécharger l'application. Une fois les téléchargements téléchargés, faites glisser l’icône de l’application dans le dossier de votre application (pour les utilisateurs Mac) ou utilisez le programme d’installation XAMMP pour les utilisateurs Windows..
Après l’installation, vous trouverez MAMP dans / Applications / MAMP. XAMMP sera situé dans Démarrer -> Programmes -> XAMMP. Voilà pour l'installation! Une fois que vous avez ouvert MAMP, veillez à consulter les préférences en cliquant sur le bouton "Préférences". Vos ports devraient être configurés comme ceci sur Mac:
Maintenant que le serveur local est installé, nous devrons démarrer les serveurs Apache et MySQL. XAMMP est également fourni avec Filezilla et Mercury, services optionnels inclus.
Pour démarrer les serveurs pour MAMP, allez à: / Applications / MAMP et cliquez sur l’icône MAMP. Le panneau de configuration ressemblera à ceci:
Dans les images ci-dessus, les voyants verts indiquent que nos serveurs sont actifs. Sur mon ancien MacBook, cela n’a pas toujours été le cas (je traiterai de cela plus tard). Pour l'instant, le vert signifie aller! Vous pouvez ouvrir la page de démarrage de MAMP en cliquant sur le bouton "Ouvrir la page de démarrage". Cela vous mènera à votre phpinfo, votre accès phpMyAdmin et à d’autres paramètres de configuration importants que nous utiliserons plus tard..
Pour XAMMP, le panneau de configuration, accessible depuis \ xampp \ xampp-control.exe, ressemblera à ceci:
Encore une fois, ce sont des choses simples. Cliquez sur "Démarrer" pour démarrer les serveurs Apache et MySQL. Vous pouvez accéder à la zone d'administration en tapant http://127.0.0.1 ou http: // localhost dans votre navigateur..
Félicitations pour l'installation de votre serveur local!
Commencez par télécharger la dernière version de WordPress ici. Après cela, vous pourrez faire la célèbre installation de 5 minutes de WordPress, qui est également décrite ici..
Depuis que je développe également des sites sans Wordpress, j'ai copié le dossier entier au lieu d'en extraire le contenu. En laissant les éléments racines dans leur propre dossier, cela me permet également de tester les thèmes Drupal, Joomla et Magento..
Accentsconagua
// ** Paramètres MySQL - Vous pouvez obtenir ces informations auprès de votre hôte Web ** // / ** Le nom de la base de données pour WordPress * / define ('DB_NAME', 'nom_base_données_il_'); / ** Nom d'utilisateur de la base de données MySQL * / define ('DB_USER', 'username_here'); / ** Mot de passe de la base de données MySQL * / define ('DB_PASSWORD', 'password_here'); / ** Nom d'hôte MySQL * / define ('DB_HOST', 'localhost'); Évidemment, nous avons nommé notre base de données "wordpress" à l'étape 1, donc ça y est. Pour les utilisateurs de MAMP, le nom d'utilisateur et le mot de passe peuvent tous deux être définis sur "root" car il s'agit de l'utilisateur admin par défaut. Par défaut sur XAMMP, l'utilisateur "root" n'a pas de mot de passe..
Vous pouvez ajouter plus d'utilisateurs à la base de données wordpress dans phpMyAdmin si vous le souhaitez. Le nom d'hôte doit rester en tant que "localhost".
define ('AUTH_KEY', 'mettez votre phrase unique ici'); define ('SECURE_AUTH_KEY', 'mettez votre phrase unique ici'); define ('LOGGED_IN_KEY', 'mettez votre phrase unique ici'); define ('NONCE_KEY', 'mettez votre phrase unique ici'); define ('AUTH_SALT', 'mettez votre phrase unique ici'); define ('SECURE_AUTH_SALT', 'mettez votre phrase unique ici'); define ('LOGGED_IN_SALT', 'mettez votre phrase unique ici'); define ('NONCE_SALT', 'mettez votre phrase unique ici'); Si une erreur apparaît, ne vous inquiétez pas! Le problème sera dans votre fichier wp-config.php. Allez-y et déterminez quel réglage ci-dessus est incorrect.
Maintenant, WordPress devrait être actif et prêt sur votre serveur local. Vous pouvez accéder au tableau de bord de l'administrateur sur MAMP à l'adresse http: // localhost: 8888 / wordpress / wp-login.php. Si vous avez changé le nom du dossier, remplacez "wordpress" par le nouveau nom. Les utilisateurs de XAMMP peuvent supprimer: 8888 ou entrer 127.0.0.1/wordpress/wp-login.php.
Votre installation WordPress par défaut sera livrée avec un thème par défaut appelé Twenty Ten. Pour ajouter d'autres thèmes, vous pouvez les copier directement dans le dossier wp-content / themes ou les installer via le tableau de bord WordPress dans "Apparence -> Thèmes". Les thèmes peuvent être édités localement via "Apparence -> Editeur" ou un éditeur de texte.
Les plugins peuvent également être installés de la même façon, soit les copier dans wp-content / plugins, soit trouver de nouveaux plugins via le tableau de bord WordPress dans "Plugins -> Ajouter un nouveau". Les plugins peuvent également être édités localement via "Plugins -> Editor" ou un éditeur de texte.
Avoir un serveur local est également un excellent moyen de tester de nouveaux plugins et de trouver ceux qui fonctionnent pour vos sites. Tous les développeurs WordPress devraient avoir une boîte à outils remplie de plug-ins qu'ils pourraient utiliser pour eux..
Alors maintenant que nous avons notre thème et nos plugins, qu'en est-il du contenu? Cliquez ici pour télécharger un fichier XML contenant du contenu de publication WordPress qui devrait vous aider à démarrer..
Pour importer ce contenu XML sur votre serveur local:
Maintenant, si vous visitez le tableau de bord de l'administrateur, vous verrez que vous avez maintenant des publications, des catégories, des commentaires, des pages et des utilisateurs à utiliser lorsque vous testez et développez des thèmes et des plugins..
L'importation de données n'écrase pas les données existantes, elle ajoute seulement à ce qui s'y trouve. Alors ne vous inquiétez pas de cela lorsque vous importez.
C'est quelque chose qui m'a énervé lorsque j'ai commencé à travailler, mais la solution est simple..
Commencez par ouvrir votre fichier httpd.conf dans / Applications / MAMP / conf / apache /. Les lignes 378 à 381 ressembleront à ceci:
Options Index FollowSymLinks AllowOverride Aucun
Remplacez ce code par:
Options Index FollowSymLinks AllowOverride All
Vos jolis permaliens devraient tous être bons, ce qui devrait aussi aider à accélérer votre production.
Maintenant que vous avez installé et configuré WordPress sur votre serveur local, vous pouvez appliquer les mêmes principes pour installer WordPress sur votre serveur de production..
La bonne chose est que, puisqu'il vous suffit de modifier certains paramètres de la base de données wp-config.php, vous pouvez simplement procéder comme suit pour que WordPress soit opérationnel et fonctionne dans un environnement de production:
Maintenant, WordPress est actif dans la production, mais il lui manque du contenu. Nous devons obtenir le contenu de notre serveur local que nous avons perfectionné sur notre site actif..
Pour exporter le contenu de notre serveur local, nous devons nous connecter à notre tableau de bord WordPress local, à nouveau http: // localhost: 8888 / wordpress / wp-login.php pour les utilisateurs de MAMP et http: // localhost / wordpress / wp- login.php pour les utilisateurs XAMMP.
Ensuite, faites défiler jusqu'à "Outils -> Exporter".
Comme il s’agit de la première exportation, sélectionnez "Tout le contenu" et cliquez sur "Télécharger maintenant". Comme le stipule WordPress, "Cela contiendra tous vos messages, pages, commentaires, champs personnalisés, termes, menus de navigation et messages personnalisés.".
Immédiatement (en fonction de la taille de la base de données), vous aurez un fichier XML dont la structure de noms est sitename.wordpress.year-month-day.xml. C’est le fichier que nous allons importer comme nous l’avons fait avec posts.xml sur notre serveur local..
Puisque nous venons d'apprendre à importer de nouvelles données sur notre serveur local, appliquez les mêmes principes pour installer le contenu de votre serveur local sur votre serveur de production.
Je tiens également à souligner que vous pouvez également importer et exporter directement dans phpMyAdmin. Pour exporter les données de notre serveur local, nous aimerions:
Cela sauvegardera un fichier XML de sauvegarde de base de données directement sur votre disque dur. Maintenant, vous pouvez l'importer via WordPress ou phpMyAdmin de votre serveur de production.
Pour importer notre fichier XML nouvellement créé (le mien étant enregistré sous wordpress.xml), répétez les étapes 1 et 2 ci-dessus, mais à l'étape 3, cliquez sur "Importer". Cet écran ressemblera à ceci:
Accédez à votre fichier XML enregistré et cliquez sur le bouton radio pour XML sous "Format du fichier importé"..
Et c'est tout le monde! Vous avez maintenant un site entièrement fonctionnel que vous avez créé et configuré sur un serveur local, mais exporté et déployé en production..
En plus du tutoriel ci-dessus, je souhaitais exposer quelques-unes des tâches que je fais lorsque je travaille dans mon environnement local et qui se sont révélées utiles lors du passage à la production:
L'année dernière, c'était la première fois que mon site était piraté. Je sais que c'est peut-être vieux pour certains, mais rien ne vaut un appel d'un client pour le signaler. La bonne nouvelle, c’est qu’il était facile de prendre soin de vous et de le sécuriser, mais j’ai appris par cette expérience que vous ne pouvez jamais vous tromper en sécurisant votre site tôt.
Une des choses les plus faciles à faire pour ajouter une couche de sécurité à votre site est de créer un fichier index.php vide et de le placer dans votre dossier wp-content, wp-content / plugins, votre dossier wp-content / themes. Ceci est une solution rapide qui peut être faite au début du processus de développement pour créer une couche de sécurité supplémentaire pour votre site en empêchant l'indexation de votre contenu..
Dans ce fichier index.php, je voudrais simplement ajouter le code suivant:
Mon serveur local s’est avéré très utile pour apprendre les tenants et les aboutissants des plugins et des thèmes WordPress. Parce que je n'ai plus besoin d'Internet, je peux télécharger les thèmes et les plugins que je veux et chaque fois que j'en ai l'occasion, jetez un coup d'œil aux fichiers et aux fonctions..
Cela peut sembler plutôt logique, mais le fait de disposer de mon serveur local et de l’utiliser régulièrement a vraiment façonné mon développement en me permettant d’apprendre concrètement du travail des autres dans leur code. Et ce qui est bien, c’est que si je n’ai toujours pas compris quelque chose, je pourrai y revenir plus tard, car il n’est ni réel ni direct..
Maintenant, après tous les aspects positifs, voici quelques points à noter lorsque vous travaillez avec un serveur local - principalement à partir de mon expérience avec MAMP:
Merci de suivre le processus d'installation d'un serveur local, de configurer un site WordPress sur celui-ci, puis de migrer ce site vers un environnement de production..
J'encourage tous ceux d'entre vous qui ont plus d'expérience que moi à publier ci-dessous leurs configurations locales, leurs idées sur la manière de rationaliser le processus de migration et leurs autres astuces pour travailler localement. Je ne suis qu'une voix de la communauté après tout.
Merci d'avoir lu!
