August 22
WordPress utilizza temi - simili a modelli di siti web - per visualizzare il contenuto sul suo blog e le pagine. Ciò che rende questi temi corrono sono file di template scritti in HTML e PHP. Questi file utilizzare built-in funzioni PHP chiamati "tag template" per portare nel contenuto e altre informazioni dal database in cui WordPress memorizza tutto. L'intestazione per il vostro sito web, ad esempio, esiste nel file di modello "header.php". È possibile utilizzare una combinazione di tag modello e i propri file di grafica per aggiungere un logo per tale modello di testa, che a sua volta verrà visualizzato nella parte superiore di ogni pagina del tuo sito web WordPress-based.
1 Aprire il file di modello "header.php" dalla cartella contenente tutti i file per il tema WordPress corrente. È possibile trovare questa cartella navigando alla cartella principale del tuo sito web e fare doppio clic su "wp-content" e poi "temi".
2 Inserire un tag <img> nel codice in cui si desidera che il logo da visualizzare. Si può mettere in qualsiasi punto dopo l'apertura tag <body>, ma un tag <div> con l'etichetta qualcosa come "header" o "logo" è meglio. I nomi dei tag <div> in temi variano, ma si dovrebbe essere in grado di dire il loro scopo da ciò che essi sono chiamati. Ecco un esempio:
<Div id = "heading">
<Img />
<? Php wp_nav_menu (); ?>
</ Div>
Nel codice di cui sopra, un tag <img> è stato aggiunto ad un <div> chiamato "voce", e sotto di esso è il codice per un menu WordPress.
3 Aggiungere la funzione bloginfo () per il percorso del logo all'interno del tag <img>. È possibile utilizzare bloginfo () per l'uscita il percorso dei file del tema. Il codice è simile al seguente:
<Img />
Il browser quindi vedere il percorso della cartella del tema. Se il logo si trova all'interno di una cartella denominata "images" sotto la cartella del tema, utilizzare il codice in questo modo:
<Img />
4 Avvolgere un tag di ancoraggio attorno al logo per renderlo un collegamento. Si dovrebbe collegare il logo per la home page perché gli utenti si aspettano che. Ecco il codice:
<a href="<?php bloginfo('wpurl'); ?> "> <img invece di" template_directory. " Questi parametri indicano la funzione che tipo di informazioni che si desidera visualizzare. In questo caso, "wpurl" visualizza l'URL - l'indirizzo Web - del tuo sito web WordPress-based.
5 Utilizzare bloginfo () per aggiungere qualche informazione in più al tuo logo, come ad esempio un titolo per il collegamento o il testo alternativo per gli screen reader. L'aggiunta di questa informazione è un bene per l'ottimizzazione dei motori di ricerca, o SEO, e migliorerà la vostra classifica di Google. Ecco il codice con "titolo" e gli attributi "alt", ha aggiunto:
<a href="<?php bloginfo('wpurl'); ?> "title =" <? php bloginfo ( 'name');?>? "> <img alt =" Benvenuti <? php bloginfo ( 'name' );?> "> </a>