Shortcode - Saiba como criá-lo no WordPress

Shortcode - Saiba como criá-lo no WordPress

Criando um Shortcode no WordPress

Categoria

WordPress

Postado em

1 de abril de 2020

Tempo de leitura

3 minutos

Visualizações

4270

Shortcode WordPress

Shortcode nada mais é do que tags usado em postagens para chamar alguma função, como de um plugin por exemplo. Ensinarei agora como criar o seu próprio shortcode. Você pode criar um shortcode dentro de um plugin ou até dentro do functions.php.

Neste tutorial iremos criar um shortcode onde faremos um loop de posts e poderemos colocar onde desejarmos.

Primeiramente vamos criar a função e chamar ela, então abra o seu arquivo funtions.php para poder criar seu shortcode.

<?php

function pointcom_loop_posts()
{
  return; //Conteudo aqui.
}
add_shortcode( 'pointcomlistposts' , 'pointcom_loop_posts' );

Nota-se que criamos a função pointcom_loop_posts() ativamos ela em add_shortcode e criamos o nome de nosso shortcode pointcomlistposts.

Agora vamos popular nossa função, nota-se que vamos passar o atributo na função e declarar ele.

function pointcom_loop_posts( $atts ) {
    
    extract( shortcode_atts( array(
        'tipo' => 'post',
        'porpagina' => 4

    ), $atts ) );
    
    $output = '<div class="boxLoopPosts">';
    $argumentos = array(
        'post_type' => $tipo,
        'posts_per_page' => $porpagina,
        'sort_column' => 'menu_order',
        //'offset' => 4
    );

    $pointcom_query = new  WP_Query( $argumentos );

    while ( $pointcom_query->have_posts() ) : $pointcom_query->the_post();
    	$output .=  '<div class="imagem">' . get_the_post_thumbnail() . '</div>';
    	$output .=  '<h2>' . get_the_title() . '</h2>';
    	$output .= '<p>' . get_the_excerpt() . '</p>';
    	$output .= '<a href="' . get_permalink() . '">Leia Mais</a>';

       
    endwhile;
    wp_reset_query();

    $output .= '</div>';
    	
    	return $output;

}
add_shortcode( 'pointcomlistposts' , 'pointcom_loop_posts' );

Para utilizar ele é muito simples:

[pointcomlistposts]

Colocamos dois parâmetros nele onde você poderá estar listando o tipo de post se é page ou post e também a quantidade listada, está nomeado como porpagina, com esses parâmetro a utilização fica assim:

[pointcomlistposts tipo=post porpagina=12]

Bom é isso por hoje… 😉

Gostou? compartilhe nas redes!! ;)

Deixe seu comentário