Come inserire un logo nell'intestazione?

Sono abbastanza nuovo nel mondo di WordPress (vengo da Joomla)

Sto riscontrando alcune difficoltà nell'inserimento di un logo in questo sito di test di WordPress: http://onofri.org/example/

Voglio mettere il mio logo nell'intestazione del sito Web, anziché il testo "ESEMPIO".

Guardando nel pannello di configurazione di WordPress non trovo dove posso caricare il logo e metterlo automaticamente al posto del testo "ESEMPIO" nell'intestazione (non so se si tratta di una funzione WordPress standard come in Joomla o se è un funzionalità che può essere resa disponibile da alcuni temi specifici o se devo inserirlo direttamente nel codice)

Tuttavia non lo trovo nemmeno nelle impostazioni del mio tema.

Cosa devo fare per mettere il mio logo? Devo inserirlo direttamente nel mio codice HTML?

Prova a modificare un po 'la sezione dell'intestazione per renderla conforme agli standard. Ecco il tuo codice in questo momento:

<div id="header-image">
   <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>

Ecco come è possibile modificare le cose:

<div id="header-image">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="HERE" height="HERE" />
    </a>
</div>

Ora ci sono solo 3 passaggi:

• Invece di utilizzare le impostazioni dell'immagine dell'intestazione predefinita del tema, puoi modificare il tema header.phpcon il codice indicato sopra.
• Invece di inserire un'immagine da Aggiungi nuovi media, è possibile caricare l'immagine tramite cPanel (Pannello di controllo dell'host Web) nella sottocartella della cartella del tema denominata "immagini" .
• E invece di creare un'immagine enorme con lo sfondo per il tuo logo, prova a creare un semplice logo senza sfondo in Photoshop (o qualsiasi software di grafica) - nel caso di Photoshop, fallo e basta: dopo aver posizionato l'immagine del logo in un livello, basta eliminare il livello di sfondo e quindi salvare l'immagine per il web (File> Salva per il web ... [ Ctrl+ Alt+ Shift+ S]) e scegliere il formato PNG-24 per un buon risultato. Quindi salvalo come logo.pnge posizionalo nella cartella '/ wp-content / themes / simplemarket / images /'.

Spero che tu ottenga il resto. Per qualsiasi domanda, non esitate a commentare qui sotto.

Se esiste una funzionalità "logo", farà parte del tema. Forse un'opzione di tema o parte del sistema di personalizzazione del tema .

Io di solito uso un intestazione personalizzata per fare questo per i siti commerciali, anche se un header personalizzato, non è specifico per un logo. È una funzione generica "immagine di intestazione".

In breve, questo dipende dal tema. Se è un tema che stai creando, puoi modificarlo per aggiungerlo. Vedi gli articoli del Codex già citati.

Per cambiare l'immagine dell'intestazione vai al pannello di amministrazione del tuo wordpress. Nel menu aspetto fai clic sull'intestazione e troverai l'opzione per caricare l'immagine dell'intestazione e il testo da visualizzare nell'intestazione.

Se non viene visualizzato, è necessario modificare il file di intestazione e inserire il seguente codice nell'intestazione, se non esiste già.

<?php $header_image = get_header_image();
    if ( ! empty( $header_image ) ) : ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>