Daftar isi
Anda dapat setuju dengan kami bahwa tidak ada situs web yang lengkap tanpa tajuk. Tahukah Anda bahwa Anda memiliki dua opsi berbeda untuk membuat tajuk di WordPress? Dalam tutorial ini kami akan menjelaskan perbedaan individu.
Gambar Header asli
Header WordPress klasik seperti yang Anda tahu digunakan di semua halaman berbeda. Ini biasanya kotak persegi panjang lebar dari sisi ke sisi. Di dalamnya terdapat logo atau nama website, tagline dan item menu. Anda juga dapat menyisipkan gambar latar belakang yang disebut gambar header. Gambar tajuk sangat bagus untuk menarik perhatian pengunjung dan untuk menciptakan tampilan & nuansa situs web secara keseluruhan. Terserah Anda untuk memutuskan apakah Anda menggunakan gambar header yang tersembunyi atau gambar dominan yang akan memusatkan perhatian pengunjung ke navigasi situs web.
Cara mengedit header di WordPress Customizer
Secara default, gambar header dapat diubah melalui WordPress Customizer. Anda dapat mengaksesnya dari admin WordPress dan dari situs web Anda:
- Langsung dari WP admin, navigasikan saja ke Penampilan -> Sesuaikan
- Di frontend, jika Anda masuk, klik "Sesuaikan" di bilah atas
Penyesuai mencakup semua pengaturan tampilan dasar dari tema Anda yang sedang aktif. Oleh karena itu di mana menemukan pengaturan gambar header tergantung pada tema aktif Anda. Dalam tema Citadela Anda dapat menambahkan dan mengedit gambar header Menyesuaikan –> Penampilan –> Latar Belakang Tajuk.
Pengaturan gambar tajuk
Apa pun gambar header yang Anda pilih, Anda dapat mengonfigurasinya sesuai kebutuhan. Efek menarik dapat dicapai dengan menggunakan "Header Image Repeat". Anda dapat mengonfigurasi opsi berikut:
- Ubin
- Ubin Secara Horizontal
- Ubin Secara Vertikal
- No Repeat (jika tidak ingin mengulang gambar)
Pengaturan lain di WordPress – Ukuran gambar header
Pilihan lain cara mengedit tajuk dan menyesuaikan gambar adalah mengatur ukuran yang sesuai. Ukuran gambar header memiliki tiga opsi berikut:
- Asli – itu akan menjaga ukuran gambar asli
- Menutupi – gambar yang diunggah akan diubah ukurannya agar pas dari sisi ke sisi, gambar juga bisa dipotong agar pas
- Berisi – ukuran gambar header akan disesuaikan sedemikian rupa, sehingga seluruh gambar akan terlihat
Anda juga dapat mengatur posisi gambar di dalam header dan mengatur fiksasi latar belakang.
Blok penutup yang berfungsi sebagai tajuk
Seperti yang sudah kami sebutkan di awal artikel ini, ada beberapa cara untuk mengedit header di editor WordPress. Selain menggunakan Customizer, Anda juga dapat menggunakan salah satu blok inti WordPress yang disebut Blok penutup. Jadi apa bedanya?
Header klasik yang dibuat dengan Customizer berhubungan dengan keseluruhan situs web, sedangkan blok Cover memungkinkan Anda untuk menambahkan gambar sampul yang pada dasarnya berfungsi sebagai gambar header ke halaman atau postingan mana pun. Anda bahkan dapat menggunakannya beberapa kali pada satu halaman atau posting dengan pengaturan yang berbeda.
Di mana menggunakan Blok penutup
Blok penutup memiliki aplikasi yang lebih luas di seluruh situs web dibandingkan dengan tajuk situs web klasik. Blok sampul menambahkan gambar judul lebar penuh ke dalam konten. Anda dapat menggunakannya untuk memisahkan konten secara visual di posting blog. Setiap bagian posting akan mendapatkan gambar tajuknya sendiri yang dapat dihubungkan ke konten berikut. Fitur hebatnya adalah Anda dapat menulis teks tepat di dalam blok Sampul. Teks ini akan ditampilkan di atas gambar.
Tajuk beranda
Blok penutup juga dapat digunakan sebagai pengganti tajuk situs web jika Anda ingin mendapatkan tampilan asli. Karena Blok penutup menyediakan berbagai opsi perataan, Anda dapat mengaturnya ke lebar konten atau menjadikannya lebar penuh. Header lebar penuh juga dapat digunakan sebagai gambar latar belakang yang besar. Tapi jangan lupa mematikan judul Halaman di tema Citadela. Langkah ini diperlukan jika Anda ingin menggunakan Blok sampul sebagai tajuk situs web.
Cara membuat header menggunakan blok Cover
Sebagai hal pertama yang Anda butuhkan untuk menambahkan blok Cover. Anda dapat menambahkannya ke halaman mana saja atau memposting dengan cara berikut:
Klik tanda “+” di bilah atas atau tanda “+” di mana saja di konten. Setelah itu cukup cari blok Cover.
Cara cepat lainnya adalah dengan menambahkan blok menggunakan “/” mengikuti nama blok.
Setelah menambahkan blok Sampul, Anda akan mendapatkan ruang untuk mengunggah gambar atau video. Anda juga dapat memilih gambar dari perpustakaan Media. Gambar atau video yang dipilih akan digunakan sebagai header.
Judul tajuk
Hal yang menarik dengan menambahkan header menggunakan blok Cover adalah, Anda dapat menulis judul teks di atas gambar. Judul ini juga bisa digunakan sebagai tajuk untuk bagian, misalnya di posting blog. Dimungkinkan juga untuk menambahkan URL apa pun di sana.
Menyelaraskan blok Penutup
Blok penutup dapat disejajarkan menggunakan bilah alat blok. Itu dapat disejajarkan dalam area konten ke kiri, kanan atau tengah. Itu juga dapat diatur sebagai lebar atau lebar penuh. Opsi ini harus didukung oleh tema aktif yang Anda gunakan untuk membangun situs web Anda.
Tutup pengaturan gambar
Tampilan gambar sampul dapat dimodifikasi di Inspektur. Jika Anda menyetelnya sebagai latar belakang tetap, gambar tidak akan bergulir dengan konten lainnya di halaman Anda, tetapi akan tetap di tempatnya sepanjang waktu.
Menggunakan Focal Point Picker Anda dapat memilih bagian mana dari gambar yang akan ditampilkan di header. Anda dapat bekerja dengan gambar lebih jauh. Misalnya Anda dapat mengatur warna Overlay dan opacity Background. Kedua pengaturan akan membantu Anda memberikan sentuhan akhir pada tajuk Anda. Jika Anda menggunakan Blok sampul di dalam posting blog, menggunakan skema warna dan transparansi yang benar, Anda dapat menambahkan suasana yang diinginkan ke posting Anda. Berhati-hatilah dengan pengaturan ini karena teks judul harus terlihat jelas.
Membuat tajuk video
Blok penutup juga dapat digunakan untuk memutar video di dalam header situs web Anda. Anda dapat menarik perhatian pengunjung atau mempromosikan produk atau layanan. Ada beberapa format video yang didukung, paling umum yang dapat Anda gunakan adalah .mp4.
Hebatnya adalah Anda juga dapat menulis judul di atas video, menyelaraskannya, menjadikannya lebar penuh, atau mengatur Hamparan warna. Setelan untuk Blok sampul sama untuk semua jenis media.
Apa pengalaman Anda dengan header? Sudahkah Anda mencoba Blok penutup untuk membuat tajuk? Apakah Anda lebih suka header situs web klasik menggunakan penyesuai WordPress? Beri tahu kami di komentar di bawah.