Bagaimana cara memasukkan logo di header?

9

Saya cukup baru di dunia WordPress (saya berasal dari Joomla)

Saya menemukan beberapa kesulitan untuk memasukkan logo ke situs pengujian WordPress ini: http://onofri.org/example/

Saya ingin meletakkan logo saya di header situs web, alih-alih teks "CONTOH".

Melihat ke panel konfigurasi WordPress saya tidak menemukan di mana saya dapat mengunggah logo dan secara otomatis meletakkannya teks "CONTOH" di header (saya tidak tahu apakah ini adalah fungsi standar WordPress seperti di Joomla atau jika itu adalah fitur yang dapat disediakan oleh beberapa tema tertentu atau jika saya harus memasukkannya langsung ke dalam kode)

Namun saya tidak menemukannya bahkan dalam pengaturan tema saya.

Apa yang harus saya lakukan untuk menaruh logo saya? Apakah saya harus memasukkannya langsung ke kode HTML saya?

AndreaNobili
sumber

Jawaban:

14

Cobalah sedikit memodifikasi bagian tajuk untuk memenuhi standar. Inilah kode Anda saat ini:

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

Inilah cara Anda dapat memodifikasi beberapa hal:

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

Hanya ada 3 langkah sekarang:

  • Alih-alih menggunakan pengaturan gambar tajuk tema default, Anda dapat mengedit tema Anda header.phpdengan kode yang diberikan di atas.
  • Alih-alih menyisipkan gambar dari Add New Media, Anda dapat mengunggah gambar melalui cPanel (Panel Kontrol host web Anda) ke dalam sub-folder folder tema yang bernama 'gambar' .
  • Dan alih-alih membuat gambar besar dengan latar belakang untuk logo Anda, coba buat logo latar belakang sederhana di Photoshop (atau perangkat lunak grafis apa pun) - dalam hal Photoshop, lakukan saja: setelah menempatkan gambar logo dalam sebuah layer, hapus saja lapisan latar belakang dan kemudian simpan gambar untuk web (File> Save for web ... [ Ctrl+ Alt+ Shift+ S]) dan pilih format PNG-24 untuk hasil yang baik. Kemudian simpan sebagai logo.pngdan letakkan di folder '/ wp-content / themes / simplemarket / images /'.

Semoga Anda mendapatkan sisanya. Jika ada pertanyaan, silakan berkomentar di bawah ini.

Mayeenul Islam
sumber
2

Jika ada fungsi "logo", itu akan menjadi bagian dari tema. Mungkin opsi tema atau bagian dari sistem penyesuaian tema .

Saya biasanya menggunakan Header Kustom untuk melakukan ini untuk situs komersial, meskipun header khusus tidak khusus untuk logo. Ini adalah fungsi generik "gambar header".

Singkatnya, ini tergantung pada temanya. Jika itu adalah tema yang Anda buat, Anda dapat mengedit tema untuk menambahkannya. Lihat artikel Codex yang sudah direferensikan.

s_ha_dum
sumber
2

Untuk mengubah gambar header, buka panel admin wordpress Anda. Di menu tampilan klik tajuk dan di sana Anda akan menemukan opsi untuk mengunggah gambar tajuk dan Teks untuk muncul di tajuk.

Jika tidak ditampilkan maka Anda harus mengedit file tajuk dan menyisipkan kode berikut di tajuk Anda jika belum ada.

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