Tutoriais

Tutorial: Como mostrar as postagens recentes em ‘drop-down’ no WordPress

maio 11, 2016

001tuto

Já faz um bom tempo que eu não publico nenhum tutorial né? Bom, hoje trago à vocês um tutorial super fácil e legar de se fazer para a plataforma WordPress. Sabe quando você entra em um blog e ver na barra lateral os títulos das postagens recentes listadas? Pois bem, neste tutorial vou ensiná-los algo parecido com isso mas em forma do drop-down (caixa suspensa) para economizar espaço.

Este método utiliza wp_get_recent_posts nas funções/functions. Tudo que você precisa fazer é copiar & colar o seguinte código no arquivo functions.php do seu atual tema.

function wp_recentposts_dropdown() { 
$string .= '<select id="wpdropdown">
			<option  value="" selected>Selecione uma postagem :) <option>';

$args = array( 'numberposts' => '5', 'post_status' => 'publish' );

$recent_posts = wp_get_recent_posts($args);
	foreach( $recent_posts as $recent ){
		$string .= '<option value="' . get_permalink($recent["ID"]) . '">' .   $recent["post_title"].'</option> ';
	}

$string .= '</select>
			<script type="text/javascript"> var urlmenu = document.getElementById( "wpdropdown" ); urlmenu.onchange = function() {
      		window.open( this.options[ this.selectedIndex ].value, "_self" );
 			};
			</script>';

return $string;
} 
add_shortcode('wp_dropdown', 'wp_recentposts_dropdown');
add_filter('widget_text','do_shortcode');

E agora é só copiar esse pequeno código  [wp_dropdown] e colar na área em que desejar do seu website e customizá-lo no css do seu jeito.  Bom isso é tudo pessoal, espero que este pequeno tutorial ajude vocês 😉

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *