Dalam video di bawah ini, saya akan menunjukkan cara untuk menyesuaikan header menggunakan beberapa metode yang berbeda. Pilih salah satu yang terbaik tergantung pada tema.
Jika Anda lebih suka membaca tutorial, saya telah diringkas isi di bawah video.
Header Widget
Beberapa tema seperti tema Lifestyle Kejadian , datang dengan widget. Jadi ketika Anda pergi ke Widget >> Penampilan dari panel admin, melihat apakah tema Anda sudah memiliki widget untuk header.Sekarang Anda hanya dapat menarik salah satu widget yang tersedia untuk daerah itu dan menyesuaikan bagian tersebut.
Misalnya, jika Anda ingin menambahkan unit AdSense ke header Anda, Anda hanya akan menyeret widget Teks ke widget di sebelah kanan dan kemudian paste kode AdSense ke dalam tempat yang disediakan.
Hooks
Tema seperti Kejadian dan Tesis memiliki plugin kait gratis (bernama Kait Sederhana dan Hook Tesis Buka masing-masing). Ketika Anda menginstal plugin ini, kini Anda dapat memutakhirkan setiap bagian dari situs WordPress Anda hanya dengan menambahkan teks ke bagian yang sesuai.Jadi misalnya, jika Anda ingin menambahkan sesuatu ke header dengan Kejadian, bukan manual mengedit file header.php, Anda cukup menambahkan teks kustom Anda / kode ke kotak kail yang sesuai.
Upload dan Ganti
Tema paling hari ini memiliki bagian bagi Anda untuk meng-upload dan mengganti header yang ada. Anda biasanya dapat menemukan opsi ini di bawah tab Appearance di Wordpress atau di tab dibuat menurut tema Anda (jika berlaku).
Pastikan untuk menonton video di bagian atas halaman untuk belajar cara membuat gambar kustom jika Anda belum melakukannya.
Juga, inilah video lain yang menunjukkan cara untuk membuat header, potret ramping untuk situs Anda menggunakan Photoshop . Anda juga dapat menerapkan pelajaran yang Paint.net (gratis).
Menambah Elemen untuk header Anda
Jika Anda ingin menambahkan unsur lain ke header yang ada seperti kode AdSense, spanduk, media sosial ikon, dll, dan Anda tidak memiliki plugin kait seperti Kejadian atau Skripsi, Anda harus melakukan bagian dari manual.Sebagaimana dijelaskan dalam video di atas, pertama membuat sebuah ID dalam file style.css Anda untuk memberitahu browser mana untuk menampilkan elemen.
Jadi ID Anda mungkin terlihat seperti ini.
# AdsenseCode {
position: absolute; top: 10px; kanan: 25px;
}
Ini memberitahu browser untuk menampilkan elemen tepat 10 pixel dari atas dari elemen dan 25 pixel ke kanan.
Sekarang, penting untuk dicatat bahwa setiap kali Anda menggunakan
position: absolute; tag, selalu pastikan bahwa wadah sekitarnya (dalam
hal ini, header) memiliki baris berikut ... position: relative;
Jadi Anda harus menemukan gaya # header di file style.css Anda dan pastikan bahwa ia memiliki position: relative; sebagai salah satu atribut. Jika tidak, silakan menambahkannya atau ini tidak akan bekerja.
1) Sekarang buka file header.php yang terletak di bagian >> Penampilan Editor, dan mencari id="header"> tag <div. Jadi Anda harus menemukan gaya # header di file style.css Anda dan pastikan bahwa ia memiliki position: relative; sebagai salah satu atribut. Jika tidak, silakan menambahkannya atau ini tidak akan bekerja.
2) Paste kode untuk banner AdSense Anda atau apapun yang Anda ingin memasukkan sini setelah tag ini.
Tidak peduli di mana Anda sisipkan di dalam tag karena Anda sudah memberitahu browser untuk posisi itu benar-benar dengan menggunakan koordinat tersebut dalam file style.css. Pastikan Anda berada di dalam tag id="header"> <div.
Ingat, jika tema Anda memiliki plugin kail maka anda dapat melewati bagian ini. Cukup membuat ID Anda dalam file style.css sehingga browser tahu di mana harus menempatkan elemen. Sekarang Anda dapat menyisipkan kode Anda di kotak "header" dari plugin.
Jika Anda suka ini, silakan berbagi. Terima kasih!
Tidak ada komentar:
Posting Komentar