Tenete conto che un tipo di post personalizzato come questo può essere trattato come qualsiasi altro post di WordPress. In particolare potrete usare un file all’interno del tema con lo stesso funzionamento di single.php, ma che avrà come nome single-type.php dove type è il nome del vostro custom post type (per il nostro esempio avremo quindi single-news.php).

L’uso più comune che farete dei custom post type è però attraverso query personalizzate all’interno dei vari files contenuti nei temi (ad esempio sidebar.php o footer.php).

Per continuare il nostro esempio apriamo index.php del vostro tema ed andiamo inserire in homepage la lista delle ultime 4 news all’interno di un box.

<div>
<h4>News</h4>
<?php
$my_query = new WP_Query(array('post_type'=>'news','showposts'=>4));
?>

<ul>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<li>
<span class="date"><?php the_time('j F Y') ?></span>
<?php the_content(); ?>
</li>
<?php endwhile; ?>
</ul>
</div>

Grazie al codice visto e con gli opportuni stili Css e un po’ di Javascript potrete raggiungere un risultato simile a quello che vedete nella homepage di Alt Design Web Agency.

Conclusioni

Grazie a questo breve tutorial sarete in grado di realizzare con facilità i vostri Custom Post Type e un visualizzatore di brevi news per la vostra homepage.

L’uso dei custom fields all’interno di questi nuovi tipi di post vi permetterà di modellare qualsiasi tipo informazione che vorrete visualizzare nei vostri siti web realizzati con WordPress e sarà oggetto di un prossimo tutorial.

L’esempio classico è quello della collezione di CD, in cui create un nuovo post type “cd” e vi inserite, oltre al titolo e alla descrizione (editor TinyMce) come visto nel tutorial, anche: prezzo, casa discografica, tipo di musica e nome dell’artista/i.

Per chi non fosse familiare con la programmazione php, e in generale per WordPress, segnalo (non l’abbiamo provato) il plugin Custom Post UI che permette di creare nuovi custom post type in maniera del tutto visuale.

Questo Guest Post è stato scritto da Alt Design, una web agency specializzata nella realizzazione di siti web basati su WordPress. Potete seguirli nel loro blog dove discutono di Internet Marketing.

Nell’articolo di oggi mostreremo, attraverso lo sviluppo di un semplice caso reale, come creare ed usare i Custom Post Type. Svilupperemo un semplice gestore di news, da inserire ad esempio in un box all’interno della vostra homepage.

Per comodità scriveremo tutto il codice necessario all’interno del file functions.php, presente in tutti i temi di WordPress (se non c’è createlo), ma nulla vieta nella vostra implementazione finale di inserire il tutto in un plugin per mantenere il codice più pulito ed organizzato.

Creazione e configurazione dei Custom Type

La prima cosa da fare è: dichiarare a WordPress che vogliamo usare i Custom Post Type. Per fare questo aggiungeremo una action di inizializzazione scrivendo:

add_action('init', 'register_my_custom_post_type');

dove register_my_custom_post_type sarà la funzione che verrà invocate all’init di WordPress. Se già avete una funzione registrata a tale scopo potete aggiungere il codice che segue all’interno oppure, come nel nostro caso, scrivere:

function register_my_custom_post_type() {

/* 1) DICHIARAZIONE DELLE ETICHETTE */

$labels = array(
'name' => 'News',
'label' => 'News',
'singular_name' => 'News',
'add_new' => 'Aggiungi Nuova',
'add_new_item' => 'Aggiungi Nuova News',
'edit_item' => 'Modifica',
'new_item' => 'Nuova News',
'view_item' => 'Vedi News',
'search_items' => 'Ricerca News',
'not_found' =>  'Nessuna News',
'not_found_in_trash' => 'Nessuna News nel Cestino',
'parent_item_colon' => ''
);

/* 2) CONFIGURAZIONI */

$args = array(
'labels' => $labels,
'public' => true,
'supports' => array('title', 'editor')
);

/* 3) CHIAMATA ALLA FUNZIONE INTERNA A WP */

register_post_type('news', $args);

}

Descriviamo quindi nel dettaglio le varie parti.

1) Dichiarazione delle etichette

In questa sezione del codice si dichiarano tutte le “traduzioni” che saranno utilizzate per il vostro custom post all’interno delle voci del menù di amministrazione, nei pulsanti e, in generale, in tutte le schermate che trattano il vostro nuovo custom post per le News. Gli screenshot qui in basso valgono più di 100 parole.

Il nuovo tipo di post è già disponibile

Anche il menu di inserimento rapito è stato aggiornato...

2) Configurazioni Custom Post Type

Nella seconda sezione vengono indicate, attraverso un array associativo, una serie di proprietà che andranno ad impostare vari aspetti del nuovo tipo di post. Vediamole in dettaglio:

• labels – Vedi punto 1)
• public – Indica sostanzialmente se il nuovo post type è visibile ed utilizzabile nei temi. Il suo valore è il default per una serie di altre proprietà ad esso correlate.
  • publicicly_queryable (indica se è possibile eseguire query)
  • exclude_from_search (indica se includere il post type nei risultati delle ricerche)
  • show_ui (indica se mostrare le interfacce di amministrazione per il post type)
  • show_in_nav_menus (indica se mostrare il post type nell’editor per i menù)
• supports – un’array che indica le caratteristiche che il nuovo post type avrà nella modalità di edit. Nel nostro caso abbiamo inserito solo il titolo e l’editor di TinyMce, ma è possibile aggiungere l’excerpt, gli autori, la thumbnail, i commenti, i custom fields, ecc

Per maggiori informazioni e dettagli sui vari parametri disponibili vi rimando alla documentazione ufficiale presente qui http://codex.wordpress.org/Function_Reference/register_post_type

3) Creazione effettiva nuovo post type

L’ultima istruzione è una chiamata alla funzione di WordPress register_post_type che prende in input il nome del nuovo custom post type (nel nostro caso news) e l’array degli argomenti creati ai punti precedenti.

A questo punto, accedendo all’area amministrativa di WordPress, saremo già in grado di visualizzare il nuovo menù creato per il nostro nuovo gestore di news supportato dal custom post type news.

Il menu di gestione del nuovo tipo "news"

Clicchiamo su “News” e quindi sul pulsante “Aggiungi Nuova”.

Ci troveremo davanti alla classica schermata di WordPress per l’edit dei post ma saranno visualizzati solo il campo per il Titolo e l’editor TinyMce come dalla seguente figura:

L'edito per il nuovo tipo "news"

Secondo le esigenze del caso, ricordate che questa pagina può essere ulteriormente personalizzata aggiungendo un meta box che contenga dei campi personalizzati. Se già siete familiari con i meta-box vi basterà scrivere:

<?php

add_meta_box(
‘id_univoco’,
‘Titolo Meta Box’,
funzione_per_rendering_html,
‘nome-del-vostro-custom-post-type’ /* nel nostro esempio “news” */
);

?>

Magari l’esempio completo lo potremmo trattare in un futuro post. Se interessati, potete dare un’occhiata a questa pagina http://codex.wordpress.org/Function_Reference/add_meta_box o scrivetelo nei commenti!

Utilizzo nei temi dei custom Type

A questo punto siamo in grado di inserire tutte le news che vogliamo… ma come facciamo a visualizzarle nel nostro sito? Come modificare il tema di WordPress per pubblicare anche le nostre nuove News?

State sintonizzati, questo sarà l’argomento della seconda parte di questo tutorial.

Aggiornamento: la seconda parte, relativa alla modifica del tema WordPress è stata pubblicata.

Questo Guest Post è stato scritto da Alt Design, una web agency specializzata nella realizzazione di siti web basati su WordPress. Potete seguirli nel loro blog dove discutono di Internet Marketing.

(photo credit Riot Jane)

Ora che SocialPost.info è online ho chiesto a Gabriele di raccontarci perchè ha scelto di utilizzare WordPress, quali modifiche ha dovuto effettuare, quali plugin ha utilizzato, che problemi ha incontrato.

Ciao Gabriele, innanzitutto dicci qualcosa di SocialPost.info

Ciao a tutti, sono Gabriele di SocialPost.info , un nuovo sito di paid to write, realizzato interamente con WordPress. Si tratta di  un sito che ti permette di guadagnare scrivendo articoli, guide e recensioni per il portale. Non è necessario saper scrivere con uno stile giornalistico, l’importante è essere chiari ed essere “esperti” in qualunque argomento, in modo da poter diffondere le proprie conoscenze. Tanti argomenti su cui scrivere: abbigliamento e stile, viaggi e vacanze, musica, cinema, auto e moto, fotografia, cucina, sport, guadagnare online, internet, informatica e molti altri…

Tutto è basato sul sistema di pagamento proveniente dall’America, il Revenue Sharing tramite AdSense. Il sistema è molto semplice: segnalando in fase di registrazione il proprio codice AdSense si farà in modo che ogni articolo, guida o recensione pubblicati presenterà, per una percentuale dell’80%, i propri annunci AdSense. Il rimanente 20% delle visualizzazioni Adsense verrà attribuito a SocialPost.info che modererà e pubblicherà l’articolo.

Bene, sei stato molto esauriente, ma veniamo alla realizzazione del sito… come mai WordPress?

Per realizzare SocialPost.info abbiamo utilizzato WordPress perché è un vero e proprio CMS, per la facilità di installazione, di utilizzo e di gestione. Una delle caratteristiche principali di WordPress, è la possibilità di ampliare le opzioni offerte andando ad installare dei comodi plugin che aumentano a livelli esponenziali la possibilità di personalizzare al massimo la propria installazione.

Certo, i plugin sono una vera “forza” di WordPress, ci puoi elencare quali avete utilizzato e per quali funzionalità?

I plugin che abbiamo usato sono:

Author Advertising Plugin: il plugin più importante del sito, senza del quale non sarebbe stato possibile attuare il Revenue Sharing tramite AdSense.  E’ il plugin che si occupa di visualizzare gli Adsense con il codice di ogni autore. Sulla rete si trovano anche altri plugin che permettono di attuare il Revenue Sharing, ma solo Author Advertising da la possibilità di creare un sistema MERITOCRATICO puro, dove i banner di ogni utente sono presenti solo all’interno dei propri post;

Register Plus: è il plugin che permette di configurare ogni aspetto della registrazione degli utenti;

Sì, i lettori di WordPressMania lo conoscono bene, il post con la recensione di Register Plus è uno dei più commentati!

Certo! Per l’ottimizzazione sui motori di ricerca abbiamo utilizzato  Platinum SEO Pack, un plugin molto potente che può ottimizzare di tanto le nostre pagine; Mentre per la sitemap di Google la scelta è caduta su Google XML Sitemaps

Più legato al tipo di sito che abbiamo realizzato è il plugin Most Read in XX Days: con questo visualizziamo i post più letti, mentre con WP-PostRatings diamo la possibilità ai lettori di votare i post più interessanti.

Sempre per rendere più interattiva l’esperienza del visitatore utilizziamo anche WP-Polls, un plugin per la gestione di sondaggi;

Davvero una ottima selezione di plugin! e così con questi avete risolto tutte le vostre necessità?

No, in realtà utilizziamo anche altri plugin specifici:

Per esempio Position Yourself per monitorare la posizione del nostro sito su Google e Post Teaser, che è un plugin che permette di creare automaticamente una anteprima dei post in homepage senza bisogno di inserire il tag <!– more –> o di compilare il riassunto.

Infine con WP-UserOnline monitoriamo gli utenti online.

Bene Gabriele, grazie del tempo che ci hai dedicato e in bocca al lupo per il successo di SocialPost.info!

P.S.

Vorrei suggerire a Gabriele un buon plugin per classificare gli autori dei post per numero di articoli pubblicati, ne conoscete qualcuno?

Settimana troppo intensa per permettermi di pubblicare i post che avevo in mente, ma li riassumo qui con qualche parola di commento.

Anche se non hanno avuto un post tutto per loro, lo avrebbero meritato, perciò non snobbateli

100 video su WordPress

In molti preferiscono guardare uno screencast di WordPress piuttosto che leggere pagine e pagine di manuali e tutorial, Specky Boy ha raccolto 100 video e screenshow sull’uso di WordPress, Temi e Plugin. Non sono n italiano, certo, ma proprio perchè “mostrano come si fa” la lingua in questo caso non è un grande problema

Plugin Cms Navigation

Un plugin per la gestione delle pagine di WordPress che migliora le capacità come CMS, tra cui:

• Navigazione orizzontale per pagine “principali”, sottopagine, categorie dei post e menu a discesa
• Breadcrumb: mostra dove è il visitatore tra le pagine del sito
• Navigatione nella sidebar – Elenca le pagine correlate a quella mostrata

Plugin ZD Multilang

ZD Multilang espande WordPress rendendolo multilingua, ovvero in grado di presentare articoli e pagine in diverse lingue, oltra a gestire l’intera traduzione di tags, categorie ecc… In pratica per ogni post puoi indicare gli articoli con le relative traduzioni nelle lingue supportate dal tuo blog, che verranno mostrate in base alla scelta del visitatore.

Io attualmente uso Gengo… chissà se questo plugin meriterà di rimpiazzarlo…

Nuova versione per FeedWordPress

Come sapete FeedWordPRess è un plugin che “digerisce” qualunque feed RSS o Atom datogli in pasto e lo converte in post su WordPress. Totalmente automatizzabile permette di realizzare facilmente siti “planet” e aggregatori di notizie, grazie anche ai numerosi hook che ne permettono la personalizzazione avanzata… purtroppo molto spesso usato per clonare siti altrui (WordPressMania ha almeno 5/6 “succhiatori” di contenuti in giro) ma se usato bene estremamente utile e potente.

Flexx Theme

Flexx, recentemente rilasciato da iThemes a pagamento, è un tema WordPress “flessibile” e altamente configurabile senza necessità di ricorrere al codice php.

Ho avuto la possibilità di provarlo e sinceramente rimpiango di non averlo usato prima per tutti i siti che ho fatto finora: la flessibilità è notevole: puoi scegliere il tipo di layout, se e dove inserire “Featured Content“, caricare header alternativi che ruoteranno secondo le tue impostazioni e un sacco di altre opzioni, tutte dal pannello di controllo, con immagini di anteprima chiare e semplici.

Direttamente nel pannello di controllo vengono installati inoltre numerori tutorial per le configurazioni più comuni: davvero utile e insolito: non ti troverai così con un bel tema installato e la solita domanda nella testa: “e adesso dove comincio?”

Insomma: un tema da installare in ogni blog per poi partire con le personalizzazioni più svariate in punta di mouse