Dans notre article précédent, nous vous avons montré deux outils riches en fonctionnalités qui excellent dans l’édition du code HTML WordPress pour des pages et des publications individuelles. Passons maintenant à la section suivante de l’édition HTML, qui implique le code source de WordPress.
Étant donné qu’interférer avec le code source pourrait mettre votre site en danger, n’optez pour cette méthode que si vous êtes sûr de vos connaissances en code.
Vous êtes? Alors commençons!
Pourquoi Vous Devriez Savoir Comment modifier le Code source HTML
WordPress vise à aider les utilisateurs à éviter autant que possible de toucher à une ligne de code. Inutile de dire que c’est une plate-forme conviviale et facile à utiliser qui fournit de nombreuses fonctions et plugins intégrés pour aider les utilisateurs à répondre à la plupart de leurs besoins.
Par exemple, lorsqu’il s’agit de personnaliser votre site WordPress, de nombreux plugins et thèmes sont disponibles pour vous aider à faire avancer les choses. En les installant et en les activant, vous pouvez embellir ou personnaliser entièrement votre site sans tracas. En d’autres termes, pour les besoins de base, WordPress vous permet de tout faire sans interférer avec le code source de votre site.
Cependant, il arrive un moment où vous souhaitez avoir plus de contrôle sur votre site, c’est-à-dire effectuer une personnalisation avancée. Même dans le pire des scénarios, votre site se bloque ou souffre d’une erreur qui vous empêche d’accéder à votre tableau de bord d’administration.
Dans ces circonstances, l’édition du code source HTML de WordPress pourrait être le ticket. En tant que tel, cela vous aidera à résoudre les problèmes.
Cet article vous montrera un guide complet pour modifier le code source HTML dans WordPress. En conséquence, vous pouvez choisir la solution la plus appropriée en fonction de vos besoins spécifiques.
- Modifier le Code Source HTML À l’aide de l’Éditeur de Thème WordPress
- Modifier le Code Source HTML À l’aide de FTP (Protocole de Transfert de fichiers)
- Modifier le Code Source HTML À l’aide de cPanel
Modifier le Code Source HTML à l’aide de l’Éditeur de Thème WordPress
Utiliser l’Éditeur de Thème WordPress dans votre tableau de bord est une méthode simple. Cela signifie que vous n’avez pas à utiliser de plugin ou de plate-forme tiers pour modifier votre code source HTML.
Suivez simplement les étapes ci-dessous.
Étape 1: Accédez à l’éditeur de thème Apparence >.
Étape 2: Un message d’avertissement apparaît pour confirmer votre compréhension de l’édition HTML avant de commencer. Cliquez sur Je comprends pour lancer le bal.
Étape 3: Sélectionnez un thème à modifier dans le menu déroulant dans le coin droit. Disons que nous avons l’intention de modifier le thème de la vitrine.
Étape 4: Un nouvel écran s’affiche. Dans la liste de droite, sélectionnez un fichier de thème spécifique que vous souhaitez modifier.
Veuillez noter que les fichiers s’affichent en fonction de votre thème. Cela dit, il y a des points communs dans tous les thèmes. Par exemple:
- Index.en-tête php
- .php
- Pied de page.php
- Style.fonction css
- .php
Étape 4: Apportez des modifications au HTML. N’oubliez pas de procéder avec prudence car même une virgule ou un point erroné peut casser votre site.
Étape 5: Appuyez sur Mettre à jour le fichier pour enregistrer vos modifications.
Il est à noter que WordPress vous empêchera d’enregistrer votre code HTML modifié s’il y a des erreurs détectées. Dans ce cas, revérifiez votre code HTML et enregistrez-le à nouveau.
Pour cette raison, cette méthode est considérée comme plus sûre que les 2 autres méthodes, qui seront présentées ci-dessous.
Modifier le Code Source HTML En utilisant FTP
FTP signifie File Transfer Protocol. Si vous êtes un technicien, l’édition du code source HTML WordPress avec un client FTP ne sera pas une science de fusée pour vous. Dans cet article, nous irons avec FileZilla, qui est considéré comme le client FTP le plus sécurisé et le plus convivial parmi plusieurs.
Maintenant, commençons!
Étape 1: Téléchargez FileZilla et installez-le sur votre site local.
Étape 2: Une fois terminé, ouvrons FileZilla.
Il vous faudra entrer vos informations d’identification FTP telles qu’un nom d’utilisateur, un mot de passe et un nom d’hôte, qui peuvent être facilement trouvés dans votre compte d’hébergement.
Appuyez sur QuickConnect pour vous connecter à votre serveur.
Étape 3: Vous devriez alors voir une liste des fichiers de votre site Web dans le panneau de droite.
Ouvrez le dossier public_html. C’est là que résident vos fichiers et dossiers.
Étape 4: Dans le dossier Public_html, recherchez le dossier wp-content qui abrite tous les thèmes installés de votre site. Vous devriez faire défiler vers le bas pour le voir.
Étape 5: Dans le dossier wp-content, choisissez thèmes.
Ici, téléchargez et modifiez les thèmes que vous souhaitez personnaliser.
Par exemple, comme vous pouvez le voir dans la capture d’écran ci-dessous, nous avons un thème appelé twentytwentyone.
Étape 6: Ouvrez le dossier du thème et vous verrez une liste de fichiers HTML. Pour en modifier un, cliquez dessus avec le bouton droit de la souris et sélectionnez l’option Afficher / Modifier.
En conséquence, le fichier sera téléchargé dans votre région.
Étape 7: Modifiez vos fichiers de thème avec votre propre code d’extrait.
Étape 8: Téléchargez le fichier dans le même dossier. En conséquence, le nouveau fichier écrasera les anciens.
C’est tout! Vous pouvez retourner sur votre site public et vérifier le résultat.
Modifier le code source HTML à l’aide de cPanel
Une autre méthode digne de confiance pour modifier le code source HTML de WordPress utilise cPanel.
En utilisant cPanel, vous pouvez gérer vos sites Web WordPress, comptes de messagerie, noms de domaine, connexion à la base de données, etc. sans aucune connaissance technique.
Maintenant, explorons comment vous pouvez modifier votre source HTML WordPress avec cPanel.
Étape 1: Connectez-vous à votre compte d’hébergement Web pour accéder à cPanel.
Étape 2: Accédez au Gestionnaire de fichiers et recherchez le dossier public_html.
Étape 3: Dans le dossier wp-content, vous devriez pouvoir trouver le dossier thèmes.
Étape 4: Dans le dossier thèmes, sélectionnez le thème actuel et modifiez-le.
Cela ouvrira le fichier dans un éditeur de texte où vous pourrez le personnaliser. Après avoir apporté les modifications, n’oubliez pas d’enregistrer le fichier.
Attention Lors de l’édition du Code Source HTML WordPress
Comme indiqué, toute modification de votre source WordPress pourrait mettre votre site en danger. Par conséquent, soyez prudent et prenez sérieusement en compte nos conseils avant de commencer les choses.
Sauvegardez vos données
Cela garantit que vous disposez d’un journal de données mis à jour à télécharger sur votre backend au cas où tout serait gâché lorsque vous modifiez le code source HTML.
Assurez-vous de stocker vos fichiers de sauvegarde dans un endroit sûr afin que les personnes non autorisées ne puissent pas accéder à vos précieuses données et les voler.
Créer un thème enfant
Si vous prévoyez d’éditer directement le code de vos fichiers de thèmes, vous devez utiliser le thème enfant plutôt que d’éditer directement le thème parent. Sinon, vous perdrez les modifications une fois que vous aurez mis à jour le thème parent.
Êtes-Vous Prêt à Modifier Votre Code Source HTML WordPress?
Avec nos deux articles, vous vous êtes armé de solides connaissances sur l’édition de HTML sur votre page WordPress, y compris les pages individuelles, les publications et le code source.