Como adicionar o shortcode do elemento Div incluindo a classe

Está procurando uma maneira de adicionar uma div adicionando o shortcode aos seus posts e páginas? Embora provavelmente exista um plugin para isso, criamos um trecho de código rápido que você pode usar para adicionar um shortcode de elementos div incluindo a classe no WordPress.

Instruções:

Tudo o que você precisa fazer é adicionar esse código ao arquivo functions.php do seu tema ou em um plugin específico do site:

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');

Em qualquer postagem, você pode escrever [div class="my_class"]content[/div] para incluir um elemento <div class="my_class"></div> em sua postagem. Esse shortcode é útil se você precisar fazer alguma personalização em cada postagem.

Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como adicionar corretamente trechos de código no WordPress para não danificar acidentalmente seu site.

Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 18 alternativas ao Jetpack para obter recursos sem inchaço e como adicionar um portfólio ao seu site WordPress.