The perfect solution to shortcode consumption issues in your WordPress theme

Enter you want to use shortcodes in your WordPress theme?

In most cases, you can simply use shortcodes within the hissing material areas found in posts, pages, or sidebar widgets. However, you can usually enjoy this to add a shortcode in your WordPress theme.

Listed here, we are able to stamp you on how to hassle-free add a shortcode to your WordPress theme.

Why waste shortcodes on your WordPress theme problems?

Shortcodes allow you to add all kinds of sides to your internet page, including feature galleries, types, social media feeds and loads and loads more.

WordPress comes with several built-in shortcodes, but there are also many popular WordPress plugins that add shortcodes to your jam.

Let’s advise you, WPForms has easy-to-use blocks, but undoubtedly also offers shortcodes, so you can simply add types to other areas of your internet page.

As a general rule, you can simply add shortcodes within the hissing material areas found in posts and pages.

To learn more, please take a look at our complete how-to on how to add a shortcode in WordPress.

However, you can usually afford to use shortcode in your WordPress theme files.

This allows you to add dynamic parts to areas that you probably can’t edit using the modern WordPress editor, similar to your 404 net page. It’s also an easy plan to use the identical shortcode on more than one page.

Let us advise you that you can probably add a shortcode to your theme web page or to the embed template.

With that in mind, let’s look at the answer to using shortcodes in your WordPress theme. Just use the short links below to go straight to the methodology you want to use.

Methodology 1: Using the Pudgy-Issue Editor (Blocking Thread Issues Easiest)

The best plan to use shortcodes in your WordPress theme is by using the pudgy jam editor. This allows you to add a shortcode block to any section of your web page.

Nevertheless, this methodology works most easily with block-based fully themed problems gorgeous in Hestia Pro. Whenever you are no longer using a block-enabled theme, you may need to use a certain methodology as a change.

To delivery, go to Thematic publications » Editor in your WordPress dashboard.

By default, the pudgy jam editor exposes your theme’s resident template, but you can probably add shortcodes to any template or section of the template, such as the header or footer.

To take into account the total number of available choices, select “Patterns” or “Parts of Patterns” as appropriate.

Which now you can click on the template or template tab you want to edit.

Let us advise you, we can add a shortcode to the 404 net page template, but the steps will be completely identical no matter which template you choose.

WordPress will now print a preview of the template or template section.

To add a shortcode, go ahead and click the pencil icon for minutes.

Once done, click the blue “+” icon in the upper left corner.

In the hunting bar or it is no longer crucial to form into a “Shortcode”.

When the actual block appears, draw it and place it on the theme template.

Which now you can paste or form the shortcode you just want to use.

Then go ahead and click on the “Paste” button.

Now just talk along with your WordPress blog to explore the shortcode in action.

Methodology 2: Enhance your WordPress theme files (works with any WordPress theme)

You could also add shortcodes to your WordPress theme by tweaking the theme files. This methodology is more advanced, but undoubtedly works with any WordPress theme.

Anytime you haven’t added code to your jam before, try our step-by-step data on how to reproduce and paste code in WordPress.

Which can simply adjust the theme files for specific people at a time, but it makes it complicated to update your WordPress theme without removing the customization. For this reason, we advise replacing the theme files by creating a baby theme.

Whenever you make a custom theme, you can probably add or adjust the code of your existing theme files.

When you’re upgrading your theme files, you probably can’t add the shortcode in the same format you use with styled hissy material areas. As a change to seeing the shortcode output, you can simply take the obfuscation shortcode itself into history.

This is because WordPress does not create shortcodes in theme template files. As a change, you may need to explicitly direct WordPress to load the shortcode using the do_shortcode Characteristic.

For more details, please take a look at our details on how to add custom code without any problems.

Here is an example of the code that you can simply add to your WordPress theme files:

 echo do_shortcode('

			

				
			
		
'); 

Just replace “gallery” with the shortcode you want to display you use.

Whenever you are no longer clear where to add the shortcode, please take note of our beginner data on the WordPress template hierarchy.

Every time you include a shortcode with additional parameters, the code snippet may even change somewhat.

Accept as true by committing to the created contact put together using WPForms. In this case, you may need to use the modified WPForms shortcode plus the assembly ID:

 echo do_shortcode("[wpforms id='92']"); 

Troubleshooting: What to type when do_shortcode doesn’t work

You can constantly add a shortcode to a theme file, but the output of the code does not appear for your WordPress web page. This from the general methodology shortcode depends on WordPress plugin or other code for your internet page.

If the do_shortcode feature no longer works, run a separate plugin offering to embed and enable the shortcode by going to Plugins » Save to Plugins.

In the next feature, WPForms is embedded but disabled, so echo do_shortcode the received code does not work.

You could potentially, on a case-by-case basis, also test if a shortcode is already available so that you can simply use by including shortcode_exists() feature of your index.php file.

In the following snippet, we check if the WPForms snippet is available for use on our website:

 if ( shortcode_exists( 'wpforms' ))  {   echo do_shortcode("[[wpforms id='147']]"); } 

Any time you continue to disregard the shortcode output for your internet page, try clearing out your WordPress cache as you may simply be seeing an outdated model of your jam.

Methodology 3: Creating Your Non-Public WordPress Theme (Fully Customizable)

Any other option is to build a custom WordPress theme. Here’s a more advanced methodology, but it certainly allows you to add as many shortcodes as you want anywhere on your WordPress theme. You could potentially on a case-by-case basis in addition make other adjustments to compose a theme that has exactly the sides and put together that you just might like.

In the former, you may need to apply complex WordPress tutorials and write code to come up with a custom WordPress theme. However, now is what you’ll probably need to build a custom theme without writing a single line of code using SeedProd.

SeedProd is the compatible WordPress site builder and also comes with a theme builder. Which ability you can collect your composite themes using dash and drop.

For step-by-step instructions, please refer to our article on how to build a custom WordPress theme (without any code).

After making a theme, you can probably add shortcodes to any section of your WordPress web page by going to SeedProd » Theme Builder.

Here, save the template where you want to use a shortcode.

Then compatibly hover over that template and click “Edit Non-Public” when it appears.

This can create the template in SeedProd’s dash and dropdown tool.

In the menu on the left, scroll to the “Developed” section. Here, save the Shortcode block and apply it to your format.

In the live preview, just click to define the shortcode block.

Which now you can add your shortcode in “Shortcode” field.

By default, SeedProd does not highlight the source shortcode in the live preview.

To view the history of your shortcode in action, click the “Reveal Shortcode Probability” toggle.

Then you can probably indulge in adding some style to the shortcode output by selecting the “Developed” tab.

Here you can probably change the spacing, add custom CSS, and even add CSS animation effects.

You should be delighted with how the receiving page looks, compatible, click the “Place” button.

Then select “Publish” to run the shortcode live.

Which you can now discuss together with your internet page to explore the custom shortcode in action.

We hope this tutorial has helped you learn the most realistic plan for using shortcodes for your WordPress themes. You may also want to try out our data on how to compose a touchdown net page in WordPress and our expert picks for the compatible social media plugins for WordPress.

Whenever you liked this article, please subscribe to our YouTube channel for WordPress video tutorials. You could potentially any occasion any occasion in addition save us on Twitter and Fb.

Disclosure: Our hissing material is reader-maintained. This means that as you click on some of our links, we can work out a price for each opportunity. Rate how WPBeginner is funded, why there are problems, and the response that makes us stronger.

For editorial staff

The editorial staff at WPBeginner is a team of WordPress consultants led by Syed Balkhi with over 16 years of experience building WordPress websites. Now we’ve been dedicated to creating WordPress tutorials since 2009, and WPBeginner has been the best free WordPress resource ever since.