Cómo agregar un shortcode de elemento Div incluyendo una clase

¿Está buscando una forma de agregar un div agregando el shortcode a sus publicaciones y páginas? Si bien probablemente exista un plugin para esto, hemos creado un fragmento de código rápido que puede usar para agregar un shortcode de elemento div que incluye una clase en WordPress.

Instrucciones:

Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a 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 publicación, puede escribir [div class="my_class"]contenido[/div] para incluir un elemento <div class="my_class"></div> en su publicación. Este shortcode es útil si necesita hacer alguna personalización publicación por publicación.

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: 18 alternativas de Jetpack para obtener funciones sin hinchazón y cómo agregar un portafolio a tu sitio de WordPress.