remove <p> tags from the_content

12 comments

1. By default, WordPress adds paragraph

   tags to category descriptions. Stop this by adding the following to your functions.php file

   // Remove p tags from category description
   remove_filter('term_description','wpautop');
   

   Simple and easy (codeless).

   Thank you

2. WordPress automatically ads the <p> tags to the content. So it shows up while loading the content. This is with the filter wpautop. So we will remove this filter for the image post type only. You can manage this by adding the following code in functions.php file.

   // Add the filter to manage the p tags
   add_filter( 'the_content', 'wti_remove_autop_for_image', 0 );
   
   function wti_remove_autop_for_image( $content )
   {
        global $post;
   
        // Check for single page and image post type and remove
        if ( is_single() && $post->post_type == 'image' )
             remove_filter('the_content', 'wpautop');
   
        return $content;
   }
   

   is_single() checks if a single post is being displayed.

3. If this post type is called “image”, you can create a single template to handle the display of just the image post type.

   Just copy your ‘single.php’ file and rename the copy ‘single-image.php’. Now you can control just the image posts. To strip out tags, I like to use the strip_tags() function. If you print the content of the post with the_content() it already applies the content filter, wrapping lines in <p> tags.

   Here is an example of how you could get the content of your image without the tags:

   $imageContent = get_the_content();
   $stripped = strip_tags($imageContent, '<p> <a>'); //replace <p> and <a> with whatever tags you want to keep after the strip
   echo $stripped;
   

   Hope this helps!

4. You can use get_the_content() instead of the_content().
   This may solve your problem and another solution is same as described by @Chittaranjan

5. Simply add below line of code in your theme’s functions.php file

   For content :

   remove_filter( 'the_content', 'wpautop' );
   

   For excerpt

   remove_filter( 'the_excerpt', 'wpautop' );
   

   learn more : https://codex.wordpress.org/Function_Reference/wpautop

6. You can use specific post class for the single-post or single-format-standard and make it hide as you require only in a single page so that it won’t be a conflict for other parts of the website.

   Example CSS Code*

   .single-post .entry-content p:empty { display: none; }
   

   Example CSS Code for specific post format Image

   .single-format-image .entry-content p:empty { display: none; }
   

7. Inorder to remove the p tag from the content you can use the below code

   <?php remove_filter ('the_content', 'wpautop'); ?>
   

8. Another way to code it based on the solution by @chittaranjan

   add_filter( 'the_content', 'remove_autop_for_image', 0 );
   
   function remove_autop_for_image( $content ) {
        global $post;
   
        if ( is_singular('image'))
             remove_filter('the_content', 'wpautop');
   
        return $content;
   }
   

9. put this code in “style.css” of “Active child theme”

   p:empty {
     display: none;
   }
   

10. if want to remove from particular page or post you can call this

    <?php remove_filter ('the_content', 'wpautop'); the_content(); ?>
    

11. Using wp_strip_all_tags you can get rid of all html tags including p, div and etc
    https://developer.wordpress.org/reference/functions/wp_strip_all_tags/

    wp_strip_all_tags(category_description());

12. though the query has been answered, I’m posting the below for further reference.

    remove_filter ('the_exceprt', 'wpautop');
    
    remove_filter ('the_content', 'wpautop');
    
    remove_filter('term_description','wpautop');
    

    Source

Comments are closed.