Profil Malt
  • Concept
  • Services
    • Site vitrine
    • Site e-commerce
  • Portfolio
  • Blog
  • Contact
  1. Accueil
  2. Création web
  3. Des bouts de codes ou snippets utiles pour votre site WordPress (Partie 1 : Introduction)

Des bouts de codes ou snippets utiles pour votre site WordPress (Partie 1 : Introduction)

Artcile - Snippet WordPress
Publié le il y a 11 mois
Création webTrucs et astuces

Améliorer les fonctionnalités de votre site internet WordPress sans installer de plugin

Qu’est qu’un snippet ?

Un snippet – littéralement un fragment en français – signifie un morceau de code qu’on va pouvoir placer sur notre site internet WordPress afin de modifier le comportement ou l’affichage par défaut d’un thème, d’un plugin ou encore d’une fonctionnalité du backoffice de WordPress.

Nous avons d’ailleurs déjà vu dans des articles précédents sur notre blog, comment restaurer l’éditeur de widgets classique depuis WordPress 5.8 ou encore comment masquer les autres méthodes d’expédition lorsque la livraison gratuite est disponible sur WooCommerce à l’aide de snippet ✂️

Attention : ne pas confondre un snippet avec le terme rich snippet – littéralement un extrait enrichi en français – qui est propre à l’univers du référencement naturel (SEO). Il désigne un extrait d’une page web qui sera affiché dans les résultats du moteur de recherches Google.

Comment intégrer un snippet dans WordPress ?

Il existe deux méthodes fréquemment utilisées : l’ajout du code dans le fichier functions.php ou bien via un plugin comme Code Snippets.

1/ Via le fichier functions.php :

Rendez-vous dans le backoffice de WordPress, dans l’onglet « Apparence > Éditeur de thème »

Sur votre droite, vous pouvez voir la liste des fichiers qui composent votre thème (fichiers CSS / JS / PHP). Si vous utilisez un thème enfant, veuillez sélectionner le thème enfant à modifier, bien souvent sous l’appellation « Child ».

Cherchez et cliquez sur le fichier « Fonctions du thème (functions.php) ». C’est dans ce fichier que vous pourrez intégrer tous vos snippets !

Attention : si vous utilisez un plugin sécuritaire (par exemple All In One WP Security & Firewall, Sucuri Security, iThemes security…), veillez à réactiver la capacité d’édition des fichiers PHP. En effet, cette option sécuritaire masquera le fichier functions.php.

Vous pouvez également éditer ce fichier functions.php directement par FTP (File Transfer Protocol). Rendez-vous dans le dossier wp-content/themes et sélectionnez le thème que vous souhaitez modifier. Vous trouverez alors dans la liste le fichier functions.php.

2/ Via le plugin Code Snippets

Ce plugin va vous permettre d’organiser de la meilleure façon vos différents snippets. Vous pourrez les nommer, ajouter une description, les catégoriser ou encore les gérer.

Deux autres options sont vraiment très utiles :

  • Importer et exporter vos snippets d’un site à un autre – Cela vous permettra de gagner du temps pour la récupérer de vos scripts, si vous développez plusieurs sites web.
  • Choisir où vous souhaitez exécuter vos snippets – Par exemple, partout sur le site ou uniquement dans le backoffice… Utile pour l’organisation et l’optimisation de votre site internet !

Votre premier snippet avec le plugin Code Snippets

Ci-dessous, un exemple d’intégration d’un snippet à l’aide de ce plugin.
Le but de ce snippet sera la simple désactivation du widget présent dans le backoffice de WordPress pour la vérification de l’état de santé de votre site web.

Nous ajoutons donc un nouvel extrait en cliquant sur  le bouton « Ajouter » (Onglet Snippets > Ajouter).

Renseignez un titre de votre choix et copiez-collez le code ci-dessous dans la partie « Code » :

add_action('wp_dashboard_setup', 'remove_site_health_dashboard_widget');
function remove_site_health_dashboard_widget()
{
remove_meta_box('dashboard_site_health', 'dashboard', 'normal');
}

Ici, ce snippet va essentiellement servir à modifier un comportement du backoffice de WordPress. Cliquez alors sur le bouton radio « Exécuter uniquement dans la zone d’administration ».

Voilà ! Vous avez intégré votre premier snippet sur WordPress… Félicitations ! 😃

Nous nous retrouvons maintenant dans la partie 2 de cet article où nous vous proposerons une liste complète de snippets à copier-coller. Ces extraits seront toujours utiles pour vos différents projets avec WordPress 👩‍💻

Sources :

  • Définition d’un snippet
  • Plugin Code Snippets

Partagez cet article en 1 clic !

Matthieu HERMANN
8 articles
Directeur technique chez He-site pas
Magazine Challenges
Urbanloop nouveau site internet

Urbanloop nouveau site internet

5 juillet 2022

Magazine Challenges

1 avril 2022

5 tendances typographiques 2022 !

7 janvier 2022

Comment masquer les autres méthodes d’expédition lorsque la livraison gratuite est disponible sur WooCommerce ?

15 août 2021

Articles récents

  • Urbanloop nouveau site internet
  • Des bouts de codes ou snippets utiles pour votre site WordPress (Partie 1 : Introduction)
  • Magazine Challenges
  • 5 tendances typographiques 2022 !
  • Comment masquer les autres méthodes d’expédition lorsque la livraison gratuite est disponible sur WooCommerce ?

Archives

Catégories

  • À propos
  • Animation web
  • Création web
  • Promotion web
  • Trucs et astuces

Nous contacter

Vous avez des questions ou vous souhaitez obtenir un devis gratuit pour la refonte ou la création d’un site internet… ? 🧐

N’hé-sitez pas à nous contacter à l’aide de ce formulaire ! Nous répondrons à votre besoin dans les plus brefs délais.

Malheureusement, nous ne pouvons pas prendre de stagiaires ou d’alternants pour le moment…

Sélectionner une option
Vous devez remplir ce champ
Vous devez remplir ce champ
Vous devez remplir ce champ
Veuillez saisir une adresse e-mail valide.
Vous devez remplir ce champ
21 - 14 = ?
Entrer le résultat de l'opération pour continuer

4,98 / 5 sur 110 avis clients

Profil Malt

Navigation rapide

  • Concept
  • Site vitrine
  • Site e-commerce
  • Portfolio
  • Blog
  • Contact
  • Glossaire

Articles récents

  • Urbanloop nouveau site internet
  • Des bouts de codes ou snippets utiles pour votre site WordPress (Partie 1 : Introduction)
  • Magazine Challenges

Tags

Abonnement Agenda E-learning Refonte Site e-commerce Site vitrine

© 2023 He-site pas

 Mentions légales / Politique de confidentialité / Politique de cookies / Sitemap

Création de site internet à Nancy - Agence web Hé-site pas !
Gérer le consentement des cookies
Nous utilisons des cookies 🍪 pour optimiser notre site web et notre service.
Fonctionnel Toujours activé
Le stockage ou l’accès technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.
Préférences
Le stockage ou l’accès technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’utilisateur.
Statistiques
Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques. Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.
Marketing
Le stockage ou l’accès technique est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web à des fins de marketing similaires.
Gérer les options Gérer les services Gérer les fournisseurs En savoir plus sur ces finalités
Préférences
{title} {title} {title}