Criar lista de Posts - DropDown em uma categoria

Você quer uma lista de posts de uma categoria, mas não tem muito espaço para a lista no seu site? Simples, faça a lista em uma caixa dropdown.

Aqui, eu vou compartilhar o código para criar esta caixa suspensa. Também, como o resultado do presente código, quando o post é selecionado, o usuário será levado para esse post.

Coloque o código abaixo em sua barra lateral ou onde quer que você deseja colocar a lista no seu site:

 
<?php
	$cat_id = get_cat_ID('uncategorized');
	$args=array(
	  'cat' => $cat_id,
	  'post_type' => 'post',
	  'post_status' => 'publish',
	  'posts_per_page' => -1,
	  'caller_get_posts'=> 1
	);
	$my_query = null;
	$my_query = new WP_Query($args);
	if( $my_query->have_posts() ) {
?>
	<form name="jump">
		<select name="menu">
			<?php
			  while ($my_query->have_posts()) : $my_query->the_post(); ?>
				<option value="<?php the_permalink() ?>"><?php the_title(); ?></option>
				<?php
 
			  endwhile;
			}
			?>
		</select>
		<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="Go">
	</form>
 
<?php
	wp_reset_query();
?>

<?php $cat_id = get_cat_ID('uncategorized'); $args=array( 'cat' => $cat_id, 'post_type' => 'post', 'post_status' => 'publish', 'posts_per_page' => -1, 'caller_get_posts'=> 1 ); $my_query = null; $my_query = new WP_Query($args); if( $my_query->have_posts() ) { ?> <form name="jump"> <select name="menu"> <?php while ($my_query->have_posts()) : $my_query->the_post(); ?> <option value="<?php the_permalink() ?>"><?php the_title(); ?></option> <?php endwhile; } ?> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="Go"> </form> <?php wp_reset_query(); ?>

Neste código, os posts são da categoria ‘uncategorized’. Você pode alterar a categoria para atender às suas necessidades.
Se a lista é a grande, você pode definir a largura da marca select do código via css.

Criar lista de Posts – DropDown em uma categoria

Leonardo Rodrigues

Participe da conversa

Comentários Cancelar resposta