Jak wstawić logo do nagłówka?

9

Jestem całkiem nowy w świecie WordPress (pochodzę z Joomla)

Mam trudności z wstawieniem logo na tej stronie testowej WordPress: http://onofri.org/example/

Chcę umieścić moje logo w nagłówku strony, zamiast tekstu „PRZYKŁAD”.

Przeglądając panel konfiguracji WordPress nie znajduję miejsca, w którym mogę załadować logo i automatycznie wstawić zamiast niego tekst „PRZYKŁAD” w nagłówku (nie wiem, czy jest to standardowa funkcja WordPress jak w Joomla, czy jest to funkcja, która może zostać udostępniona przez niektóre określone motywy lub jeśli muszę ją umieścić bezpośrednio w kodzie)

Jednak nie znajduję go nawet w ustawieniach motywu.

Co mam zrobić, aby umieścić moje logo? Czy muszę wstawić go bezpośrednio do mojego kodu HTML?

AndreaNobili
źródło

Odpowiedzi:

14

Spróbuj nieco zmodyfikować sekcję nagłówka, aby była zgodna ze standardami. Oto, co teraz twój kod:

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

Oto jak możesz zmodyfikować rzeczy:

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

Teraz są tylko 3 kroki:

  • Zamiast korzystać z domyślnych ustawień obrazu nagłówka motywu, możesz edytować motyw przy header.phpużyciu powyższego kodu.
  • Zamiast wstawiać obraz z Dodaj nowe media, możesz przesłać obraz za pomocą cPanel (Panel sterowania twojego hosta) do podfolderu folderu tematycznego o nazwie „obrazy” .
  • Zamiast tworzyć olbrzymi obraz z tłem dla twojego logo, spróbuj zrobić proste logo bez tła w Photoshopie (lub dowolnym oprogramowaniu graficznym) - w przypadku Photoshopa po prostu zrób to: po umieszczeniu obrazu logo w warstwie, po prostu usuń warstwę tła, a następnie zapisz obraz do Internetu (Plik> Zapisz do Internetu ... [ Ctrl+ Alt+ Shift+ S]) i wybierz format PNG-24, aby uzyskać dobry wynik. Następnie zapisz jako logo.pngi umieść w folderze „/ wp-content / themes / simplemarket / images /”.

Mam nadzieję, że dostaniesz resztę. W razie jakichkolwiek pytań prosimy o komentarz tutaj.

Mayeenul Islam
źródło
2

Jeśli istnieje funkcja „logo”, będzie ona częścią motywu. Być może opcja motywu lub część systemu dostosowywania motywu .

Zwykle używam niestandardowego nagłówka, aby to zrobić w przypadku witryn komercyjnych, chociaż niestandardowy nagłówek nie jest specjalnie przeznaczony dla logo. Jest to ogólna funkcja „obrazu nagłówka”.

Krótko mówiąc, zależy to od tematu. Jeśli tworzysz motyw, możesz go edytować, aby go dodać. Zobacz artykuły Codex już przywołane.

s_ha_dum
źródło
2

Aby zmienić obraz nagłówka, przejdź do panelu administracyjnego Wordpress. W menu wyglądu kliknij nagłówek, a tam znajdziesz opcję przesłania obrazu nagłówka i tekstu, który pojawi się w nagłówku.

Jeśli nie jest wyświetlany, musisz edytować plik nagłówka i wstawić następujący kod do nagłówka, jeśli jeszcze nie istnieje.

<?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>
Yamu
źródło