Ma?triser les crochets WordPress : un guide complet pour personnaliser et améliorer votre site web

Qu'est-ce que les crochets WordPress ?

Les "hooks" de WordPress vous permettent d'ajouter ou de modifier des fonctionnalités à votre site web sans changer le code de base. Les hooks sont comme des interfaces spéciales qui sont installées à des points clés du programme, vous permettant d'insérer votre propre code ou de modifier le code existant.

Image [1] - Mastering WordPress Hooks : A Comprehensive Guide to Customising and Enhancing Your Website - Photonwave.com | Professional WordPress Repair Service, Global Reach, Fast Response (Service professionnel de réparation de WordPress, portée mondiale, réponse rapide)

Objectif du crochet

Les hooks sont des outils qui vous permettent d'ajouter ou de modifier des fonctionnalités à votre site web en exécutant automatiquement des fonctions spécifiques sans modifier le code principal de WordPress. Il existe deux types de crochets :

  1. Crochets d'actionLes crochets d'action : Ces types de crochets vous permettent d'exécuter du code à un endroit spécifique de WordPress, comme l'ajout de données ou la modification de la fa?on dont le site fonctionne. Les crochets d'action n'exécutent que des taches et ne renvoient aucun résultat à l'utilisateur.
  2. Crochets de filtre: Ces types de crochets vous permettent de modifier les données au fur et à mesure que WordPress les traite et de renvoyer les données modifiées à l'utilisateur.

Les crochets d'action sont utilisés pour "faire quelque chose", comme ajouter une nouvelle fonctionnalité, tandis que les crochets de filtre sont utilisés pour "changer quelque chose", comme ajuster la fa?on dont le contenu existant est affiché. Grace aux crochets, vous pouvez facilement intégrer du code personnalisé, tel que JavaScript, dans votre site web afin de le rendre plus personnalisable.

Image [2] - Mastering WordPress Hooks : A Comprehensive Guide to Customising and Enhancing Your Website - Photonwave.com | Professional WordPress Repair Service, Global Reach, Fast Response (Service professionnel de réparation de WordPress, portée mondiale, réponse rapide)

Voici ce que sera mytheme_scriptComparaison des fonctions avecwp_enqueue_scriptsExemple de crochet d'opération auquel une opération est connectée.

function mythe_script()
{wp_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), '1.0.0', true) ;
}}
add_action('wp_enqueue_scripts', 'mytheme_script' ) ;

L'utilisation de crochets WordPress vous permet de personnaliser et d'améliorer les fonctionnalités de votre site web, ce qui nécessite quelques connaissances de base en HTML et en PHP. Mais ne vous inquiétez pas, même les nouveaux venus sur WordPress peuvent apprendre à créer et à utiliser ces crochets relativement facilement.

Créer des crochets d'opération : Les crochets d'action vous permettent d'exécuter automatiquement du code à des moments précis de votre site web. Pour créer un crochet d'action, vous devez utiliser la balise add_action() fonction. Cette fonction est généralement ajoutée à la section functions.php fichier. Voici un exemple d'ajout d'un crochet d'action :

add_action( $target_hook, $the_name_of_function_you_want_to_use, $priority, $accepted_args ) ;
Image [3] - Mastering WordPress Hooks : A Comprehensive Guide to Customising and Enhancing Your Website - Photonwave.com | Professional WordPress Repair Service, Global Reach, Fast Response (Service professionnel de réparation de WordPress, portée mondiale, réponse rapide)
function my_custom_function($arg1) {
    // Ecrivez le code de votre fonction ici
    echo "Fonction avec argument : " . $arg1.
}

// Accrocher la fonction au hook 'wp_loaded' avec la priorité 5 (exécuté plus t?t) et accepter un argument
add_action('wp_loaded', 'my_custom_function', 5, 1) ;

ma_fonction_personnalisée est une fonction que nous avons définie pour être exécutée automatiquement lorsque WordPress est complètement chargé. Nous faisons en sorte qu'elle s'exécute plus t?t en définissant la priorité à 5, et la fonction est définie pour prendre un paramètre. Cette approche vous donne la possibilité d'ajouter ou de modifier des fonctionnalités à votre site sans changer le code de base.

Création de crochets de filtrage

Dans WordPress, vous pouvez utiliser l'option add_filter() pour créer des crochets de filtrage. Ces crochets sont principalement utilisés pour modifier ou filtrer des données, par exemple pour ajuster la sortie d'un texte ou modifier la valeur d'un paramètre.

Lorsque vous utilisez des crochets de filtrage, vous spécifiez une valeur existante à modifier. Cela se fait généralement par l'intermédiaire de l'option apply_filters() pour ce faire, elle appelle votre fonction personnalisée lorsqu'elle traite les données, ce qui vous permet de modifier ou de remplacer les données d'origine.

Image [4] - Mastering WordPress Hooks : A Comprehensive Guide to Customising and Enhancing Your Website - Photonwave.com | Professional WordPress Repair Service, Global Reach, Fast Response (Service professionnel de réparation de WordPress, portée mondiale, réponse rapide)

En voici un à ajouter à un thème WordPress (comme le thème Twenty Twenty-Three) functions.php Exemple de crochet de filtre dans un fichier :

function modify_excerpt_length($length) {
    function modify_excerpt_length($length) { return 20.
}
// Accrocher la fonction 'modify_excerpt_length' au crochet 'excerpt_length' à l'aide de la fonction add_filter
add_filter('excerpt_length', 'modify_excerpt_length') ;

Dans cet exemple, lemodifier_longueur_excerpt est utilisée pour modifier la longueur par défaut des résumés d'articles de WordPress. Nous modifions la longueur par défaut du résumé d'un article WordPress en utilisant la fonction add_filter() accroche cette fonction personnalisée à la fonction longueur_de_l'extrait sur un crochet qui contr?le la longueur du résumé. Lorsque WordPress demande la longueur du résumé, il utilise la nouvelle valeur que vous avez spécifiée (dans ce cas, 20 mots), rempla?ant ainsi la valeur originale par défaut.

Si vous vous trouvez dans une situation où vous devez annuler ou désactiver un passage antérieur par le système add_action() peut-être add_filter() Pour ajouter des actions et des filtres, vous pouvez utiliser la fonction remove_action() répondre en chantant remove_filter() pour ce faire. Voici comment utiliser la fonction remove_action() En voici un exemple :

remove_action('example_action', 'example_function', 10) ;

Dans cet exemple, leexemple_action est un crochet d'action qui a été ajouté précédemment.exemple_fonction est la fonction accrochée à ce crochet, et la fonction 10 est la priorité utilisée lors de l'ajout de cette opération. Lors de l'appel de l'opération remove_action() Dans ce cas, vous devez spécifier le même nom de crochet, le même nom de fonction et la même priorité pour garantir une annulation correcte.

lire ci-dessousremove_filter()En voici un exemple :

remove_filter('wp_mail', 'wp_staticize_emoji_for_email' ) ;
add_filter( 'tiny_mce_plugins', 'disable_emojis_tinymce' ) ;
}

L'exemple montre comment désactiver lewp_statize_emoji_for_emailIl convertit les émotic?nes en images statiques.Il utilise ensuite disable_emojis_tinymceRemplacez-les, ce qui désactivera la fonction emoji dans WordPress.

Vous pouvez utiliser leremove_filter()désactive plusieurs filtres à la suite. Voici un exemple :

function disable_emojis() {
remove_action( 'wp_head', 'print_emoji_detection_script', 7 ) ;
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' ) ;
remove_action( 'wp_print_styles', 'print_emoji_styles' ) ;
remove_action( 'admin_print_styles', 'print_emoji_styles' ) ;
remove_filter('the_content_feed', 'wp_staticize_emoji' ) ;
remove_filter('commentaire_text_rss', 'wp_staticize_emoji' ) ; remove_filter('commentaire_text_rss', 'wp_staticize_emoji' )
remove_filter('wp_mail', 'wp_staticize_emoji_for_email' ) ;
add_filter('tiny_mce_plugins', 'disable_emojis_tinymce' ) ;
add_action( 'init', 'disable_emojis' ) ;
}

Le code ci-dessus est con?u pour éliminer la fonction emoji de WordPress. Il illustre le fait que les utilisateurs peuvent ajouter des émotic?nes à la sectionfunctions.phpNombre d'éléments incorporés dans le fichierremove_filterLa commande n'est soumise à aucune restriction.

Exemples utiles de crochets WordPress

L'utilisation de ce crochet implique généralement trois paramètres :$size(math.) genre$thumbnail_id répondre en chantant $post. Ici. $size est la taille de l'affichage de l'image vedette.$thumbnail_id est l'ID de l'image vedette, et $post Il s'agit alors de l'objet du message en question.

$size = apply_filters('admin_post_thumbnail_size', $size, $thumbnail_id, $post ) ;

Vous pouvez le modifier si nécessaire$sizeParamètres. Par exemple, pour définir la taille de la vignette à 220 x 220 pixels, utilisez le code suivant :

$size = apply_filters('admin_post_thumbnail_size', 220, $thumbnail_id, $post) ;

Il est également possible d'ajouterarray()pour définir la taille personnalisée de la vignette. Le code est illustré ci-dessous :

$size = apply_filters( 'admin_post_thumbnail_size', array(220, 400), $thumbnail_id, $post) ;

Le tableau ci-dessus ()Cette fonction permet d'afficher la vignette à 220 x 400 pixels.

Après la réinitialisation du mot de passe

Cette action est activée lorsque l'utilisateur réinitialise son mot de passe. Ce crochet se compose de deux paramètres :$utilisateurrépondre en chantant$new_passVoici un exemple :

do_action( 'after_password_reset', $user, $new_pass ) ;

Par exemple, WordPress combine ce crochet avec l'optionréinitialiser_mot_de_passe()sont utilisées en combinaison.

Composants de chargement personnalisés

La conception de base de WordPress ne préconise pas la modification directe ou l'exclusion complète des fichiers de base, tels que le fichier wp-activate.phpetwp-config-sample.php peut-être wp-settings.php

Image [5] - Mastering WordPress Hooks : A Comprehensive Guide to Customising and Enhancing Your Website - Photonwave.com | Professional WordPress Repair Service, Global Reach, Fast Response (Service professionnel de réparation de WordPress, portée mondiale, réponse rapide)

mise en gardepersonnaliser_les_composants_chargésne peut pas être ajouté au thème car il n'est disponible que dans la sectionplugins_loadedActivation de la phase.

Le crochet se compose de deux paramètres :$composantsrépondre en chantant$this.Comme indiqué ci-dessous :

$components = apply_filters( 'customise_loaded_components', array( 'widgets', 'nav_menus' ), $this ) ;

$composantsest le lot de fonctions de base à charger, et le paramètre$thisfait référence à un objet d'une classe existante.

Personnalisablearray()pour déterminer les composants à exclure. L'exemple ci-dessus montre les widgets et lesnav_menusExclu du processus de base.

rendre un verdict

La flexibilité et la puissance des hooks permettent aux utilisateurs de WordPress d'affiner leurs sites web en ajoutant des fonctionnalités personnalisées ou en désactivant des processus spécifiques sans avoir à modifier les fichiers principaux. Les hooks WordPress sont donc idéaux pour étendre et personnaliser les sites web.

Image [6] - Mastering WordPress Hooks : A Comprehensive Guide to Customising and Enhancing Your Website - Photonwave.com | Professional WordPress Repair Service, Global Reach, Fast Response (Service professionnel de réparation de WordPress, portée mondiale, réponse rapide)

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été écrit par : xiesong
LA FIN
Si vous l'aimez, soutenez-le.
félicitations0 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires