Table of Content<\/h2>\n\n- Custom Message do_shortcode<\/a><\/li>\n
- Adding Parameters to the do_shortcode Function<\/a><\/li>\n
- Build a Custom do_shortcode Plugin<\/a><\/li>\n
- Template to Register the Shortcode<\/a><\/li>\n<\/ol>\n<\/div>\n
Now, what if you need to use shortcodes on the website other than the posts and pages. This opens up a host of possibilities for using shortcodes almost anywhere on the website.<\/p>\n
In this short tutorial on WordPress do_shortcode()<\/strong>, I will highlight several ways in which you can leverage this great idea into your website.<\/p>\nCustom Message do_shortcode<\/h2>\n
A very simple use case of WordPress do_shortcode() is adding a custom message “A simple do shortcode demo”<\/strong> at the location of your choice. The following snippet inserts the message or keyword at the location where the shortcode is placed.<\/p>\nfunction wp_do_shortcode() {\r\nreturn 'A simple do shortcode demo';\r\n}\r\nadd_shortcode('do_shortcode', 'wp_do_shortcode');<\/pre>\nIn the above code snippet, wp_do_shortcode<\/strong> is the name of the custom function that integrates do_shortcode()<\/strong> functionality into your website. The return statement contains the actual message or keyword that needs to be inserted.<\/p>\nFinally, in the add_shortcode()<\/strong>, you can see that the actual shortcode to be inserted is \u201cdo_shortcode<\/strong>\u201d.<\/p>\nAs you can see in the following screenshots, when the shortcode, do_shortcode is used:<\/p>\n
![\"WordPress](\"https:\/\/wpblog.com\/wp-content\/uploads\/2019\/08\/WordPress-do_shortcode.jpg\")
<\/p>\n
You can see that the shortcode gets replaced by the message in the return statement.<\/p>\n
![\"Integration](\"https:\/\/wpblog.com\/wp-content\/uploads\/2018\/10\/Integration-of-do_shortcode.jpg\")
<\/p>\n
Adding Parameters to the do_shortcode Function<\/h2>\n
Now that you know the basic structure of a do_shortcode() and how to use it in your code, I will present another example that allows you to use the idea more effectively. In this example, I will demonstrate how to add the dimensions of an image to the page. For this, check out the following code:<\/p>\n
function parameter_att_do_shortcode($atts) {\r\nextract(shortcode_atts(array(\r\n'width' => 100,\r\n'height' => 150,\r\n), $atts));\r\nreturn '<img src=\"https:\/\/abc.com\/'. $width . '\/'. $height . '\" \/>';\r\n}\r\n\r\nadd_shortcode('do_shortcode ', 'parameter_att_do_shortcode');<\/pre>\nAs you can see, the function parameter_att_do_shortcode()<\/strong> takes the parameters in the $atts<\/strong>. In order to make use of the user-provided parameters, I have used shortcode_atts()<\/strong> that takes in user-provided attributes and fill in the gaps with default arguments.<\/p>\nBuild a Custom do_shortcode Plugin<\/h2>\n
If you wish to create a plugin to add do_shortcode functionality to your website, the process is pretty straightforward.<\/p>\n
The process of creating the plugin is simple. Just create a new folder in the wp-cont\/Plugins<\/strong>. in the new folder<\/strong>, create a file named plugin-name-seokeyword.php<\/strong>. open the file and add the following code snippet to it.<\/p>\n<?php\r\n\/*\r\nPlugin Name: seo suggested do shortcode Integration Plugin \r\nDescription: add a description with seo suggest keyword This plugin extends the default do_shortcode functunality and makes shortcodes available across all widgetized areas\r\nVersion: 1.0\r\nAuthor: Muhammad Owais Alam\r\n*\/\r\nfunction wp_do_shortcode() {\r\nreturn 'A simple do shortcode demo';\r\n}\r\nadd_shortcode('do_shortcode', 'wp_do_shortcode');\r\n\r\n\r\nfunction parameter_att_do_shortcode($atts) {\r\nextract(shortcode_atts(array(\r\n'width' => 100,\r\n'height' => 150,\r\n), $atts));\r\nreturn '<img src=\"https:\/\/abc.com\/'. $width . '\/'. $height . '\" \/>';\r\n}\r\n\r\nadd_shortcode('do_shortcode ', 'parameter_att_do_shortcode');<\/pre>\n![\"do_shortcode](\"https:\/\/wpblog.com\/wp-content\/uploads\/2019\/08\/do_shortcode-Integration-plugin.jpg\")
<\/p>\n
Template to Register the Shortcode<\/h2>\n
Before using the shortcode plugin, you need to register the shortcode. For this, you need to create a separate file with the following function wordpress_do_shortcode_form()<\/strong>.<\/p>\nfunction wordpress_do_shortcode_form() {\r\nob_start();\r\nget_template_part('template-name');\r\nreturn ob_get_clean();\r\n}\r\nadd_shortcode( 'wordpress_do_shortcode_form', 'wordpress_do_shortcode_form' );<\/pre>\nWrapping Up<\/h2>\n
Shortcodes are a popular way of adding functionalities to the WordPress core. With the above-mentioned solution, you can extend the usability and application of shortcodes to all areas of the WordPress website. If you need help in implementing the idea at your site, do let me know in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"
For many WordPress developers, shortcodes are a great way of extending the core functionalities of the WordPress core. In fact, all popular plugins now use shortcodes to integrate their features and options within posts and pages of the site. Table of Content Custom Message do_shortcode…<\/p>\n","protected":false},"author":28,"featured_media":37428,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[47],"tags":[1017,1019,1018],"acf":[],"_links":{"self":[{"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/posts\/37422"}],"collection":[{"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/comments?post=37422"}],"version-history":[{"count":8,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/posts\/37422\/revisions"}],"predecessor-version":[{"id":37500,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/posts\/37422\/revisions\/37500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/media\/37428"}],"wp:attachment":[{"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/media?parent=37422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/categories?post=37422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/tags?post=37422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Now, what if you need to use shortcodes on the website other than the posts and pages. This opens up a host of possibilities for using shortcodes almost anywhere on the website.<\/p>\n
In this short tutorial on WordPress do_shortcode()<\/strong>, I will highlight several ways in which you can leverage this great idea into your website.<\/p>\n A very simple use case of WordPress do_shortcode() is adding a custom message “A simple do shortcode demo”<\/strong> at the location of your choice. The following snippet inserts the message or keyword at the location where the shortcode is placed.<\/p>\n In the above code snippet, wp_do_shortcode<\/strong> is the name of the custom function that integrates do_shortcode()<\/strong> functionality into your website. The return statement contains the actual message or keyword that needs to be inserted.<\/p>\n Finally, in the add_shortcode()<\/strong>, you can see that the actual shortcode to be inserted is \u201cdo_shortcode<\/strong>\u201d.<\/p>\n As you can see in the following screenshots, when the shortcode, do_shortcode is used:<\/p>\n You can see that the shortcode gets replaced by the message in the return statement.<\/p>\n Now that you know the basic structure of a do_shortcode() and how to use it in your code, I will present another example that allows you to use the idea more effectively. In this example, I will demonstrate how to add the dimensions of an image to the page. For this, check out the following code:<\/p>\n As you can see, the function parameter_att_do_shortcode()<\/strong> takes the parameters in the $atts<\/strong>. In order to make use of the user-provided parameters, I have used shortcode_atts()<\/strong> that takes in user-provided attributes and fill in the gaps with default arguments.<\/p>\n If you wish to create a plugin to add do_shortcode functionality to your website, the process is pretty straightforward.<\/p>\n The process of creating the plugin is simple. Just create a new folder in the wp-cont\/Plugins<\/strong>. in the new folder<\/strong>, create a file named plugin-name-seokeyword.php<\/strong>. open the file and add the following code snippet to it.<\/p>\n Before using the shortcode plugin, you need to register the shortcode. For this, you need to create a separate file with the following function wordpress_do_shortcode_form()<\/strong>.<\/p>\n Shortcodes are a popular way of adding functionalities to the WordPress core. With the above-mentioned solution, you can extend the usability and application of shortcodes to all areas of the WordPress website. If you need help in implementing the idea at your site, do let me know in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":" For many WordPress developers, shortcodes are a great way of extending the core functionalities of the WordPress core. In fact, all popular plugins now use shortcodes to integrate their features and options within posts and pages of the site. Table of Content Custom Message do_shortcode…<\/p>\n","protected":false},"author":28,"featured_media":37428,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[47],"tags":[1017,1019,1018],"acf":[],"_links":{"self":[{"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/posts\/37422"}],"collection":[{"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/comments?post=37422"}],"version-history":[{"count":8,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/posts\/37422\/revisions"}],"predecessor-version":[{"id":37500,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/posts\/37422\/revisions\/37500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/media\/37428"}],"wp:attachment":[{"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/media?parent=37422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/categories?post=37422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpblog.com\/wp-json\/wp\/v2\/tags?post=37422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Custom Message do_shortcode<\/h2>\n
function wp_do_shortcode() {\r\nreturn 'A simple do shortcode demo';\r\n}\r\nadd_shortcode('do_shortcode', 'wp_do_shortcode');<\/pre>\n<\/p>\n<\/p>\nAdding Parameters to the do_shortcode Function<\/h2>\n
function parameter_att_do_shortcode($atts) {\r\nextract(shortcode_atts(array(\r\n'width' => 100,\r\n'height' => 150,\r\n), $atts));\r\nreturn '<img src=\"https:\/\/abc.com\/'. $width . '\/'. $height . '\" \/>';\r\n}\r\n\r\nadd_shortcode('do_shortcode ', 'parameter_att_do_shortcode');<\/pre>\nBuild a Custom do_shortcode Plugin<\/h2>\n
<?php\r\n\/*\r\nPlugin Name: seo suggested do shortcode Integration Plugin \r\nDescription: add a description with seo suggest keyword This plugin extends the default do_shortcode functunality and makes shortcodes available across all widgetized areas\r\nVersion: 1.0\r\nAuthor: Muhammad Owais Alam\r\n*\/\r\nfunction wp_do_shortcode() {\r\nreturn 'A simple do shortcode demo';\r\n}\r\nadd_shortcode('do_shortcode', 'wp_do_shortcode');\r\n\r\n\r\nfunction parameter_att_do_shortcode($atts) {\r\nextract(shortcode_atts(array(\r\n'width' => 100,\r\n'height' => 150,\r\n), $atts));\r\nreturn '<img src=\"https:\/\/abc.com\/'. $width . '\/'. $height . '\" \/>';\r\n}\r\n\r\nadd_shortcode('do_shortcode ', 'parameter_att_do_shortcode');<\/pre>\n<\/p>\nTemplate to Register the Shortcode<\/h2>\n
function wordpress_do_shortcode_form() {\r\nob_start();\r\nget_template_part('template-name');\r\nreturn ob_get_clean();\r\n}\r\nadd_shortcode( 'wordpress_do_shortcode_form', 'wordpress_do_shortcode_form' );<\/pre>\nWrapping Up<\/h2>\n