Div Shortcode

Below, you’ll find a detailed guide on how to add the Div Shortcode to your WordPress website, including their parameters, examples, and PHP function code. Additionally, we’ll assist you with common issues that might cause the Div Shortcode Plugin shortcodes not to show or not to work correctly.

Before starting, here is an overview of the Div Shortcode Plugin and the shortcodes it provides:

Div Shortcode

"Div Shortcode is a helpful WordPress plugin that allows users to easily implement custom 'div' tags into their posts or pages. With its simple interface, organizing your content becomes effortless."

★★★★★ (7) Active Installs: 2000+ Tested with: 4.7.27 PHP Version: false

Included Shortcodes:

• [div]
• [end-div]

Div Shortcode [div] Shortcode

The Div-Shortcode plugin shortcode, ‘div’, enables the dynamic creation of ‘div’ elements. It accepts ‘class’ and ‘id’ as attributes, allowing for customization. The shortcode generates an open ‘div’ tag. If a ‘class’ or ‘id’ attribute is provided, it adds them to the ‘div’, enhancing flexibility.

Shortcode: [div]

Parameters

Here is a list of all possible div shortcode parameters and attributes:

• class – Specifies a CSS class for the div element
• id – Assigns a unique identifier to the div element

Examples and Usage

Basic example – Here is a simple usage of the ‘div’ shortcode, which does not specify any class or id.

[div /]

Advanced examples

Use the ‘div’ shortcode to create a div with a specific class. This is useful when you want to apply CSS styles to the div.

[div class="my-class" /]

Use the ‘div’ shortcode to create a div with a specific id. This is useful when you want to manipulate the div with JavaScript or target it with CSS.

[div id="my-id" /]

Use the ‘div’ shortcode to create a div with both a class and an id. This allows for greater control over the div’s styling and behavior.

[div class="my-class" id="my-id" /]

PHP Function Code

In case you have difficulties debugging what causing issues with [div] shortcode, check below the related PHP functions code.

Shortcode line:

add_shortcode( 'div', 'be_div_shortcode' );

Shortcode PHP function:

function be_div_shortcode( $atts ) {

	$atts = shortcode_atts( array(
		'class' => '',
		'id'    => '',
	), $atts, 'div-shortcode' );

	$return = '<div';
	if ( !empty( $atts['class'] ) )
		$return .= ' class="'. esc_attr( $atts['class'] ) .'"';
	if ( !empty( $atts['id'] ) )
		$return .= ' id="'. esc_attr( $atts['id'] ) .'"';
	$return .= '>';
	return $return;
}

Code file location:

div-shortcode/div-shortcode/div-shortcode.php

Div Shortcode [end-div] Shortcode

The ‘end-div’ shortcode is a part of the div-shortcode plugin. It’s designed to end a division or section in your content. Upon execution, it returns ‘