GenerateWP Logo

Shortcodes Generator

Overview

Use this tool to create custom code for Shortcodes with add_shortcode() function.

Usage

  • Fill in the user-friendly form.
  • Click the “Update Code” button.
  • Copy the code to your project.
  • Or save it as a snippet and share with the community.

Examples

If you are still learning how to use this tool, check out the following examples:

Shortcode tag in the content.
e.g. [tag]
The function used in the code.
Self-closing shortcode: [tag]
Enclosing shortcode: [tag]content[/tag]
Enable attributes such as
[tag foo="123" bar="456"].
Use "shortcode_atts_{$shortcode}" filter, to allow shortcode attributes filtering.
Set custom filter name.
Attribute name. Lowercase.
Default value.
e.g. [tag attr_name="default_value"]
Attribute name. Lowercase.
Default value.
Attribute name. Lowercase.
Default value.
Custom code to generate the output.
Should only "return" the text, never produce the output directly.
  Save Snippet 
// Add Shortcode
function oneshot_shortcode( $atts ) {

	// Attributes
	$atts = shortcode_atts(
		array(
			'bottle' => '',
			'fruit' => '',
			'link' => '',
		),
	);

	return '<a href="' . $link . '"><div class="bottle-container"><div class="lemon"><img src="' . $bottle . '" width="98"></div><div class="bottle"><img src="' . $fruit . '" width="200"></div></div> <!-- end of bottle-container --></a>';

}
add_shortcode( 'oneshot', 'oneshot_shortcode' );