Aggiunta di immagini di intestazione diverse a pagine e post specifici in WordPress

Pubblicato: 2012-01-24

Ad alcuni utenti di WordPress piace visualizzare immagini di intestazione univoche su diversi post e pagine o aggiungere immagini di intestazione casuali/ruotanti su pagine specifiche del loro sito WordPress.

C'è un modo per aggiungere un'immagine di intestazione a una nuova pagina o a un post esistente in WordPress utilizzando l'opzione immagine in primo piano nella schermata di modifica del post di WordPress. L'unico problema è che a volte dovrai aggiungere codice CSS e php che può essere una sfida che richiede tempo.

Un modo più semplice per aggiungere un'immagine di intestazione diversa in WordPress è installare un plug-in denominato Intestazioni dinamiche. È un plug-in gratuito che ti consente di gestire quale supporto di intestazione viene mostrato su ogni pagina/post. Le intestazioni dinamiche consentono inoltre di aggiungere un tipo di file che include i file flash.

Il plug-in dell'immagine di intestazione dinamica offre anche:

  • Possibilità di aggiungere collegamenti a diverse immagini di intestazione
  • Compatibilità per il tema Twenty
  • Funziona con diversi browser
  • Rotazione delle immagini di intestazione su diverse pagine e post
  • Tipi di file consentiti: .jpg, .jpeg, .gif, .png, .swf

Se non hai ancora un'immagine di intestazione, troverai utile questo tutorial su come creare un'intestazione per WordPress.

Plugin di intestazione dinamica

Ecco alcune importanti istruzioni dallo sviluppatore del plug-in prima di caricare le immagini dell'intestazione. Dovrai creare una nuova cartella sul tuo server web e aggiungere del codice php al file header.php del tuo tema.

Descrizione : Questo plugin ti permetterà di caricare vari tipi di media (file jpg, gif, png e Flash) da usare come intestazioni nel tuo sito.

Puoi assegnare diverse intestazioni di diversi tipi di file da utilizzare su diversi post/pagine.

Puoi anche impostare un'intestazione predefinita da utilizzare su post/pagine che non hanno un'intestazione impostata.

1. Dopo aver installato il plugin dovrai creare una cartella chiamata header-images nella tua cartella wp-content (/wp-content/header-images/). Dovrai rendere scrivibile questa cartella. Se non sei sicuro su come farlo, consulta la tua società di hosting, i file della guida per il tuo hosting, la documentazione del tuo client FTP, ecc. Questo processo può variare da server a server.

Se la directory non è scrivibile, dovresti visualizzare un messaggio di errore nella parte superiore delle pagine di amministrazione del plugin.

2. Carica il supporto (utilizzando i tipi di file sopra elencati) nella pagina Aggiungi nuovo file .

3. Vai alla pagina delle impostazioni (creata nel menu Intestazioni creato dal plug-in). e imposta l'immagine di intestazione predefinita. Se non imposti un'immagine di intestazione predefinita, non verrà mostrato alcun supporto per i post e le pagine a cui non è associata un'immagine di intestazione.

In alternativa, puoi anche aggiungere immagini alla directory /wp-content/header-images/ usando il tuo client FTP o un altro file manager.

4. Crea o modifica un post o una pagina e nella parte inferiore della pagina vedrai un nuovo riquadro chiamato "Intestazione dinamica di Nicasio Design". Seleziona dal menu a discesa uno dei tuoi file multimediali caricati. Questo supporto verrà mostrato solo sulla pagina o sui post in cui lo hai impostato per apparire.

5. ESEGUIRE IL BACKUP DELLA DIRECTORY DEL TEMA PRIMA DI EFFETTUARE QUALSIASI MODIFICHE A QUALSIASI FILE DEL TEMA

6. Ora dovrai aggiungere il tag template creato dal plugin al tuo file del tema dove vuoi che appaia la tua intestazione dinamica (questo di solito sarà in wp-content/themes/your-theme-name/header.php).

Hai 2 opzioni per aggiungere la tua intestazione dinamica:

Opzione 1 (consigliata): trascina semplicemente questa riga di codice nel file del tema che controlla l'intestazione (di solito header.php)

Nota: la posizione in cui aggiungere questo codice può variare notevolmente da tema a tema e, a seconda delle impostazioni CSS del tuo tema, potresti dover utilizzare l'opzione 2 e modificare il CSS del tuo tema **BACKUP DI TUTTI I FILE DEL TEMA PRIMA DI MODIFICARE**

 <?php if(function_exists('show_media_header')){ show_media_header(); } ?>

Questo determinerà automaticamente il tipo di supporto che stai utilizzando e genererà il codice appropriato per inserirlo. Nessun'altra codifica è richiesta da parte tua.

Opzione 2: puoi utilizzare questa riga di codice per ottenere semplicemente l'URL del supporto per un determinato post o pagina. Ciò ti consentirà di fare alcune cose più avanzate e di incorporare i media da solo se sai cosa stai facendo.

 <?php if(function_exists('dh_get_page_image_url')){ $dynamic_header_url = dh_get_page_image_url(); } ?>

Puoi quindi utilizzare la variabile $dynamic_header_url come meglio credi. Conterrà il percorso completo del file multimediale per quella particolare pagina/post, incluso qualsiasi supporto predefinito che dovrebbe essere mostrato.

Si consiglia alla maggior parte degli utenti di utilizzare semplicemente l'opzione 1, se possibile, poiché è molto più semplice.

Nota: questa funzione può restituire NULL o la stringa 'None' se non ci sono intestazioni per la pagina corrente. Intestazione dinamica di origine

Aggiunta di nuove immagini di intestazione

Dopo aver seguito le indicazioni dell'utente e aver impostato una nuova cartella di immagini di intestazione sul server, puoi caricare una nuova immagine di intestazione nella schermata Aggiungi nuovo file .

Dynamic Headers - Add New Media File

Dopo aver caricato l'immagine dell'intestazione, puoi andare a qualsiasi schermata di modifica del post o della pagina, scorrere fino alla fine della pagina e selezionare l'immagine dell'intestazione che desideri utilizzare per quella pagina o post univoci.

Select Header Image

Gestisci i file di immagine di intestazione

Qui puoi eliminare i file di immagine dell'intestazione, modificare i file selezionando l'immagine dell'intestazione che desideri modificare e modificare l'URL del collegamento e il testo alternativo. Questo è tutto per questo schermo.

Dynamic Headers-Manage Files

Impostazioni dell'immagine di intestazione

Ci sono 2 impostazioni principali in questa pagina.

Supporto di intestazione predefinito

Se non imposti un'intestazione predefinita, nessuna verrà mostrata nelle pagine in cui non è impostata. Selezionando Random Media verrà visualizzato in modo casuale uno dei tuoi file multimediali su pagine a cui non è associata un'intestazione.

Intestazione della pagina del blog

La pagina del blog è la home page predefinita di WordPress. È la pagina che mostra i tuoi ultimi post. L'intestazione della pagina del blog deve essere gestita separatamente. Seleziona il supporto da utilizzare nella pagina del blog con questo menu a discesa.

Header Images Settings Page

Conclusione

Ottimo plug-in per aggiungere e utilizzare diverse immagini di intestazione su pagine e post specifici in WordPress. Se sei un principiante totale, potresti dover chiedere al tuo host web di creare una nuova directory di cartelle di file sul tuo server per le tue immagini di intestazione e assicurarti che sia scrivibile. E dovrai anche aggiungere il codice php al file header.php del tuo tema.

Hai trovato un altro modo per aggiungere diverse immagini di intestazione su pagine e post specifici in WordPress?