Sélectionner une page

Comment supprimer un élément HTML d’une page WordPress grâce à JQUERY

22 Mai 23 | code

Avec ce snippet, vous pouvez supprimer un élément HTML de la page d’un site WordPress si vous connaissez sa classe CSS. Pour trouver la classe d’un élément HTML d’une page, je vous conseille d’utiliser les outils pour le développement Web de votre navigateur.

Ajoutez simplement ce snippet à votre fichier functions.php de votre thème enfant (si vous ne savez pas comment créer un thème enfant je vous conseil la lecture de cet article) Et n’oubliez pas de modifier le nom de la classe CSS de l’élément HTML que vous souhaitez supprimer.

Attention si vous supprimez un élément HTML grâce à ce snippet, les sous-éléments cet élément seront supprimé aussi.

function hook_glink_footer() {
?>
<script type="text/javascript" id="remove-by-class">
			jQuery(document).ready(function($) {
			jQuery(".la_class_a_supprimer").remove();
			});
</script>
<?php
}
add_action('wp_footer', 'hook_glink_footer', PHP_INT_MAX );

On utilise une propriété JQUERY et on l’insérer dans le footer du site WordPress. Grâce à la priorité PHP_INT_MAX (le nombre entier le plus grand qui existe dans PHP) , on s’assure que ce snippet sera le dernier traité et qu’il effacera bien l’élément HTML créé précédemment.

Vous avez des questions à propos de cet article ? Besoin d'aide sur un autre sujet ? Contactez-moi, je pratique des prix vraiment compétitifs et je réponds généralement rapidement