Utilisez les bons outils

J’aime le Communauté WordPress. La gamme de travail disponible est large: il y a des concepteurs, des développeurs, des blogueurs et plus encore. La plupart de ces personnes ont dû comprendre comment modifier les thèmes WordPress d’une manière ou d’une autre. La bonne nouvelle est que le niveau d’entrée pour le « piratage » est très bas.

Nous commençons tous à nous pirater sur WordPress, et j’ai commencé quand un de mes amis avait besoin de certaines choses que le sujet ne pouvait pas. Je ne connaissais pas WordPress, mais je connaissais PHP, alors je suis entré. Rétrospectivement, j’aurais fait les choses différemment, et mon objectif ici est de vous montrer comment le faire « à la manière WordPress ».

Comment modifier les thèmes WordPress: 5 méthodes

Il existe au moins cinq façons d’apporter des modifications à un thème WordPress. Certains sont plus simples que d’autres, mais ce sont les plus courants:

  1. Édition CSS via WP Customizer – Apportez des modifications sans changer les fichiers de thème
  2. Edition de sujets – Modifiez directement les fichiers de thème
  3. Démarrer un sujet enfant – Reçoit le sujet parent
  4. Fourchette un sujet – Fait une copie du sujet
  5. Ecrire un plugin – Utilise des crochets et des filtres pour changer les fonctionnalités

Nous nous concentrerons sur le CSS tout en explorant comment modifier les thèmes WordPress, couvrir l’édition du thème et démarrer facilement un thème enfant. Le fork et l’écriture de sujets sur les plugins n’entrent pas dans le cadre du titre de cet article. Il y a des choses dont vous aurez besoin et quelques conseils:

  • Assurez-vous d’avoir une sauvegarde
  • Obtenez l’accès SFTP au site
  • Évitez l’éditeur WordPress
  • Codage Cowboy (à éviter si vous le pouvez)

Prêt à commencer?

Assurez-vous d’avoir une sauvegarde

Assurez-vous d’avoir une sauvegarde avant de vous lancer dans l’édition des thèmes WordPress. Votre société d’hébergement doit fournir une sauvegarde. Chez Sideways8, mon agence, nous utilisons ManageWP comme méthode secondaire de sécurisation d’un site.

Si vous n’utilisez pas actuellement ManageWP, veuillez vous connecter. Il offre une option de sauvegarde mensuelle gratuite. Activez-le et exécutez-le avant de démarrer ce didacticiel.

Au fait, le centre, Qui fait partie de GoDaddy Pro, est basé sur ManageWP. Il comprend des sauvegardes gratuites pour tout le monde Sites WordPress hébergé sur les serveurs GoDaddy.

Obtenez un accès SFTP (ou simplement FTP)

Si vous souhaitez modifier les fichiers de rubrique, vous avez besoin d’un moyen de vous connecter au serveur. Si vous êtes sous Windows, Mac ou Linux, vous pouvez utiliser Filezilla. C’est gratuit et open source. Installez-le et configurez-le pour se connecter à votre serveur Web.

Évitez l’éditeur WordPress

Lorsque vous apprenez à modifier des thèmes WordPress, il est tentant de simplement sauter et de modifier des fichiers avec l’éditeur inclus – mais c’est très dangereux. En supprimant accidentellement un point-virgule lors de la modification d’un modèle de page, ou pire dans functions.php, vous pouvez supprimer le site.

Ne fais pas ça.

Comment modifier l'éditeur de thèmes WordPress

Une note rapide sur le codage cowboy (évitez-le si vous le pouvez)

Je ne veux pas donner de cours sur les normes de codage et l’éthique, donc je ne vais pas marcher sur une boîte à savon (ils sont difficiles à trouver de toute façon). Un développeur à plein temps prendrait le temps de configurer le site Web localement avec quelque chose comme MAMP, WAMP, Vagrant etc.

Si vous sautez cette étape, nous ferons ce que l’on appelle le « codage cowboy » – et ce n’est pas la meilleure solution. Vous ne souhaitez pas modifier le code sur un site en ligne. Veuillez donc contacter Google développement local si vous voulez passer au niveau suivant.

Le développement local devrait être votre objectif final si vous souhaitez devenir développeur.

Pour mes exemples, j’utiliserai MAMP pour le développement local. Cependant, il existe une option pour télécharger, modifier, télécharger un fichier et actualiser la page pour voir les modifications. C’est un moyen courant de savoir comment modifier les thèmes WordPress. Cependant, le développement local devrait être votre objectif ultime si c’est ce que vous voulez Devenez développeur.

Plongeons-nous dans

Pour cet article, j’utiliserai un site local à http://dev.dev (Vous ne pouvez pas y accéder car il est configuré localement sur mon ordinateur.) Ces trois façons de modifier WordPress nécessitent des compétences différentes. La façon la plus simple de commencer est de passer la plupart de notre temps là-bas.

1. Modifications CSS

Le moyen le plus simple de modifier l’apparence d’un thème est de modifier le CSS. Depuis la sortie de la version 4.7, il existe un moyen intégré de modifier le CSS sans avoir à modifier le thème directement.

Connectez-vous simplement à WordPress, puis à partir de Apparence, choisir Ajuster::

Comment modifier les thèmes WordPress personnalisés

Cela vous jette dans le personnalisateur et vous devez cliquer sur CSS supplémentaire::

Comment modifier le CSS supplémentaire des thèmes WordPress

Cela vous mènera à une boîte vide où vous pouvez commencer à déposer du CSS (note: j’ai fait défiler un peu vers le bas pour que vous puissiez voir le contenu, pas seulement l’image d’en-tête):

Comment modifier le contenu CSS supplémentaire des thèmes WordPress

Vous pouvez maintenant apporter des modifications. Vous devez savoir comment cibler les éléments CSS. Alors laissez-moi commencer. J’utiliserai Chrome pour sélectionner un élément CSS, mais d’autres navigateurs ont la même fonctionnalité. Tout d’abord, cliquez avec le bouton droit sur un élément, par exemple B. le titre du billet de blog Bonjour le monde! Lorsque vous cliquez avec le bouton droit de la souris, l’inspecteur est appelé.

Comment modifier l'inspecteur de thèmes WordPress

Dès que vous cliquez Vérifiervous pouvez voir comment s’appelle l’élément du titre. Dans ce cas, le titre de l’article est une balise H3 avec la classe Titre de l’entrée. Ici, vous pouvez ajouter n’importe quel CSS que vous voulez. Dans ce cas, nous ajouterons une bordure rouge en ajoutant simplement le code suivant:

h3.entry-title {
  border: 1px solid red;
}

Comment modifier les éléments de thème WordPress

Vous pouvez ajouter du CSS à n’importe quel élément tout en déterminant comment modifier les thèmes WordPress. Pour que vous le sachiez, ce CSS est stocké dans la base de données et les fichiers du thème ne sont en aucun cas modifiés.

Si vous essayez de cibler un élément – mais uniquement sur une page ou un type de publication spécifique – vous devriez jeter un œil aux classes Body. WordPress est vraiment intelligent. Par exemple, si vous cliquez sur le premier article de blog et le chargez, nous obtenons une mine d’informations à ce sujet:

Comment modifier les informations de publication des thèmes WordPress

Nous savons que le modèle par défaut est en cours de chargement, il s’agit d’une seule page et l’ID de publication est 1. Vous pouvez donc faire ce qui suit:

body.postid-1 h1.entry-title {
  border: 1px solid red;
}

Ce cadre est uniquement affiché sur le site Web avec l’ID d’entrée 1. Si vous voulez que le titre se cache sur les pages mais que vous gardez le titre sur les articles, vous pouvez afficher les classes dans l’inspecteur sur une seule page. Tout ce que vous avez à faire est d’ajouter ce CSS au personnalisateur:

body.page h1.entry-title {
  display: none;

Il existe de nombreuses ressources sur CSS. CSSplay a d’excellents exemples de ce qui peut être fait. N’oubliez pas que vous pouvez obtenir une tonne d’informations sur les classes intégrées à WordPress dans le Customizer.

Changements de sujet

Des changements de sujet doivent être apportés si vous souhaitez faire une marque plus permanente. Modifiez les fichiers du sujet uniquement si vous êtes sûr à 100% qu’il ne sera jamais mis à jour.

Par exemple, si vous utilisez Genesis, Elegant Themes, Divi, Avada, etc., il est possible que les fichiers que vous avez modifiés soient supprimés lorsqu’une mise à jour est disponible. Dans ce cas, vous souhaitez passer à la section suivante.

Une fois que vous avez un sujet que vous ne souhaitez pas mettre à jour, tout ce que vous avez à faire est d’entrer FTP, puis de choisir le fichier que vous voulez changer. Nous nous connectons simplement et parcourons votre répertoire de sujets. Ce sera le cas 99% du temps public_html / wp-content / themes / _name_of_theme.

Vous pouvez modifier le CSS et coller exactement le même code de la section précédente. Supprimez le code du personnalisateur et modifiez-le style.css à la racine du répertoire du thème, puis ajoutez-le à la fin du fichier.

Si vous êtes connecté via FTP, vous pouvez modifier n’importe quel fichier. Soyez prudent lorsque vous avez la sauvegarde que vous avez sous la main.

Thème des enfants

Il s’agit plus d’un tutoriel pour les développeurs à ce stade, et vous devriez lire le Codex WordPress pour un article sur la façon d’en créer un. Thème des enfants. Vous serez guidé dans la création d’un sous-sujet basé sur le thème Twenty Fifteen. Vous pouvez également en savoir plus sur la création de votre premier thème enfant WordPress en lisant ceci éléments.

Je recommande toujours de suivre le processus manuel pour apprendre comment fonctionne WordPress. Cependant, si vous n’aimez pas créer un sous-sujet à partir de zéro, il existe un plugin pour vous aider.

Générateur de sujets enfants est un plugin gratuit qui crée le sous-sujet. Installez simplement le plugin, activez-le et remplissez le formulaire pour le créer. Vous devez savoir que de nombreuses sociétés thématiques proposent des sous-thèmes prédéfinis. Par exemple, le thème Agence Beaver Builder en propose un Thème des enfants Cela facilite les modifications sans avoir à créer un sujet enfant à partir de zéro.

N’oubliez pas que tout sujet, à condition qu’il ne soit pas déjà un sujet enfant, peut avoir un sujet enfant.

La bonne chose à propos d’un thème enfant est que lorsque WordPress est actif, il recherchera d’abord un fichier dans le répertoire du thème enfant, puis s’il n’est pas trouvé, il chargera le fichier du thème parent.

Par exemple, si vous souhaitez modifier le pied de page d’un sujet et uniquement le pied de page, vous pouvez créer un sous-sujet en suivant les instructions sur WordPress.org. Copiez simplement footer.php du sujet parent et placez-le dans le répertoire de l’enfant. Ensuite, WordPress charge le footer.php trouvé dans l’enfant, et sinon, téléchargez la copie du parent. C’est certainement le moyen le plus sûr de changer un thème lorsque vous apprenez à modifier des thèmes WordPress via FTP.

Emballage

J’adorerais parler de branchement d’un sujet et d’écrire un plugin pour changer un sujet, mais cela doit être un autre article. Espérons que cela vous mènera à la prochaine étape de la quête sans fin de connaissances WordPress.


Rencontrez la journée de 27 heures.

Nous avons conçu le Hub de GoDaddy Pro pour vous faire gagner du temps. Beaucoup de temps. Nos membres rapportent qu’ils économisent en moyenne trois heures par mois pour chaque site Web client qu’ils gèrent. Ajoutez-vous cette heure à votre journée?

Inscription gratuite

Photo de: Ashim D’Silva sur Unsplash



Source link

Recent Posts