Vai al contenuto principale

Come creare modelli personalizzati WordPress

Divi: il tema WordPress più semplice da usare

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Vuoi creare un modello personalizzato unico su WordPress?

I modelli personalizzati ti consentono di selezionare facilmente diversi modelli per le tue pubblicazioni.

In questo tutorial, ti mostreremo come creare facilmente modelli personalizzati unici su WordPress.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Allora torniamo a quello per cui siamo qui ...

Nota: questo tutorial richiede di modificare i file del tema WordPress. Se non l'hai già fatto, consulta il nostro tutorial su come creare un plugin per WordPress.

Quando hai bisogno di un modello di post personalizzato unico?

A volte potresti desiderare un aspetto diverso per alcune pubblicazioni sul tuo sito web. Ad esempio, potresti voler utilizzare un modello diverso per articoli o articoli in una particolare categoria.

Scopri anche Come creare modelli personalizzati WordPress

Qui è dove dovrai creare un modello di post WordPress personalizzato unico.

Come creare un modello di pubblicazione personalizzato?

Crea un nuovo articolo, quindi nel metabox "Attributi pagina" nella barra laterale della tua area di modifica. Quindi seleziona il tuo modello dall'elenco dei modelli lì. E questo è tutto !

Quindi, diamo un'occhiata a come creare facilmente modelli personalizzati unici su WordPress.

Creazione di modelli personalizzati unici in WordPress

Per prima cosa devi aprire un editor di testo sul tuo computer come Blocco note e incollare il seguente codice all'interno:

/*

 * Nome modello: articolo in primo piano

 * Tipo di post modello: post, pagina, prodotto

 */

 

 get_header (); ?>

 

Questo codice definisce un nuovo modello chiamato " Articolo in primo piano E lo rende disponibile per articoli, pagine e formati di pubblicazione personalizzati.

Puoi salvare questo file come " BPC-single-post.php Sulla tua scrivania

Allora tu è necessario caricarlo nella cartella del tema WordPress corrente utilizzando un client FTP.

Quindi puoi accedere alla dashboard di WordPress e creare o modificare un post. Scorri un po 'verso il basso nella schermata di modifica del post e noterai il nuovo meta-box "Attributi pagina" con un'opzione per selezionare il modello.

Vedrai apparire il tuo modello personalizzatoArticolo in primo piano'.

In questo momento il tuo modello è per lo più vuoto, se lo selezioni vedrai una pagina vuota.

Diamo sistemare le cose.

Il modo più semplice per farlo è copiare il codice dal file single.php del tuo tema WordPress e usarlo come punto di partenza.

Scopri anche Come comprendere il modello di tipo di post di WordPress

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Aprire il file single.php puis copiare tutto dopo la funzione get_header () '.

Incolla questo codice alla fine del tuo file BPC-single-post.php ". Ora puoi salvare questo file e trasferirlo di nuovo sul tuo server.

Tuttavia, questo sembra esattamente come quello del tuo attuale modello di pubblicazione singola. Ora puoi iniziare ad apportare modifiche al tuo modello personalizzato univoco.

Puoi aggiungere il tuo classi CSS personalizzate, rimuovi le barre laterali, crea un modello a larghezza intera o qualsiasi cosa tu voglia.

Crea modelli personalizzati unici in base alla categoria

Vuoi utilizzare un modello personalizzato di elementi unici basato su categorie?

Ad esempio, gli articoli nella categoria "viaggi" potrebbero avere un layout diverso rispetto a quelli nella categoria "fotografia".

Ecco come si può fare.

Per prima cosa devi aggiungere questo codice al file file Functions.php il tuo tema o un plug-in WordPress specifico per il tuo sito web.

/*

* Imposta una costante per accedere al nostro file

*/

define (SINGLE_PATH, TEMPLATEPATH. '/ single');

 

/ **

* Filtra il single_template con la nostra funzione personalizzata

*/

add_filter ('single_template', 'my_single_template');

 

/ **

* Funzione per il nostro modello

*/

funzione my_single_template ($ single) {

$ wp_query globale, $ post;

 

/ **

* Verifica il singolo modello per categoria

* Controlla per categoria slug e ID

*/

foreach ((array) get_the_category () come $ cat):

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

 

if (file_exists (SINGLE_PATH. '/ single-cat-'. $ cat-> slug. '.php'))

return SINGLE_PATH. '/ single-cat-'. $ cat-> slug. '.php';

 

elseif (file_exists (SINGLE_PATH. '/ single-cat-'. $ cat-> term_id. '.php'))

return SINGLE_PATH. '/ single-cat-'. $ cat-> term_id. '.php';

 

endforeach;

}

Questo codice controlla prima se WordPress sta richiedendo un singolo post. In tal caso, dice a WordPress di cercare il modello nella cartella "/ single /" del tuo tema WordPress.

Ora devi aggiungere i file modello definiti da questo codice. 

Accedi al tuo sito Web WordPress utilizzando un client FTP o un File Manager nel cPanel e vai a " / Wp-content / themes / il-tuo-theme / '.

Scopri anche Come utilizzare FTP su Windows 10

All'interno della cartella del tema corrente, è necessario creare una nuova cartella chiamata "unique".

Ora devi aprire questa cartella e creare un nuovo file all'interno. Vai avanti e assegna un nome a questo file " single-cat- {categoria-lumaca} ". sostituire {Categoria-slug} dalla categoria lumaca.

Ad esempio, se hai una categoria chiamata "Cosa ce di nuovo', creerai un file " single-categoria-news.php ". Se hai una categoria chiamata "Consigli di viaggio»Crea un modello -cat-punte single-di-voyage.phpe così via.

Ora, questi file modello saranno totalmente vuoti. Come punto di partenza, puoi copiare il contenuto del tuo file single.php dalla cartella del tema e incollarli in ciascuno di questi modelli.

È ora possibile modificare questi modelli per apportare le modifiche desiderate.

Una volta terminato, puoi accedere al tuo sito Web e visualizzare una pubblicazione. Utilizzerà il modello creato per la categoria in cui è allegata questa pubblicazione.

Leggi anche il nostro tutorial Come gestire i file e le cartelle di WordPress

Supponiamo ora di avere un post pubblicato in due categorie di notizie e consigli di viaggio. WordPress visualizzerà automaticamente il modello per "Cosa ce di nuovo'perché appare per primo in ordine alfabetico.

D'altra parte, se hai rilasciato un post in una categoria e non hai creato un modello per quella categoria, WordPress tornerà al modello. single.php impostazione predefinita del tema WordPress.

Scopri anche alcuni plugin WordPress premium  

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Addon Social Wall per UserPro

UserPro può essere molto più divertente con un social wall. Questo è ciò che offre "Social Wall Addon for UserPro". Con il plug-in Social Wall, puoi aggiungere un muro al tuo blog o sito web e fornire ai tuoi membri un modo innovativo per interagire con l'intera comunità.

Il plugin WordPress Social Wall consente ai tuoi utenti di: condividere messaggi tra loro, condividere immagini, commentare i post di altre persone, gli utenti possono mettere mi piace o non mi piace a un messaggio, possono scegliere di visualizzare il muro solo per loro. utenti registrati o per tutti gli utenti, gli amministratori possono eliminare post o commenti degli utenti, ecc.

Download | Demo | Web hosting

2. WooCommerce Categorie avanzate

Grazie a questo potente plugin per WordPress, metti il ​​tuo negozio online allo stesso livello dei più grandi negozi del mondo. Ti consente di migliorare il tuo SEO aggiungendo testi relativi a una categoria. Puoi anche aggiungere una bella immagine di intestazione alle tue categorie e dare più stile alle tue sottocategorie.

Avrai il controllo totale sulle tue categorie WooCommerce e il loro layout con questo plugin WordPress. In particolare, è possibile visualizzare le sottocategorie desiderate e anche modificarle o disporle in colonne. Sarai in grado di definire lo stile, il carattere e anche dare loro una breve descrizione.

Download | Demo | Web hosting

3. WavePlayer

Come puoi intuire dal nome che porta, WavePlayer è un plug-in per lettore audio che prende la forma d'onda del file audio in riproduzione. Con questo plug-in, sarai in grado di ospitare tracce o semplicemente integrarlo con altri servizi di hosting cloud, come SoundCloud.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Può anche essere utilizzato per scopi di podcast e offre altre funzionalità come: supporto HTML5, layout reattivo, Integrazione di WooCommerce, eccetera. Sarai anche in grado di creare visivamente una playlist prima di pubblicarla. Un'altra caratteristica essenziale è la sua velocità ed efficienza.

Download | Demo | Web hosting

Altre risorse consigliate

Ti invitiamo inoltre a consultare le risorse seguenti per approfondire la presa e il controllo del tuo sito Web e blog.

 

 

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che ti permetta di creare modelli di post personalizzati su WordPress. sentiti libero di condividi il suggerimento con i tuoi amici sui tuoi social network.

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Ma intanto parlaci del tuo commentaires e suggerimenti nella sezione dedicata.

... 

 

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
7 azioni
quota5
Tweet1
Enregistrer1