Cara Menyesuaikan Header Situs Web WordPress Anda

menyesuaikan-wordpress-header.png


Header WordPress adalah bagian paling atas, dan tidak diragukan lagi elemen visual paling penting dari sebuah blog WordPress. Karena ini adalah hal pertama yang akan dilihat pengunjung setelah memuat situs Anda, sangat penting bagi Anda untuk memberi perhatian ekstra saat menyesuaikan header.

Biasanya, tajuk WordPress menampilkan gambar atau video yang digunakan untuk menangkap perhatian pengunjung. Lebih sering daripada tidak, Anda dapat mengharapkan menu navigasi di sana juga. Karena media sosial telah menjadi populer, banyak pengguna WordPress cenderung menempatkan ikon sosial di sana juga sehingga orang lain dapat mengakses profil mereka dengan lebih cepat.

Meskipun elemen ini adalah modul standar yang dapat ditemukan di setiap situs, fitur tajuk WordPress hanya bergantung pada tema yang Anda gunakan. Meskipun sebagian besar tema gratis dan premium memungkinkan Anda menangani gambar dan video yang dapat Anda sesuaikan secara terperinci, beberapa tidak akan membiarkan Anda mengubahsuaikan header sama sekali. Mudah-mudahan, Anda telah memilih tema WordPress yang bagus dari grup pertama, dan sekarang Anda tertarik bagaimana menyesuaikan header situs web WordPress Anda. Jika tidak, Anda harus mengedit file tema. Tidak ada jalan lain.

Bagaimana cara menambahkan gambar dan video ke header WordPress

Untuk sampai ke editor, silakan buka Penampilan -> Header dari menu dashboard WordPress di sebelah kiri.

Atau, Anda dapat menemukan editor Header dari Penampilan -> Kustomisasi -> Media Header. Karena opsi tergantung pada masing-masing tema, harap perhatikan bahwa “Media Header” dapat membawa nama yang berbeda atau mungkin tidak muncul di daftar sama sekali. Untuk keperluan tutorial ini, kami akan fokus pada tema Twenty Seventeen yang hebat.

Header Media di WordPress

Hal pertama yang diperhatikan setelah mengklik tautan adalah itu WordPress membuka halaman demo situs Anda dengan semua opsi di sisi kiri. Ini memungkinkan Anda melihat perubahan pada tajuk saat Anda melakukannya. Selalu menyenangkan untuk melihat bagaimana gambar atau video baru akan memengaruhi beranda Anda bahkan sebelum Anda menyimpan pengaturan baru. Dengan pratinjau langsung, Anda dapat dengan bebas bereksperimen dengan berbagai video dan gambar tanpa memengaruhi pengunjung Anda.

Video tajuk

Video dianggap lebih penting daripada gambar. Jadi, jika Anda menambahkan satu ke tajuk Anda, itu akan menggantikan gambar yang sudah ada di sana. Anda dapat menambahkan video ke tajuk WordPress Anda dengan dua cara berbeda. Biasanya, video yang Anda tambahkan di sini akan tanpa suara karena jika tidak akan mengganggu pengunjung.

Unggah video dalam format .mp4

Untuk menggunakan video dari Perpustakaan Media atau mengunggah yang baru, Anda harus menggunakan .mp4 format. Itulah satu-satunya format yang diterima WordPress saat ini, jadi Anda harus menyesuaikannya. Karena jenis video itu bisa cukup besar, penting bagi Anda kurangi ukuran file sebanyak mungkin. Video MP4 dapat dengan mudah mendapatkan lebih dari beberapa ratus megabyte per file, dan itu sesuatu yang tidak dapat diterima untuk sebuah blog.

Ukuran video dalam piksel yang disarankan akan tergantung pada tema Anda. Dengan Twenty Seventeen, itu direkomendasikan bahwa video Anda adalah 2000 × 1200 piksel.

Jika Anda memiliki video seperti itu, klik tombol “Select video”. Kemudian pilih satu dari Perpustakaan Media Anda atau unggah video baru. Anda akan segera melihat hasilnya di halaman Anda.

Gunakan video dari Youtube:

Header Video Youtube

Menggunakan video dari Youtube jauh lebih sederhana. Setelah Anda menemukan yang Anda sukai, cukup salin dan tempel URL-nya ke dalam formulir. Segera setelah Anda menempelkan tautan, WordPress akan memuat video dan menunjukkan kepada Anda pratinjau situs Anda.

Jika Anda menggunakan video, WordPress akan menggunakan gambar header sebagai fallback.

Apa itu gambar cadangan? Sampai video dimuat, pengguna Anda secara tradisional akan melihat ruang kosong di lokasinya. Untuk menghindari itu, gambar mundur memungkinkan mereka untuk melihat gambar sebagai gantinya. Selain itu, karena tidak semua browser dapat mereproduksi video, gambar akan digunakan jika orang tidak dapat melihat video yang Anda pilih. Karena itu, bahkan jika Anda menggunakan video, sangat penting bagi Anda untuk memilih gambar tajuk untuk kasus tepi tersebut.

Gambar Tajuk

Secara default, WordPress secara otomatis menampilkan gambar header yang dapat Anda lihat Penampilan -> Header editor. Di sini, Anda dapat melihat gambar tajuk saat ini, yang sebelumnya diunggah (jika Anda belum mengunggah gambar tajuk, Anda tidak akan melihat opsi ini), dan foto yang disarankan.

Jika Anda tidak ingin memiliki gambar tajuk, cukup klik tombol “Sembunyikan Gambar”.

Untuk mengubah gambar, klik tombol “Tambah gambar baru” yang akan membuka Media Library. Di sini Anda akan dapat memilih foto yang telah Anda tambahkan ke situs Anda atau mengunggah yang baru.

Tambahkan Gambar Header baru di WordPress

Setelah memilih gambar, dimungkinkan untuk memotongnya ke dimensi yang disarankan. Jika Anda ingin gambarnya pas dengan tema Anda, kami sarankan Anda memangkasnya. Selain itu, disarankan agar gambar Anda memiliki dimensi yang sama dengan video Anda (jika Anda menggunakannya, tentu saja).

Jika ada lebih dari satu gambar yang diunggah atau disarankan, Anda dapat mengklik tombol “Acak diunggah / disarankan judul”. WordPress kemudian akan secara acak memilih satu gambar untuk tajuk Anda. Ini adalah opsi yang bagus untuk Anda yang ingin bertukar gambar setiap beberapa hari.

Jangan abaikan tajuk WordPress Anda

Baik dari perspektif visual dan fungsional, tajuk WordPress adalah fitur penting dari blog Anda. Itulah mengapa Anda tidak boleh mengabaikan desainnya. Karena tema Anda memberi Anda hak istimewa untuk menyesuaikan tajuk secara detail, gunakan opsi yang tersedia untuk mengubah video dan gambar sesuai keinginan Anda. Pengguna Anda akan senang melihat bahwa Anda telah menginvestasikan waktu dalam penyesuaian.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map