Aggiungere pagine e Custom Post Types al blog di WordPress

Di default, WordPress mostra nella home, o nella pagina destinata al blog, l’elenco degli articoli in ordine cronologico.

Mettiamo però il caso che a noi ci interessi mostrare anche diversi tipi di post, oltre gli articoli, come le pagine ed eventuali Custom Post Types che possiamo aver creato, o che abbiamo ereditato con il tema.

Possiamo tirare in ballo anche WooCommerce, volendo, ed aggiungere i nuovi prodotti.

Vediamo come fare, con dei semplici snippet.

Come al solito, gli snippet che seguono vanno inseriti nel file delle funzioni del tema, il classico functions.php, e come al solito è meglio lavorare su un tema child di WordPress.

[tweet “Come mostrare diversi tipi di post nel blog di #WordPress”]

Elencare tutti i tipi di post

Lo snippet che segue mostra tutti i tipi di post presenti in WordPress oltre agli articoli, come pagine e Custom Post Types (e prodotti di WooCommerce se presenti).

add_action( 'pre_get_posts', 'wpsites_include_all_post_types' );
function wpsites_include_all_post_types( $query ) {
if ( is_home() && $query->is_main_query() ) {
$query->set( 'post_type', 'all' );
return $query;
 
    }
}

Questo snippet non ha bisogno di essere modificato.

Elencare articoli e Custom Post Type

Questo snippet, invece, serve per elencare articoli e un Custom Post types, ad esempio il classico “portfolio”.

add_action( 'pre_get_posts', 'wpsites_add_custom_post_types_to_loop' );
function wpsites_add_custom_post_types_to_loop( $query ) {
if ( is_home() && $query->is_main_query() && !is_admin() ) {
$query->set( 'post_type', array( 'post', 'portfolio' ) );
return $query;
 
    }
}

Bisogna sostituire la voce “portfolio”, nella riga n. 4, con il nome preciso del Custom Post Type che ci interessa.
Se si vogliono aggiungere anche altri Custom Post Types, basta separarli con una virgola.

Elencare articoli e pagine

Questo snippet elenca gli articoli e le pagine standard di WordPress.

add_action( 'pre_get_posts', 'wpsites_posts_pages_home_loop' );
function wpsites_posts_pages_home_loop( $query ) {
if ( is_home() && $query->is_main_query() && !is_admin() ) {
$query->set( 'post_type', array( 'post', 'page' ) );
return $query;
 
    }
}

Non ha bisogno di essere modificato per funzionare.

Elencare articoli e prodotti di WooCommerce

In questo esempio, vengono elencati gli articoli di WordPress ed i prodotti di WooCommerce.

add_action( 'pre_get_posts', 'wpsites_posts_pages_home_loop' );
function wpsites_posts_pages_home_loop( $query ) {
if ( is_home() && $query->is_main_query() && !is_admin() ) {
$query->set( 'post_type', array( 'post', 'product' ) );
return $query;
 
    }
}

Anche questo snippet non ha bisogno di essere modificato.

In conclusione, cosa possiamo elencare in WordPress?

La risposta è semplice: tutti i tipi di post presenti in WordPress.

Come puoi notare, a parte il primo esempio che è leggermente diverso, negli altri viene sfruttato un array PHP in cui si decide quali post mostrare. Possiamo decidere che tipi di post aggiungere, sempre nella riga numero 4 degli scrip di esempio, basta che i loro nomi siano separati da una virgola.
Esempio:

( 'post', 'page', 'product', 'nome_post_personalizzato' )

Come risulterà la visualizzazione dell’elenco dei post?

Qui si apre un altro capitolo: post e pagine sono strutturati differentemente, hanno dati diversi. I Custom Post Types pure, quindi è abbastanza normale che nell’elenco di WordPress differenti tipi di post siano visualizzati in modo diverso.

Il risultato cambierà inoltre anche in funzione del tema utilizzato.

In genere si tende a valorizzare queste differenze, per far comprendere meglio al visitatore che alcuni elementi della lista sono articoli del blog, altri invece delle pagine, altri ancora elementi personalizzati.

Importante è che la lista dei contenuti sia coerente, e offra una navigazione piacevole.

Per fare questo devi intervenire sui CSS, qui però entrano in ballo le tue capacità di personalizzare un tema di WordPress.