Cómo Añadir Div Elemento Shortcode Incluyendo Clase

¿Estás buscando una manera de añadir un div añadiendo el shortcode a tus posts y páginas? Si bien es probable que haya un plugin para esto, hemos creado un fragmento de código rápido que puede utilizar para añadir elementos div shortcode incluyendo clase en WordPress.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:

function div_html($atts, $content = null) {
	
	extract( shortcode_atts( array(
		'class' => '',
	), $atts ) );

	$class = $class ? " class="$class"" : NULL;
	
	return "<div$class>$content</div>";
}
add_shortcode('div', 'div_html');

Dentro de cualquier entrada, puedes escribir [div class="my_class"]content[/div] para incluir un elemento <div class="my_class"></div> en tu entrada. Este shortcode es muy útil si necesitas hacer alguna personalización entrada por entrada.

Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor, considere la posibilidad de revisar nuestros otros artículos en el sitio como: 18 alternativas a Jetpack para obtener características sin bloat y cómo agregar una cartera a su sitio de WordPress.