IL formati di post personalizzati Di WordPress ti permettono di trasformare un classico blog WordPress in una piattaforma di pubblicazione davvero divertente. Vediamo come funziona!
Definizione dei formati dei post
Formati dei post: kesako?
IL formati di posta Di WordPress costituiscono una novità introdotta dopo il rilascio della versione 3 del CMS per blogging più famoso al mondo. Questa è una funzione che ti consente di farlo suddividere gli articoli in diversi tipi, così da presentarli diversamente sul tuo blog a seconda di quali siano.
Con formati di post personalizzati, puoi rendere il tuo blog interattivo, vivace e diversificato sia nei contenuti che nella forma. Ecco l’elenco dei formati di articoli attualmente forniti da WordPress:
- Predefinito: elemento normale.
- a parte: articolo veloce.
- gatto: dialogo.
- gallery (galleria): galleria fotografica.
- collegamento: uno o più collegamenti esterni.
- immagine: immagine semplice.
- citazione
- stato: uno stato come ad esempio su Facebook o Twitter.
- video
- Audio
Ispirata a Tumblr, fornitore di blog interattivi e divertenti, questa funzionalità permette di potenziare un blog o una rivista tradizionale dandogli la possibilità di visualizzare i contenuti in modo diverso a seconda del tipo di argomento trattato. IL Tema Tumble Ten ad esempio (vedi immagine a sinistra) mostra in modo molto esplicito cosa è possibile fare con i formati Post.
In effetti, il lato divertente è fornire un'icona specifica per ogni tipo di contenuto, nonché diversi elementi dell'articolo. Ad esempio, puoi scegliere di visualizzare solo un link, solo un titolo, oppure solo il contenuto dell'articolo senza titolo, o anche un video o una galleria fotografica.
In termini di fidelizzazione, è un passo avanti verso il miglioramento dell'attrattiva di un blog, sia esso aziendale, di intrattenimento, personale o giornalistico. Questo tipo di funzionalità consente di riunire stati simili a Twitter, articoli dettagliati o editoriali, video, ecc. in un unico blog.
Differenza tra formati di post e tipi di post personalizzati
Molte persone non capiscono la distinzione tra tipi di post personalizzati e formati di post, due funzioni che a priori sono duplicate. In verità, i tipi di post personalizzati creano nuovi tipi di contenuti che non sono articoli. In effetti, gli articoli da un lato e le pagine dall’altro, ad esempio, sono due diversi tipi di contenuto. Quindi, creando un tipo di post personalizzato, stai creando un nuovo tipo di contenuto. Potrebbero trattarsi, ad esempio, di recensioni di film, schede informative, prodotti, stagisti, ecc.
I post format sono invece delle tipologie di post (quindi tipologie di articoli): hanno la particolarità di essere standard e quindi meno personalizzabili (in altre parole, l'elenco dei post format sopra fornito è così com'è, non può essere modificato a priori), e vengono visualizzati come post ovunque nel blog.
Installa i formati di post sul tuo blog WordPress
L'installazione dei formati di post sul tuo blog richiede la seguente procedura. Questi non costituiscono un repository ed esistono diversi metodi di implementazione.
Abilita formati di post personalizzati
Per attivare formati di post personalizzati sul tuo tema WordPress, vai al file Functions.php del tuo tema per aggiungere le righe seguenti. Puoi rimuovere i formati di post che non desideri utilizzare.
add_theme_support(
'post-formati', array(
'a parte',
'gatto',
'galleria',
'immagine',
'collegamento',
'citazione',
'stato',
'video',
'Audio'
)
);
Ora dovresti vedere la piccola casella relativa ai formati degli articoli nel tuo pannello di amministrazione di WordPress, più precisamente a destra del modulo di pubblicazione del post:
Ora che i formati dei post sono attivati, ciò non significa che vedrai la differenza sul tuo blog. Infatti, anche selezionando ad esempio "Chat" per uno dei tuoi articoli, questo non verrà visualizzato sotto forma di chat prima che tu abbia modificato il codice del file del tuo articolo e, incidentalmente, del tuo file CSS.
In effetti, la funzione add_theme_support installa le funzioni di base dei formati di post personalizzati, ma spetta a te rendere compatibile il tuo tema. Ma non preoccuparti, ti mostrerò come farlo!
has_post_format() VS get_template_part
Sono disponibili due opzioni per rendere i file del tema compatibili con i formati dei post. La prima è una soluzione semplice per capire il principio se sei agli inizi e non hai molta dimestichezza con il codice PHP, la seconda è la soluzione più pulita.
La funzione has_post_format()
WordPress ha fornito questa funzionalità per implementare dove appaiono i tuoi post al fine di personalizzare ciò che desideri mostrare per ciascun formato di post. Questo metodo è consigliato solo se hai solo pochi formati di articolo e vuoi affrettare il lavoro :)
loop.php e singolo.php
if (has_post_format('aside')) {
//mostra il codice per i post rapidi
} elseif (has_post_format('chat')) {
//visualizza il codice relativo agli articoli della chat
} elseif (has_post_format('gallery')) { //visualizza il codice relativo alla gallery fotografica del post
} else { //visualizza il codice standard del tuo tema per visualizzare i tuoi articoli
}
Nota: questo codice deve comunque essere utilizzato in tutti i casi sul file single.php, anche se si sceglie il metodo seguente.
La funzione get_template_part()
In un file tematico ben fornito e pieno di strutture condizionali, il metodo sopra citato non è molto metodico. Quindi divideremo il codice per renderlo il più chiaro possibile.
loop.php
if (have_posts()):
while (have_posts()): the_post();
if(!get_post_format()) {
get_template_part('formato', 'standard');
} altro {
get_template_part('format', get_post_format());
}
fine nel frattempo;
In altre parole: se l'articolo attualmente nel loop non presenta un formato articolo particolare, allora lancia il tema standard, altrimenti lancia il tema relativo al formato del post.
Con questo codice dobbiamo quindi creare dei file standard e specifici. Per fare questo niente di più semplice, basta creare un file format-standard.php contenente il loop standard, poi un file format-video.php che conterrebbe il codice relativo alla visualizzazione degli articoli video, poi un file format -file aside.php che conterrebbe il codice relativo alla visualizzazione degli articoli “en passant”, ecc…
La funzione post_class()
Particolarmente interessante, questa funzione permetterà di implementare una classe nel formato articolo, in modo da personalizzarla successivamente tramite il file CSS. Ingrandiamo ad esempio il formato a parte:
if (has_post_format('aside')) {
<div id=" »post-NO NUMERIC NOISE KEY" 1001 » no numeric noise key 1000>
<?php the_content();?>
</div>
} else { //visualizza il codice standard del tuo tema per visualizzare i tuoi articoli
}
La funzione post_class() affilierà la classe .formattazione a parte al tuo post "di sfuggita", ad esempio.
Personalizza lo stile dei formati degli articoli tramite file CSS
Come abbiamo appena visto sopra, il formato side è caratterizzato dalla classe .format-aside. Quindi tutto ciò che devi fare è definire lo stile di questo formato nel file CSS! Esempio :
.format-aside h2 {dimensione carattere: 2em}
.format-a parte {
sfondo: url(images/aside.png) -118px 14px;
-raggio-bordo-webkit: 10px;
-raggio-bordo-moz: 10px;
raggio del bordo: 10px;
imbottitura: 15px 20px 5px;
posizione: relativa; }
Tramite questo codice, diciamo ai post di tipo “en passant” di visualizzare uno sfondo specifico, una dimensione del titolo specifica e un bordo arrotondato, sufficienti per evidenziare esteticamente questo tipo di contenuto. Puoi dare libero sfogo alla tua immaginazione e aggiungere tutti i tipi di stili, quindi generalizzare la procedura a tutti i formati di post!
Esempio riassuntivo
Ecco un codice chiavi in mano riepilogativo per mettere in atto le idee:
Nel file loop.php (o index.php) in cui viene visualizzato il contenuto:
if (have_posts()):
while (have_posts()): the_post();
if(!get_post_format()) { get_template_part('format', 'standard');
} else { get_template_part('format', get_post_format());
}
fine nel frattempo;
finisci se;
formato-standard.php:
Il contenuto predefinito del tuo tema per la visualizzazione dei tuoi articoli.
format-aside.php:
<div id=" »post-NO NUMERIC NOISE KEY" 1001 » no numeric noise key 1000>
<?php the_content();?>
</div>
Escludi determinati formati di post dai feed RSS
Utile quando si pubblicano determinati formati di articoli brevi o relativi a momenti di umore – penso in particolare a status, a-side, chat, ecc. – questa funzionalità scoperta qui ti permetterà di non “inquinare” il tuo feed RSS con contenuti alternativi. Infatti, se hai molti lettori che seguono il tuo feed RSS, rischiano di rimanere presto sconcertati dall'afflusso di notizie provenienti dai formati di post.
Sostituisci "post-format-status" o "aside" con i formati di post che desideri escludere.
funzioni.php:
// Esegue determinati formati di post dai feed RSS:
funzione esclude_post_formats_from_feeds( &$wp_query ) {
// Se query di feed:
if ($wp_query->is_feed()) {
// Array di formati di post da escludere, tramite slug,
// esempio: “post-format-{format}”
$post_formats_to_exclude = array(
'stato post-formattazione',
'post-formattazione a parte'
);
// Query aggiuntiva per hackerare l'oggetto $wp_query:
$extra_tax_query = array(
'tassonomia' => 'post_format',
'campo' => 'lumaca',
'termini' => $post_formats_to_exclude,
'operatore' => 'NON PRESENTE'
);
$tax_query = $wp_query->get( 'tax_query' );
if (is_array($tax_query)) {
$tax_query = $tax_query + $extra_tax_query;
} altro {
$tax_query = array( $extra_tax_query );
}
$wp_query->set('tax_query', $tax_query);
}
}
Risposte 10
Ciao,
Mi prendo il tempo di lasciarti un commento per congratularmi con te per la qualità di questo post: ho appena scoperto i formati dei post (il mio tema non è compatibile, non ero stato avvisato di questa nuova funzionalità) e il tuo tutorial risponde esattamente , in modo semplice e preciso le domande che mi sono posto. Cappello 🙂
Grazie mille, è bello vedere il lavoro premiato con feedback positivi! 😉
Di niente; Sto aggiungendo un altro livello, ma il blog della tua agenzia si distingue davvero per la sua qualità, per non parlare del design davvero perfetto. Francamente, il giorno in cui avrò bisogno di un servizio prenderò seriamente in considerazione l'idea di parlarti del mio progetto. Lo stesso se incontro qualcuno che cerca un'agenzia.
Grazie mille Baptiste, lavoriamo su Internet da molto tempo ma questo sito è molto recente, e mi assicuro di aggiungere contenuti pertinenti e complementari a quanto già presente in rete 😉 Il tema, invece, è firmato da un ottimo grafico WordPress, reperibile sul web, anche se personalizzato da me proprio per quanto riguarda i formati dei post :)
In ogni caso, grazie per aver riportato i nostri contenuti, ironia della sorte, stavo facendo lo stesso con i miei amici quando ho visto il tuo forum creato qualche anno fa...!
Buongiorno,
In realtà ho un tema con tanti formati diversi per gli articoli ma se scelgo l'uno o l'altro non cambia tranne il formato della galleria ma vedo solo l'immagine e non l'estratto dell'articolo
È strano perché su un altro blog ho scelto il formato gallery e mi è arrivata la foto con l'estratto dell'articolo
Grazie per l'aiuto
A priori la funzione get_post_format_strings consente di gestire e modificare i formati predefiniti
Buongiorno,
Impossibile attivare il formato del post con il mio tema.
Ho provato di tutto, provato così tanto che ho fatto una mossa sbagliata e l'intero blog è stato cancellato.
Ho perso tutto ma sto ancora decidendo, vorrei mettere il formato gallery per i miei post ma proprio non posso farlo.
Ho seguito il tuo tutorial ma ho dei problemi.
Per favore aiutami
Ciao
Il tuo articolo mi sembra molto chiaro, ma posso scegliere le modalità di formato negli articoli del mio blog sull'elettricità, tuttavia non succede nulla quando attivo un formato!
Ciao, sai se questa funzionalità dei formati di post ti consente di aprire i post in una cassetta delle lettere direttamente dalla loro miniatura nella home page?
Questo sito è davvero informativo!
Continua a pubblicare.