Guide avancé pour l’utilisation de WordPress: WP Wizardry

WordPress est l’une des plateformes les plus denses pour la construction de votre site Web. Dans ce guide avancé sur l’utilisation de WordPress, nous allons montrer pourquoi. Tout au long de ces sections, nous aborderons les options d’optimisation avancées, le développement WordPress et quelques conseils généraux sur la plate-forme à mesure que vous vous dirigerez vers une maîtrise complète.


Contrairement à nos guides précédents, il n’y aura pas beaucoup de tutoriels ici. Lorsque vous arrivez à la fin avancée de WordPress, les choses deviennent beaucoup plus compliquées. Ici, nous cherchons simplement à vous fournir une connaissance de base de ces sujets complexes, et non à les approfondir. Après tout, couvrir à lui seul le développement d’un thème complet nécessiterait plusieurs articles de plus de 5000 mots.

Malgré cela, ce guide est conçu pour vous pousser hors de votre zone de confort en utilisant WordPress, en utilisant les nombreux outils en ligne pour approfondir vos connaissances sur la plate-forme et ses subtilités. Si vous recherchez une approche plus basique de WordPress, consultez nos autres guides avant de passer par celui-ci.

  • Guide du débutant pour l’utilisation de WordPress
  • Guide intermédiaire pour utiliser WordPress

Optimisation avancée

Tout au long de nos trois guides WordPress, nous avons couvert diverses formes d’optimisation, de l’édition d’image de base aux plugins plus avancés comme WP-Optimize. Dans cette section, nous allons approfondir l’optimisation, abordant comment vous pouvez accélérer encore plus votre site avec un CDN, la mise en cache et le chargement progressif des images.

Contenu dynamique avec un CDN

La meilleure façon de réduire les temps de chargement avec WordPress consiste à utiliser du contenu statique. Le contenu statique, tel qu’un article de blog, se charge beaucoup plus rapidement sur une page que le contenu dynamique, tel qu’un fichier CSS, qui peut être récupéré et lu à chaque fois qu’il reçoit une requête.

Un CDN, ou réseau de diffusion de contenu, fait exactement cela. Il filtre à travers votre contenu dynamique, le met en cache et le sert de manière statique. Un fournisseur CDN (qui est distinct d’un fournisseur d’hébergement Web) détient une quantité massive de serveurs à travers le monde pour faire passer les temps de chargement par.

Supposons que le centre de données le plus proche de votre hébergeur se trouve à Los Angeles. Une personne située aux États-Unis aura un temps de réponse plus rapide qu’une personne située en Europe. La latence de transmission des données de votre site Web sera plus longue, car il doit parcourir une distance supplémentaire.

Un CDN atténue ces problèmes. Le réseau (tant qu’il est réputé) aura des serveurs dans le monde entier, ce qui signifie que l’utilisateur européen recevra une version en cache de votre site d’un serveur plus proche. Vos vitesses seront lissées à l’international, vous assurant de fournir la même expérience à n’importe quel public, peu importe où il se trouve.

De plus, un CDN décharge les ressources de votre hébergeur. Étant donné que le serveur parent ne reçoit pas de requête chaque fois que votre site Web est chargé, le CDN aidera à prévenir les pics de trafic et les attaques DDoS pour vous assurer que votre site reste en ligne.

Chaque CDN disponible a une méthode d’implémentation légèrement différente, nous ne pouvons donc pas tout parcourir. Au lieu de cela, nous nous concentrerons sur Cloudflare, l’un des CDN les plus populaires et une fonctionnalité commune que nous avons vue dans nos critiques d’hébergement Web. Cela dit, certains fournisseurs incluent une version gratuite de Cloudflare avec chaque site Web, vous n’avez donc pas besoin de l’installer à nouveau si c’est le cas..

Tout d’abord, accédez à Cloudflare et ouvrez un compte gratuit. Une fois que vous avez atteint votre tableau de bord, cliquez sur «+ ajouter un site» dans le coin supérieur droit. Entrez votre domaine WordPress et cliquez sur «commencer l’analyse».

Après quelques minutes, Cloudflare récupérera vos enregistrements DNS ainsi que deux options. Pour profiter du CDN, sélectionnez «CDN et protection» parmi les deux. Votre enregistrement A (votre domaine) doit avoir un nuage orange affiché dans la colonne «état». Les autres enregistrements, tels que les enregistrements MX utilisés pour les e-mails, n’ont pas besoin d’utiliser le CDN, donc ne vous inquiétez pas si vous avez un espace vide dans l’état.

Continuez la configuration après avoir vérifié que vos enregistrements DNS sont exacts. Vous pouvez toujours revenir et modifier cette section, alors ne vous inquiétez pas trop si quelque chose doit être modifié plus tard. Sur l’écran suivant, vous sélectionnerez votre plan. Cloudflare est un peu cher, mais le plan gratuit devrait bien fonctionner pour la plupart des utilisateurs.

Maintenant que Cloudflare est en place, vous devez le configurer. Essentiellement, vous devez pointer votre domaine vers Cloudflare qui, à son tour, pointera vers votre hébergement Web. Cloudflare agit simplement comme un proxy, qui prend malheureusement un certain temps à configurer.

Accédez à votre registraire de domaine et pointez votre domaine vers les serveurs de noms de Cloudflare. Pour la capture d’écran ci-dessous, nous avons utilisé InMotion (lire notre avis sur l’hébergement InMotion) mais le processus devrait être assez simple, peu importe où se trouve votre domaine.

Maintenant que votre domaine pointe vers Cloudflare, vous devez pointer Cloudflare vers votre hébergeur. Connectez-vous à Cloudflare et cliquez sur l’onglet «DNS» dans votre tableau de bord. Votre enregistrement A, qui est votre domaine, doit pointer vers l’adresse IP du serveur de votre hébergeur. Vous pouvez facilement le trouver dans cPanel (lisez notre meilleur hébergement Web avec cPanel) mais contactez simplement le support si votre hébergeur ne prend pas en charge cette interface.

Après cela, Cloudflare est tout configuré pour être utilisé avec votre site WordPress. Pourtant, il existe un plugin dédié qui peut simplifier la gestion de Cloudflare dans le tableau de bord WordPress. Installez et exécutez simplement les invites et tout devrait bien se passer. La seule chose dont vous aurez besoin est une clé API Cloudflare que vous pouvez trouver ici.

Ce plugin est plutôt génial, surtout si vous avez un plan payant. Vous pouvez voir la bande passante que Cloudflare économise, les demandes entrantes vers le CDN et le nombre de visiteurs uniques qu’il a servis. Les membres payants pourront également configurer le pare-feu de l’application Web et une protection DDoS avancée dans le plugin.

Chargement progressif d’images

Dans notre guide précédent, nous avons parlé d’optimiser vos images pour une utilisation sur le Web grâce à des ajustements de taille et de résolution ainsi que certains plugins pour couper tout le gras possible. Cependant, vous pouvez faire plus pour réduire le temps de chargement des images.

La clé pour raser quelques fractions de milliseconde avec des images est le chargement progressif des images. Ce n’est pas la même chose que le chargement d’image réactif, car les deux peuvent souvent être confondus. Le chargement d’image progressif se réfère au moment où l’image se charge sur la page tandis que le chargement réactif concerne la mise en page globale de votre site.

Essentiellement, les images configurées pour se charger progressivement ne se chargeront pas réellement sur la page tant qu’un utilisateur n’aura pas fait défiler vers le bas. Cela réduit la pression sur le serveur en chargeant uniquement ce qui est «au-dessus du pli» lorsque quelqu’un atterrit sur votre site.

Vous pouvez configurer toutes vos images pour qu’elles se chargent progressivement via HTML, mais c’est un processus assez ardu. Au lieu de cela, nous vous recommandons d’installer un plugin de chargement paresseux pour gérer le travail de jambe pour vous. La plupart des plugins peuvent également charger des commentaires et des vidéos paresseux, alors gardez cela à l’esprit. Voici quelques-uns de nos favoris:

  • A3 Lazy Load
  • BJ Lazy Load
  • Infinite Scroll – Ajax Charger plus

L’optimisation peut également être effectuée avant le téléchargement. Comme mentionné dans notre guide précédent, nous recommandons les fichiers .png pour tous les graphiques ou captures d’écran, car le format ne se casse pas aussi facilement lors de la compression. Les photographies, en revanche, sont bien mieux adaptées au format .jpgs.

Dans la plupart des cas, les photos sont des fichiers volumineux et, même après un redimensionnement, prennent un certain temps à charger sur une page Web. La plupart des applications de retouche d’image exportent un fichier .jpg optimisé de base, un fichier légèrement plus petit qui conserve autant de détails que possible grâce à la compression.

Les .jpgs progressifs sont légèrement plus grands, mais utilisent une méthode de chargement différente. Au lieu d’essayer de charger l’image entière ligne par ligne, un .jpg progressif chargera des ensembles de lignes sur une plus longue période, donnant la perception de l’image sur votre page, mais laissant plus de temps pour la charger. C’est comme charger une vidéo YouTube en SD pendant quelques secondes avant de passer automatiquement en HD (bien que la technologie soit différente).

Il s’agit certainement d’une mesure d’optimisation secondaire à l’utilisation du chargement paresseux. Vous n’économiserez aucun espace sur votre serveur et le temps de chargement de votre page ne sera pas affecté. Cela peut cependant résoudre le problème d’une image apparaissant de manière aléatoire dans la page après son chargement.

En particulier, les fichiers .jpgs progressifs fonctionnent mieux pour les fichiers image volumineux. Les petits fichiers .jpgs devraient convenir au format de base, car ils se chargeront assez rapidement sur n’importe quelle page Web. Si vous souhaitez des photos haute résolution, les fichiers .jpgs progressifs garantiront qu’il n’y a pas de point noir sur votre page pendant le chargement de l’image..

Un aperçu de la mise en cache WordPress

Dans notre guide précédent, nous avons évoqué la mise en cache WordPress et pourquoi il est important d’accélérer les choses sur votre site. Nous n’avons cependant pas expliqué pourquoi. Ici, nous allons examiner plus en détail la mise en cache WordPress pour savoir pourquoi elle accélère votre site et pourquoi, dans certains cas, elle peut casser votre thème.

Commençons par comprendre réellement ce que c’est. Lorsque quelqu’un tape votre URL et clique sur «Entrée», une rafale de fichiers commence à être transférée du serveur vers la machine de destination. Essentiellement, quelqu’un visite votre site, WordPress recherche tous les fichiers de votre base de données et le serveur Web compile les données dans une page HTML à remettre à l’utilisateur.

Il y a cependant un problème avec cette approche. WordPress génère du contenu de manière dynamique, ce qui signifie que chaque fois qu’un utilisateur accède à votre site, un nouveau contenu est chargé, même s’il y est déjà allé. Il est largement inutile car un article de blog et le style général de votre site ne changeront probablement pas au jour le jour..

C’est là que la mise en cache entre en jeu. Elle crée une version statique de votre contenu et la fournit à la place, ce qui signifie que lorsque les visiteurs de retour viennent sur votre site, ils verront une version mise en cache qui devrait être beaucoup plus rapide. Il réutilise les données, minimisant le flux entre le serveur et l’utilisateur.

Il existe deux types de mise en cache disponibles: côté client et côté serveur. La mise en cache côté client est hors de votre contrôle. Il est utilisé dans la plupart des navigateurs modernes pour accélérer les temps de chargement en réutilisant les données précédemment téléchargées. Votre site Web (tant qu’il est associé à un navigateur moderne) effectue déjà une mise en cache côté client.

Votre domaine est côté serveur. Il existe différents protocoles de mise en cache qui composent tout l’espace de la mise en cache WordPress. Voici une brève description de chacun:

  • Mise en cache des pages: La forme la plus pure de mise en cache. Il s’agit du processus de stockage statique des fichiers HTML et de leur diffusion à partir du cache. Cela signifie moins d’exécutions de scripts PHP et de requêtes de base de données MySQL
  • Mise en cache de la base de données: Cela fait référence à la mise en cache du résultat d’une requête de base de données particulière. Au lieu que WordPress recherche quelque chose dans la base de données à chaque fois, le résultat est stocké dans le cache et WordPress le charge à la place. Vous devrez cependant purger le cache à chaque mise à jour de la base de données.
  • Mise en cache d’objets: La mise en cache des objets est intégrée à WordPress dès le départ. Il est similaire à la mise en cache de la base de données, mais examine les résultats des requêtes répétées. Vous n’aurez pas à vous amuser ici, car WordPress stockera automatiquement les objets dans le cache à partir de l’ensemble
  • Mise en cache d’opcode: WordPress utilise une liste de scripts PHP à sa base. Chaque fois qu’un script PHP est exécuté, il doit être compilé afin de générer un code exécutable. La mise en cache d’opcode prend essentiellement le résultat du compilateur PHP dans le cache afin de réduire le nombre d’exécutions

Comprenez que la mise en cache nécessite une sorte de stockage. L’hébergement partagé (que vous pouvez découvrir dans notre meilleur guide d’hébergement Web) ne fournit généralement qu’un stockage sur disque dur, ce qui signifie que votre cache prendra de l’espace sur un disque dur. Les serveurs VPS et dédiés peuvent tirer parti de la RAM dédiée, une mémoire beaucoup plus rapide qui accélérera votre mise en cache. Assurez-vous de lire notre critique DreamHost pour en savoir plus sur un plan VPS WordPress excellent.

Maintenant, la mise en cache ressemble à un rêve en théorie, mais peut être un peu pénible dans la pratique. Les sites Web modernes ont de nombreuses fonctionnalités dynamiques qui se mettent à jour même sans que vous changiez une seule chose. Par exemple, votre flux Instagram sera constamment mis à jour même si vous n’apportez pas de modifications à votre site.

Ce contenu dynamique constamment mis à jour sera interrompu en premier lors de la mise en cache, et non lors de la mise à jour chaque fois que quelqu’un atterrit sur votre site. Le cache fait référence à tout ce qu’il a stocké précédemment, ce qui signifie que des éléments comme celui-ci ne se rechargeront pas.

Des éléments comme celui-ci ne se cassent que s’ils utilisent PHP pour s’exécuter, car la mise en cache Opcode stocke la sortie. La meilleure solution consiste à s’appuyer sur des plugins ou des widgets qui utilisent JavaScript ou AJAX pour générer une sortie car ils fonctionnent du côté du navigateur. Avec cela, même lorsque les pages sont mises en cache, le navigateur générera des fonctionnalités dynamiques.

Si vous comptez sur une fonctionnalité spécifique qui utilise PHP, la meilleure solution consiste simplement à désactiver la mise en cache sur cette page particulière. Cela peut avoir un impact sur vos vitesses, mais il vaut mieux avoir un site Web fonctionnel lent puis un site Web rapide et cassé.

Nous avons donné quelques recommandations dans notre guide précédent pour la mise en cache des plugins. Pour référence rapide, voici nos trois favoris:

  • WP Super Cache
  • Cache total W3
  • Optimisation de la vitesse des pages Hummingbird

Options de conception avancées

Avec une connaissance des thèmes enfants, des plugins et des barres latérales, nous voulons ensuite nous aventurer dans des options de conception plus avancées dans WordPress. Nous allons définir les langues utilisées pour le développement sur WordPress ainsi que brièvement comment les mettre en pratique sur la plateforme.

Avant de plonger dans le développement de votre propre plugin, nous souhaitons définir quelques termes. Si vous êtes familier avec HTML, CSS, Javascript et PHP, n’hésitez pas à aller de l’avant. Pour les débutants, nous allons différencier les quatre, mais assurez-vous d’apprendre les langues si vous êtes intéressé par le développement de plugins ou de thèmes.

HTML

HTML, ou HyperText Markup Language, gère tout le contenu de votre site Web. Cette langue est la pierre angulaire de votre site Web. Les navigateurs Web récupèrent les fichiers HTML lors de l’accès à votre site Web et traduisent le script dans votre contenu.

Un bon moyen d’acquérir une compréhension de base du HTML est de passer à l’éditeur de texte dans WordPress. Ici, vous verrez des fonctions de base telles que l’intégration de vidéos, l’ajout de modifications de texte et l’ajout d’images.

Il s’agit de la structure de base de votre site Web. Si nous faisons une analogie avec un bâtiment, le HTML serait le bâtiment lui-même, indépendamment de ce qu’il pourrait y avoir à l’intérieur.

CSS

CSS, ou feuilles de style en cascade, gèrent l’aspect général et le style de votre site Web. Cela signifie comment les publications sont affichées, comment les images apparaissent sur la page, les couleurs, les polices, etc. Tout ce qui a trait à l’apparence de votre site est géré par CSS.

Même si certains styles peuvent être effectués avec HTML, comme la modification de police, CSS gère l’apparence générale de votre site qui s’applique à toutes les publications ou pages. Il offre un contrôle beaucoup plus sur les couleurs, la mise en page et la police universelles de votre site Web, indépendamment de tout paramètre individuel.

Poursuivant notre analogie avec le bâtiment, le CSS serait le travail de peinture et l’aspect général du bâtiment, ainsi que des pièces à l’intérieur. HTML gère le contenu, CSS gère le style.

Javascript

Pour compléter la triade de technologies qui composent n’importe quel site Web, JavaScript gère la réactivité de votre site Web. Il n’est pas seulement utilisé pour une image de parallaxe nette (bien qu’il soit utilisé à cette fin), mais toute interaction que quelqu’un a avec votre site.

Cela signifie utiliser la barre de recherche, cliquer sur une image ou exécuter un lien. JavaScript est ce qui permet à votre site de répondre aux commentaires des utilisateurs, aussi basiques soient-ils. Pour le développement de plugins et de thèmes, vous n’aurez pas besoin de faire grand chose avec JS.

En ce qui concerne notre bâtiment, JavaScript est plus facilement comparé aux portes, aux ascenseurs, etc. Il transforme la dalle de béton proverbiale en quelque chose de fonctionnel.

PHP

PHP, ou Hypertext Preprocessor, est un langage de script côté serveur utilisé dans le développement web back-end avec MySQL. Il est utilisé pour manipuler des pages Web créées avec HTML. Chaque site Web aura un langage de script côté serveur afin d’exécuter des scripts HTML.

Cela pourrait être Java (pas JavaScript, différentes choses), PHP ou Python. Contrairement aux trois grands qui passent par le navigateur Web, les scripts PHP sont exécutés sur le serveur lui-même. Habituellement, cela signifie stocker et prendre des données à partir d’une base de données MySQL.

La plupart des sites WordPress utilisent PHP, il est donc plus important de l’apprendre sur Java ou Python si vous avez l’intention de développer sur la plate-forme. Pour notre bâtiment, PHP serait l’architecte et l’entrepreneur qui a rendu cela possible.

Écrire votre propre plugin

Nous avons couvert une liste massive de plugins entre nos trois guides WordPress. Ici, nous allons expliquer comment vous pouvez créer le vôtre. Vous devez cependant noter que ce n’est pas un tutoriel sur PHP. Si vous n’avez aucune connaissance de PHP, vous pourrez peut-être suivre notre petit guide ici, mais il n’aura pas beaucoup d’application pratique tant que vous n’aurez pas appris la langue.

Commençons par ce qu’est réellement un plugin. Il s’agit essentiellement d’un script PHP qui modifie quelque chose sur votre site Web. Les thèmes modifient l’apparence de votre site Web et les plugins modifient son fonctionnement.

Cela semble assez basique, mais les deux ont en fait beaucoup de croisement. Comme mentionné dans notre guide intermédiaire, chaque thème possède un fichier functions.php qui gère le comportement de votre site. Vous pouvez éditer ce fichier afin de réaliser ce que vous cherchez avec un plugin, mais ce n’est pas toujours pratique.

Un changement comme la longueur ou la taille de la section de commentaire peut facilement être modifié dans vos fichiers de thème, mais quelque chose de plus intensif, comme une liste de diffusion, est mieux adapté avec son propre plugin.

Créer un plugin est en fait très simple avec WordPress. Accédez à votre site via FTP et suivez le chemin «public_html > contenu wp > plugins. ” Créez un nouveau répertoire et nommez-le comme vous le souhaitez. Pour ce didacticiel, nous allons simplement l’appeler «myplugin».

Ouvrez le Bloc-notes ou n’importe quel éditeur de script et entrez les informations suivantes:

<?php

  / *

  Nom du plugin: Mon plugin

  URI du plugin: http://my-fake-plugin.com

  la description: >-

 Je peux ajouter des plugins à WordPress

  Version: 1.0

  Auteur: Plugin Developer

  URI de l’auteur: http://plugin-developer.com

  Licence: GPL2

  * /

?>

Mettez ce fichier dans le dossier que vous venez de créer et nommez-le «myplugin.php». De toutes les options ici, seul le nom du plugin est requis, mais c’est une bonne idée d’ajouter autant de détails que possible si vous avez l’intention de distribuer le plugin en ligne.

Une fois le fichier téléchargé, vous pouvez accéder à votre tableau de bord WordPress et l’activer. Bien sûr, cela ne fera rien, mais ce n’est qu’une démonstration pour vous montrer comment fonctionne le processus. A vous d’écrire le script.

Ce n’est pas toujours aussi simple que de taper votre script et de le jeter dans un dossier. Parfois, il est préférable de diviser votre plugin en plusieurs fichiers en fonction des besoins. Si vous êtes nouveau dans le processus de développement, nous vous recommandons de parcourir les scripts des plugins populaires pour voir comment ils sont structurés.

Avant de passer aux thèmes, nous voulons donner quelques notes sur les choses dont tous les plugins ont besoin. WordPress fournit trois crochets pour vous assurer que votre plugin ne stocke que des informations lorsqu’il est activé et emporte toutes ces données avec lui lorsqu’il est désactivé ou désinstallé.

  • register_activation_hook (): il s’agit de la fonction qui s’exécute lorsque votre plugin est activé dans WordPress. Ceci est le hook qui est appelé lorsque le plugin est actif et exécute la première fonction du script.
  • register_deactivation_hook (): Comme le crochet ci-dessus, celui-ci déclenche WordPress pour exécuter une fonction lorsque le plugin est désactivé. Habituellement, vous ne supprimez pas les données ici, mais supprimez la graisse inutile lorsque le plug-in n’est pas actif.
  • register_uninstall_hook (): c’est la fonction qui s’exécute lorsque votre plugin est supprimé dans le tableau de bord WordPress. C’est un bon endroit pour supprimer toutes les données laissées par le plugin. Le plugin doit pouvoir fonctionner séparément du crochet pour qu’il se désinstalle correctement. Si vous n’y arrivez pas, vous devrez créer un fichier uninstall.php.

Nous ne pouvons pas entrer dans les détails du développement de votre propre plugin car cela prend n’importe quelle idée que vous avez et, souvent, une certaine expérience dans les scripts. Si vous avez les deux, nous vous recommandons de consulter le manuel des plugins de WordPress pour connaître les tenants et les aboutissants du système.

Écrire votre propre thème

Il existe un plugin pour à peu près tout et le développement est assez complexe si vous avez besoin de quelque chose que vous trouverez dans la base de données des plugins. Pour beaucoup, développer un thème est beaucoup plus pratique. Pourtant, vous aurez besoin d’une connaissance de CSS et PHP pour exécuter votre propre développement de thème.

En dehors de cette connaissance, le développement de thème est assez simple. Nous nous appuyons sur les informations de notre guide intermédiaire sur les thèmes des enfants, alors assurez-vous de le lire avant de continuer (le lien est ci-dessus).

Il existe deux options pour développer votre propre thème: à travers un cadre de travail ou à partir de zéro. Nous vous recommandons le premier car vous pouvez être opérationnel assez rapidement tout en gardant le contrôle sur le style de votre site Web..

Il s’agit du même processus d’utilisation d’un thème enfant dans WordPress. Dans ce cas, le cadre est le thème parent et votre thème enfant gère tout le style. Exécutez à nouveau le processus dans le guide précédent d’installation d’un cadre de thème et de création d’un fichier style.css et functions.php pour lier les deux ensemble.

Chaque framework est différent, tout comme chaque thème. Certains viennent avec une étiquette de prix et certains viennent avec des fonctionnalités différentes des autres. Assurez-vous de regarder autour de vous pour trouver celui qui convient le mieux à vos besoins. Voici trois de nos favoris:

  • Genèse
  • Portique
  • Noyau hybride

Développer votre propre thème ne nécessite techniquement que deux fichiers: index.php et style.css. Cependant, de nombreux thèmes incluent quelques fichiers supplémentaires pour spécifier l’en-tête, le pied de page et les barres latérales d’une page Web. Voici une brève description des fichiers que la plupart des thèmes auront:

  • index.php: Le cœur de votre thème. Il s’agit de la zone principale qui spécifiera l’emplacement de toutes vos options de thème. Bien nommé, c’est un index pour votre thème
  • style.css: Voici l’aspect général de votre site. Ici, vous définissez les couleurs, les polices, l’espacement, etc. du contenu principal
  • header.php: Le script pour générer toutes les informations d’en-tête, y compris le logo, le menu principal, etc.
  • sidebar.php: Toutes les informations sur le fonctionnement des barres latérales dans votre thème. Consultez notre guide du débutant (lié ci-dessus) pour en savoir plus sur les barres latérales
  • footer.php: Aussi explicite que les trois derniers, cela gère la section de pied de page de votre site Web

Votre objectif est de commencer avec un fichier d’index, en utilisant un cadre comme Bootstrap pour commencer et de l’étendre en divisant ce fichier en fichiers séparés pour les en-têtes, les pieds de page et les barres latérales. Tout comme les plugins, un bon exercice consiste à parcourir les fichiers de thème inclus avec WordPress pour voir comment ils sont structurés.

Dans de nombreux cas, l’adoption d’un cadre pour construire votre thème est la meilleure façon de procéder. Il supprimera tous les scripts de base afin que vous ayez un site fonctionnel et que vous puissiez revenir en arrière et apporter des modifications à son style général..

Si vous voulez vous lancer, préparez-vous pour le long terme. Ce n’est pas aussi difficile que le développement de plugins à bien des égards, mais beaucoup plus de temps. Reportez-vous au manuel de thème de WordPress pour tout savoir sur le format et la structure de votre thème.

Conseils généraux sur WordPress

Avec la complexité de WordPress, il est facile de se perdre dans tout le brouhaha. En guise de proue à notre série en trois parties sur WordPress, nous allons vous donner quelques conseils généraux sur l’utilisation du CMS afin que vous puissiez exécuter votre site correctement.

Rester simple

Par-dessus tout, il est important de garder WordPress aussi simple que possible. Des tonnes de plugins, de styles personnalisés et de conceptions de publication complexes rapportent rarement quelque chose de positif pour votre site. Les résultats sont souvent des temps de chargement lents, des incompatibilités de plugins et des pages Web cassées.

Exécutez votre site avec uniquement les plugins essentiels et les options de style. Avec la quantité de données transférées par WordPress, chaque plugin ou option extravagante ne fait qu’ajouter au temps de chargement déjà assez long. Si vous voulez quelque chose de flashy, soyez prêt à faire une optimisation sérieuse ou utilisez un constructeur de site Web à la place.

Si vous êtes sur la fin du codage, cela signifie également que vous ne vous adonnez pas. Gardez votre code propre et essayez de ne rien faire d’extraordinaire si vous développez votre propre plugin ou thème. En fin de compte, cela rend le script plus difficile à exécuter pour WordPress.

Mettre à jour souvent

Nous ne pouvons pas insister assez sur ce point. WordPress est une plateforme en constante évolution avec de nombreuses pièces mobiles. Une mise à jour d’un plugin ou d’une fonctionnalité peut entraîner des incompatibilités avec un autre conduisant à un site cassé ou arrêté..

Dès qu’une mise à jour arrive, implémentez-la sur votre site. Dans certains cas, cela peut entraîner une incompatibilité, alors assurez-vous de sauvegarder votre site (que nous couvrirons dans la section suivante) afin de pouvoir revenir en arrière au cas où cela se produirait..

Il vaut mieux, cependant, aller de l’avant et faire la mise à jour. S’asseoir sur un tas de modifications ne fera que ralentir votre site et, même si vous rencontrez un plugin rompant avec la mise à jour d’un autre, vous pouvez informer les développeurs afin qu’ils puissent déployer un correctif.

Sauvegardez constamment

Après avoir fait tout le travail sur votre site WordPress, il serait préjudiciable de le perdre pour un serveur piraté ou cassé. Bien qu’il soit peu probable, vous devez sauvegarder votre site aussi souvent que possible en utilisant l’un des meilleurs services de sauvegarde en ligne.

Il existe une tonne de plugins WordPress qui s’intègrent à la sauvegarde en ligne et au stockage cloud pour donner une redondance à votre site Web. Une des meilleures options pour cela est UpdraftPlus qui vous permet de stocker vos sauvegardes directement dans Dropbox (lire notre critique Dropbox) ou Google Drive (lire notre critique Google Drive).

Il est peu probable que les données de votre site Web soient complètement effacées, mais cela est certainement possible. C’est une petite taxe à payer pour la tranquillité d’esprit qui paiera certainement des dividendes en cas de catastrophe où l’une de vos données est perdue.

Dernières pensées

Avec cela, nous avons terminé notre cours en trois parties pour apprendre WordPress. Même si nous avons couvert beaucoup de choses au cours de ces guides, il y a beaucoup plus à apprendre sur la plateforme. Assurez-vous de lire dans le Codex WordPress pour apprendre tout ce qui n’est pas couvert ici.

Même avec toutes les connaissances de WordPress, c’est un effort vain si vous ne disposez pas d’un hébergeur solide pour exécuter votre site Web. Assurez-vous de consulter notre meilleur hébergement Web pour WordPress pour vous assurer que tout votre travail acharné est associé à un serveur solide.

Quelles autres questions WordPress avez-vous? Faites-le nous savoir dans les commentaires ci-dessous et, comme toujours, merci d’avoir lu.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map