• LET'S TALK!

    Fill in the form below to make an enquiry or find my contact details on my contact page.

  • This field is for validation purposes and should be left unchanged.

Freelance WordPress Developer

Create WordPress shortcode to display out HTML on pages and posts

Sometimes we want to display the same HTML content several times on the website, we can either copy & paste the HTML content and added to the WordPress text editor which most of the times works or we can just create a WordPress shortcode to display the HTML content.
Using WordPress shortcode we can avoid having the text editor full of HTML code which sometimes could be very painful to work out 🙂

Add this code below on your theme functions.php and use this shortcode [test_print_shortcode] on your posts, pages text widget.
Note: the function name needs to be changed to something more meaningful.

Create WordPress shortcode to display out HTML on pages, posts and text widgets code snippet:

/**
 *
 * Shortcode to display out HTML
 */
if ( ! function_exists( 'ns_shortcode_html' ) ) {
function ns_shortcode_html() {
 ob_start();

  ?>
  <div class="event__inner_header">
    <h3 style="text-align:center;">THANK YOU !</h3>
  </div>
 <?php
 return ob_get_clean();
}
add_shortcode( 'test_print_shortcode', 'ns_shortcode_html' );
}

You can find more info about the Shortcode API here.

Thank you for seeing my tutorial and feel free to share and comment :). Do you have a code snippet and you want to see it published on my site? I will be more than happy to do it please send me a message, (here)

ABOUT AUTHOR

Nuno

Hi, I'm a Freelance Web Developer and WordPress Expert based in London with a wealth of website development and support experience. I am great at problem solving and developing quick solutions.