Come modificare un Header tematica

March 21

Come modificare un Header tematica


Tematica è uno dei quadri a tema più utilizzati per la pubblicazione WordPress piattaforma grazie al suo codice pulito e la facilità di personalizzazione attraverso il pannello di amministrazione tematica. Allo stesso tempo, gli sviluppatori che desiderano modificare il quadro di riferimento per i propri temi possono incorrere in alcuni blocchi stradali scoraggianti di fronte alla struttura del codice tematica. L'intestazione tematica può essere modificato come qualsiasi altro file del tema attraverso il WordPress "Aspetto> Editor" pagina nel pannello di amministrazione, ma il file contiene solo ganci tematiche piuttosto che il codice HTML previsto nell'intestazione. Per modificare il contenuto effettivo di intestazione, è necessario l'accesso al resto dei file del tema.

istruzione

1 Lanciate il vostro editor HTML o di testo preferito e cliccare su "File> Apri". Individuare la cartella del tema tematica e aprire il "Library" e cartelle "estensioni". Selezionare il file "header-extensions.php" e fare clic su "Apri". Questo file contiene il codice di intestazione reale tra le dichiarazioni di funzione tema.

2 Modificare le righe di codice all'interno dei singoli apici dopo ogni "content = $" dichiarazione. E 'estremamente importante che si lascia alle singole citazioni intatto e modificare solo il codice all'interno delle citazioni, lasciando da solo tutti gli altri elementi. Ad esempio, per cambiare il tipo di documento da XHTML 1.0 a HTML5, è necessario modificare questa riga:

$ Content = '<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'. "\ N";

Rimuovere il codice all'interno delle singole citazioni:

$ Content = ''. "\ N";

Sostituire con la dichiarazione HTML5 tipo di documento:

$ Content = '<! DOCTYPE html>'. "\ N";

3 Valutare il resto del documento per le zone di codice che potrebbe essere necessario cambiare. Ogni intestazione sezione indica ciò che la funzione si riferisce. Una modifica comune potrebbe cambiare le classi CSS intorno linee 336-390, o la disattivazione di una sezione o una linea di codice. Ad esempio, se si prevede di sostituire il menu con un copione diverso e non voleva gli script Superfish di eseguire più a lungo, commentano gli script utilizzando un

"/" e "/" prima e dopo la riga come segue:

/ * $ Script. = $ Scriptdir_start. 'hoverIntent.js'. $ Scriptdir_end. "\ N";

$scripts .= $scriptdir_start . 'superfish.js' . $scriptdir_end . "\n";

$ script. = $ scriptdir_start. 'supersubs.js'. $ Scriptdir_end. "\ N";

$ Dropdown_options = $ scriptdir_start. 'Tematico-dropdowns.js'. $ Scriptdir_end. "\ N"; * / 4 Salvare le modifiche una volta terminato. Cambiare il nome del file "header-extensions.php" sul server Web prima di caricare la versione modificata. Questo crea un fail-safe in caso una delle tue modifiche causa un problema con il sito di carico in modo corretto. Caricare il tuo file modificato e ricaricare il vostro sito per verificare le modifiche.

5 Torna al tuo pannello di amministrazione di WordPress e fare clic su "Aspetto> Editor". Per aggiungere ulteriore JavaScript, collegamento al file CSS aggiuntivi o includere qualsiasi altro codice nell'intestazione, aggiungere il codice al file "header.php" selezionandolo dalla lista dei file sul lato destro. Incollare le aggiunte appena sopra il "</ head>" tag a metà strada attraverso il documento, con collegamenti CSS primi e il codice JavaScript o link ultimo file.

6 Modificare il resto del file header.php sotto il </ head> tag come si farebbe con qualsiasi altro file del tema. È possibile aggiungere o rimuovere elementi DIV, modificare i nomi delle classi o aggiungere qualsiasi altro HTML arbitrario che si intende caricare in ogni pagina prima del contenuto.

Consigli e avvertenze

  • Utilizzare un editor HTML che i numeri di ogni linea e la colora il codice per rendere la modifica del file di intestazione-extensions.php più facile. Le righe di codice è possibile modificare sono di solito in rosso.
  • Costruire un bambino tema invece di modificare il quadro di base. Temi bambini consentono di creare un modello usando qualsiasi codice e la struttura vi piace, quindi utilizzare tematica Template ganci per tirare in funzioni a tema a tema.
  • Se qualcosa va storto, controlla l'intestazione-extensions.php per assicurarsi che non ha rimosso nulla al di fuori delle singole citazioni e ogni riga di HTML è all'interno dei singoli apici. Rimuovere eventuali spazi tra le virgolette e al codice al loro interno, se presente.