Foglio di tema di WordPress per principianti

Stai cercando un cheat con tema WordPress per modificare rapidamente il tuo tema o creare un nuovo tema personalizzato? WordPress viene fornito con numerosi tag modello incorporati che puoi utilizzare per ottenere un vantaggio. In questo articolo, condivideremo un foglio di cheat tema di WordPress per i principianti.

Prima di iniziare

WordPress è dotato di un potente motore di template che consente agli sviluppatori di temi di creare bellissimi design per i siti Web alimentati da WordPress. Esistono temi WordPress gratuiti e premium che puoi installare sul tuo sito web.

Ogni tema WordPress viene fornito con un numero di opzioni di personalizzazione. Queste opzioni ti consentono di cambiare i colori, aggiungere immagini di intestazione, configurare i menu di navigazione e altro.

Tuttavia, sei ancora limitato a ciò che supporta il tuo tema. A volte potresti voler apportare lievi modifiche al tuo tema WordPress che richiedono una certa codifica. Per fare ciò, dovrai conoscere alcuni di base PHP, HTML e CSS.

La prima cosa che vorresti fare è familiarizzare con il modo in cui WordPress lavora dietro le quinte e i template dei temi di WordPress.

Dopo di che ci sono alcune buone pratiche che potresti voler seguire. Ad esempio, creando un tema figlio invece di apportare le modifiche direttamente ai file del tema.

Puoi anche esercitarti sul tuo tema installando WordPress sul tuo computer.

Detto questo, immergiti nel nostro foglio di tema del tema WordPress per i principianti.

Modelli di tema di WordPress di base

Ogni tema WordPress è costituito da diversi file chiamati modelli. Tutti i temi WordPress devono avere un foglio di stile e un file indice, ma di solito vengono creati molti altri file.

Di seguito è riportato l'elenco dei file di base che ogni tema ha:

• style.css
• header.php
• index.php
• sidebar.php
• footer.php
• single.php
• page.php
• comments.php
• 404.php
• functions.php
• archive.php
• searchform.php
• search.php

Se stai costruendo il tuo tema, puoi iniziare con uno dei temi di avviamento di WordPress. Questi temi sono dotati di file template e CSS di WordPress pronti all'uso che ti offrono una struttura su cui basarti.

Tag modello nell'intestazione

WordPress ha molte funzioni a portata di mano che possono essere utilizzate per produrre cose diverse nel tuo tema. Queste funzioni sono chiamate tag modello.

Prima e probabilmente la funzione più importante che è richiesta in tutti i temi WordPress compatibili standard è chiamata wp_head, e assomiglia a questo:

Questo codice recupera tutti gli importanti HTML che WordPress deve aggiungere sezione di ogni pagina sul tuo sito web. È inoltre essenziale che molti plug-in di WordPress funzionino correttamente sul tuo sito web.

Di seguito è riportato un elenco di tag modello che è possibile trovare e utilizzare comunemente nel file header.php del tema. Tuttavia, possono essere utilizzati anche altrove sul tema quando ne hai bisogno.

 // Titolo del blog o Nome blog // Titolo di una pagina specifica // URL esatto per il sito // Descrizione del sito // Posizione del file del tema del sito // Collegamento al percorso Style.css // URL del feed RSS per il sito // URL di pingback per il sito // numero di versione di WordPress  

Tag modello utilizzati in altri file di temi

Ora diamo un'occhiata ad altri tag di template comunemente usati e a cosa fanno.

I seguenti tag modello vengono utilizzati per chiamare e includere altri modelli. Ad esempio, il file index.php del tuo tema li userà per includere intestazioni, piè di pagina, contenuti, commenti e modelli della barra laterale.

 // Visualizza il contenuto del file Header.php // Visualizza il contenuto del file Footer.php // Visualizza il contenuto del file Sidebar.php // Visualizza il contenuto del file Comment.php  

I seguenti tag modello vengono utilizzati all'interno del ciclo WordPress per visualizzare contenuti, estratti e meta dati dai tuoi post.

 // Visualizza il contenuto del post // Visualizza l'estratto utilizzato nei post // Titolo del post specifico // Collegamento del post specifico // Categoria di un post specifico // Autore del post specifico // ID di un post specifico // Modifica il link per un post // Oonly visibile agli utenti registrati con i privilegi di modifica // URL della pagina successiva // URL della pagina precedente  

I temi WordPress sono dotati di aree pronte per widget chiamate Sidebars. Si tratta di posizioni nei file del tema in cui gli utenti possono trascinare e rilasciare i widget di WordPress. Spesso un tema ha più sedi in cui gli utenti possono aggiungere widget.

Tuttavia, più comunemente queste aree del widget si trovano nella barra laterale destra o sinistra del layout del tema. Per ulteriori informazioni, consulta la nostra guida su come aggiungere barre laterali pronte per il widget dinamico nel tuo tema WordPress.

Ecco il codice utilizzato per visualizzare una barra laterale nel tuo tema.

Dovrai sostituire sidebar-1 con il nome definito dal tema per quella particolare area pronta per i widget o la barra laterale.

Tag modello per visualizzare i menu di navigazione

WordPress viene fornito con un potente sistema di gestione dei menu che consente agli utenti di creare menu di navigazione per il loro sito web. Un tema WordPress può avere più di una posizione del menu di navigazione.

Consulta la nostra guida su come creare i tuoi menu di navigazione personalizzati in un tema WordPress.

Di seguito è riportato il codice che verrà utilizzato nel tema per visualizzare un menu di navigazione.

  'my-custom-menu', 'container_class' => 'custom-menu-class')); ?> 

La posizione del tema dipende dal nome del tema utilizzato per registrare il menu di navigazione. La classe contenitore CSS può essere chiamata qualsiasi cosa tu voglia. Circonda il tuo menu di navigazione, in modo che tu possa adattarlo di conseguenza.

Tag modello diversi

Di seguito sono riportati alcuni dei tag che utilizzerai comunemente in tutto il tuo tema WordPress.

 // Visualizza la data in cui è stato scritto il post // Visualizza l'ultima volta che un post è stato modificato get_the_modified_time // Visualizza l'ultima ora modificata per un post // Visualizza miniatura post o immagine in primo piano // Visualizza archivi mensili // Visualizza l'elenco delle categorie // Visualizza il gravatar di un utente dall'indirizzo email // 32 pixel è la dimensione, puoi cambiarlo se ti serve // ​​Mostra gravatar dell'autore del post corrente  

Tag condizionali nei temi di WordPress

I tag condizionali sono funzioni che restituiscono risultati in Vero o Falso. Questi tag condizionali possono essere utilizzati in tutto il tema o plug-in per vedere se sono soddisfatte determinate condizioni e quindi fare qualcosa di conseguenza.

Ad esempio, se il post corrente ha un'immagine in primo piano o meno. Se non ha un'immagine in primo piano, puoi invece mostrare un'immagine in primo piano predefinita.

 '; ?> 

Di seguito sono riportati alcuni altri tag condizionali che è possibile utilizzare.

 // Controlla se viene visualizzato un singolo post is_single () // Controlla se viene visualizzata una pagina is_page () // Controlla se la pagina principale del blog è visualizzata is_home () // Controlla se viene visualizzata una prima pagina statica is_front_page ( ) // Controlla se il visualizzatore corrente è loggato is_user_logged_in () 

Esistono molti altri tag condizionali che è possibile utilizzare. L'elenco completo dei tag condizionali può essere trovato nella pagina del codice WordPress sui tag condizionali.

Il ciclo di WordPress

Il ciclo Loop o WordPress è il codice utilizzato per recuperare e visualizzare messaggi in WordPress. Molti tag modello WordPress possono funzionare solo all'interno del ciclo in quanto associati agli oggetti post o post_type.

Di seguito è riportato un esempio di un semplice ciclo WordPress.

   
Pubblicato da 
  
Archiviato in: | Tagged: | Commenti
  
Spiacente, nessun post corrisponde ai tuoi criteri.
  

Per saperne di più sul ciclo controlla cos'è un loop in WordPress (Infografica).

Ci auguriamo che questo articolo ti sia d'aiuto come scheda di base per il tema di WordPress per principianti. Potresti anche voler vedere la nostra lista dei trucchi più utili per il file di funzioni di WordPress.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi anche trovarci su Twitter e Facebook.