Cum să inserezi un logo în antet?

Question

Cum să inserezi un logo în antet?

26 iun. 2013, 18:03:04

Vizualizări: 114K

Voturi: 10

Sunt destul de nou în lumea WordPress (vin din Joomla)

Întâmpin câteva dificultăți în inserarea unui logo pe acest site de test WordPress: http://onofri.org/example/

Vreau să pun logo-ul meu în antetul site-ului, în locul textului "EXAMPLE".

Căutând în panoul de configurare WordPress nu găsesc unde pot încărca logo-ul și să-l pun automat în locul textului "EXAMPLE" din antet (nu știu dacă aceasta este o funcție standard WordPress ca în Joomla sau dacă este o caracteristică ce poate fi disponibilă prin anumite teme specifice sau dacă trebuie să-l inserez direct în cod)

Oricum, nu îl găsesc nici în setările temei mele.

Ce trebuie să fac pentru a pune logo-ul meu? Trebuie să-l inserez direct în codul HTML?

AndreaNobili

878

dezvoltare teme teme șabloane logo

Toate răspunsurile la întrebare

Dacă există o funcționalitate pentru "logo", aceasta va face parte din temă. Poate fi o opțiune a temei sau parte din sistemul de personalizare a temei.

Eu folosesc de obicei un Antet Personalizat pentru aceasta pe site-urile comerciale, deși un antet personalizat nu este specific pentru un logo. Este o funcție generică de "imagine pentru antet".

Pe scurt, acest lucru depinde de temă. Dacă este o temă pe care o creezi, poți edita tema pentru a o adăuga. Vezi articolele din Codex deja menționate.

s_ha_dum

65.5K

26 iun. 2013 18:11:53

Pentru a schimba imaginea antetului, accesează panoul de administrare WordPress. În meniul Aspect, dă clic pe Antet și acolo vei găsi opțiunea de a încărca imaginea antetului și Textul care va apărea în antet.

Dacă nu apare, va trebui să editezi fișierul antetului și să inserezi următorul cod în antet, dacă nu există deja.

   <?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>
    <?php endif; ?>

Yamu

309

27 iun. 2013 08:24:50

Mayeenul Islam 12.9K · Accepted Answer · 2013-06-27T08:11:24Z

Încearcă să modifici puțin secțiunea de header pentru a respecta standardele. Iată cum arată codul tău acum:

<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>

Iată cum poți modifica lucrurile:

<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>

Acum sunt doar 3 pași:

În loc să folosești setările implicite pentru imaginea de header din temă, poți edita fișierul header.php al temei cu codul dat mai sus.
În loc să introduci imaginea prin Adăugare Media Nouă, poți încărca imaginea prin cPanel (Panoul de control al furnizorului tău de hosting) în subdirectorul temei numit 'images'.
Și în loc să creezi o imagine mare cu fundal pentru logo-ul tău, încearcă să creezi un logo simplu fără fundal în Photoshop (sau orice alt software grafic) - în cazul Photoshop-ului, pur și simplu fă asta: după ce ai plasat imaginea logo-ului într-un strat, șterge stratul de fundal și apoi salvează imaginea pentru web (File > Save for web... [Ctrl + Alt + Shift + S]) și alege formatul PNG-24 pentru un rezultat bun. Apoi salvează-l ca logo.png și plasează-l în directorul '/wp-content/themes/simplemarket/images/'.

Sper că ai înțeles restul. Dacă ai întrebări, te rog să comentezi aici dedesubt.