Bagaimana cara menerapkan header WordPress yang berbeda per halaman?

Diterbitkan: 2022-09-12

Header yang layak di situs WordPress sangat penting karena segera menarik perhatian pengunjung ke situs Anda dan, jika dilakukan dengan baik, dapat meningkatkan seluruh pengalaman mereka. Namun, semakin banyak pemilik toko yang kurang fokus pada tajuk halaman umum dan lebih banyak pada tajuk unik milik mereka. Meskipun mungkin tampak menakutkan pada awalnya, dengan panduan kami, Anda akan menyelesaikannya dalam beberapa menit.

Pada artikel ini, kita akan membahas secara spesifik bagaimana menerapkan header WordPress yang berbeda per halaman untuk toko online Anda.

Daftar isi
[Tunjukan Sembunyikan]
  1. Mengapa toko Anda membutuhkan header WordPress yang berbeda per halaman?
  2. Cara menerapkan Header Berbeda WordPress Per Halaman: 3 Metode Mudah
    1. 1. Menggunakan Pembuat Tema
      1. Langkah 1: Aktifkan Header Halaman
      2. Langkah 2: Sesuaikan Header Halaman
      3. Langkah 3: Publikasikan untuk menyimpan apa yang telah Anda lakukan.
    2. 2. Mengadopsi plugin
      1. Langkah 1: Mengunduh "Header Unik"
      2. Langkah 2: Gunakan plugin
    3. 3. Metode Manual
  3. Kesimpulan

Mengapa toko Anda membutuhkan header WordPress yang berbeda per halaman?

Header berbeda WordPress per halaman adalah fitur yang memungkinkan pengguna untuk menyesuaikan header agar berbeda dari halaman lain. Header unik yang berhasil melakukan tugasnya tidak hanya akan membagi halaman menjadi beberapa bagian, tetapi juga akan menarik perhatian pada kualitas khusus halaman tersebut.

Itulah mengapa sangat penting bagi situs WordPress Anda untuk menampilkan header yang unik. Selain itu, Anda dapat menyesuaikan pengalaman Anda dengan memberi setiap halaman tajuk yang unik. Anda dapat mengubah kata-kata dan logo tajuk agar lebih menarik bagi audiens Anda dan membuat kesan pertama yang solid di setiap halaman.

Meskipun dapat memakan waktu lama untuk mempersonalisasi header WordPress yang berbeda per halaman, sering kali memberikan hasil yang signifikan. Dari perspektif pelanggan, ini memungkinkan mereka untuk mengetahui lebih banyak tentang Anda dan tujuan setiap halaman, dan menemukan materi spesifik yang mereka cari dengan sedikit usaha. Itu juga dapat membuat nama merek yang menarik, menyatukan halaman penjualan, dan menggunakan header WordPress yang unik di setiap halaman saluran penjualan Anda untuk meningkatkan konversi.

Membuat header kustom WordPress yang unik untuk setiap halaman situs tampaknya merupakan pekerjaan yang sulit. Namun, dengan petunjuk langkah demi langkah kami, itu pasti tidak akan terjadi. Bahkan, dengan pendekatan tertentu, semuanya semudah beberapa klik.

Cara menerapkan Header Berbeda WordPress Per Halaman: 3 Metode Mudah

Bahkan sebelum melompat untuk membuat header, memilih desain header untuk digunakan adalah langkah pertama yang penting. Lihatlah panduan dan saran berikut untuk membuat header WordPress profesional:

  • Rancang judul, deskripsi, dan logo situs.
  • Kompatibel dengan ukuran layar apa pun
  • Pilih gambar yang sesuai dengan estetika merek Anda dan setiap halaman.
  • Jika Anda bisa, gunakan foto-foto yang Anda ambil sendiri untuk membangkitkan rasa keaslian.

Sekarang, mari kita mulai menerapkan header WordPress yang berbeda per halaman. Di bawah ini adalah 3 pendekatan sederhana (dari yang paling mudah hingga yang paling sulit) untuk membuat header unik untuk setiap halaman di WordPress:

  • Menggunakan Pembuat Tema
  • Mengadopsi plugin
  • Metode Manual
cara-menerapkan-wordpress-berbeda-tajuk-per-halaman-1

1. Menggunakan Pembuat Tema

Untuk sebagian besar bisnis online di WordPress, pemilik sering menggunakan Pembuat Tema untuk mendapatkan beberapa keuntungan bawaan utama dari tema tersebut. Beberapa pembuat tema paling populer adalah WooCommerce (termasuk Woostify), Seed Prod, Template Toaster,… Oleh karena itu, biasanya menyertakan fitur untuk membuat header WordPress yang berbeda per halaman.

Pada artikel ini, kita akan mengambil tema Woostify sebagai contoh. Namun, jika Anda menggunakan tema lain, pasti akan mirip dengan ini, dan Anda selalu dapat menemukan petunjuk di tutorial Tema mereka.

Langkah 1: Aktifkan Header Halaman

Jika Anda pergi ke dashboard Anda dan klik pada Appearance > Customize > Layout > Page Header , sebuah jendela baru akan muncul, seperti yang ditunjukkan di bawah ini.

cara-menerapkan-wordpress-berbeda-tajuk-per-halaman-2

Langkah 2: Sesuaikan Header Halaman

Untuk mengubah tampilan header halaman Anda dengan cepat, cukup gunakan menu tarik-turun untuk memilih nilai baru untuk opsi tampilan, judul, perataan teks, warna latar belakang, gambar,…

bagaimana-untuk-menerapkan-wordpress-berbeda-tajuk-per-halaman-3

Langkah 3: Publikasikan untuk menyimpan apa yang telah Anda lakukan.

Langkah selanjutnya adalah memperbarui modifikasi Anda. Jika Anda ingin memperbarui tajuk setiap halaman di situs Anda, cukup ikuti langkah-langkah di atas, lalu navigasikan ke Halaman > Semua Halaman > Tonton di dasbor.

Terakhir, temukan area header Halaman di bawah Pengaturan halaman di bilah sisi kanan. Anda sekarang dapat menggunakan opsi penyesuai yang sama dengan yang Anda lakukan di halaman lain. Anda juga dapat menyembunyikan judul halaman di WordPress.

2. Mengadopsi plugin

Plugin WordPress juga memungkinkan header unik untuk ditampilkan di setiap halaman. Unique Header, WP Display Header, Featured Header Images, dan masih banyak lagi hanyalah beberapa contoh dari banyak plugin WordPress yang tersedia.

Plugin banyak digunakan karena mereka sering membawa fungsionalitas khusus. Dengan menggunakan ekstensi ini, Anda dapat dengan cepat dan mudah menambahkan tajuk baru ke situs Anda, dan ke setiap halaman. Pengaturan dan aktivasi plugin biasanya membuat prosesnya menjadi sederhana: Dalam waktu kurang dari dua menit, Anda akan selesai.

Dalam artikel kami, kami akan menggunakan plugin bernama “Unique Header“. Dengan plugin ini, kotak gambar header tambahan akan muncul saat Anda mengedit posting atau halaman. Anda dapat memiliki opsi untuk menggunakan tajuk yang sama di seluruh situs atau yang berbeda di setiap halaman saat mengedit halaman yang berbeda juga.

Langkah 1: Mengunduh "Header Unik"

Pertama, Anda perlu mengunduh plugin terlebih dahulu. Buka Plugins > Add New > Search for “ Unique Header ” (atau plugin header apa pun yang ingin Anda dapatkan). Klik “ Unduh ” dan “ Aktifkan ” setelahnya untuk dapat menggunakannya.

bagaimana-untuk-menerapkan-wordpress-berbeda-tajuk-per-halaman-3

Langkah 2: Gunakan plugin

Setelah Anda mengaktifkan plugin, cukup klik " Set Custom Header Image " di sudut kanan bawah layar. Sekarang, Anda dapat mengunggah gambar khusus, dan selesai.

​​

Akhirnya, tajuk akan seperti ini di ujung depan Anda.

cara-menerapkan-wordpress-berbeda-tajuk-per-halaman-4

3. Metode Manual

Di WordPress, header dapat dimodifikasi melalui kode. Meskipun ini adalah salah satu fitur yang berbeda dari WordPress, tidak banyak orang yang dapat melakukan ini karena memerlukan pengetahuan tentang pengkodean. Dengan demikian, pengguna tanpa latar belakang teknis harus menghindari strategi ini. Mengedit file tema secara langsung tidak disarankan, karena bahkan kesalahan kecil dapat menyebabkan masalah serius pada situs web Anda.

Di bawah Appearance > Theme File Editor di dashboard WordPress, Anda akan menemukan file header untuk tema Anda. Buka file template style.css dan edit header. Kemudian, ganti kode header di dalam file template halaman (page.php, misalnya) seperti di bawah ini. Ini memungkinkan Anda untuk mereferensikan tajuk WordPress unik di beberapa halaman.

 <?php if(is_page(about)) { get_header('about'); } else { get_header(); } wp_head(); ?>

Seperti yang Anda lihat, fungsi "is_page" digunakan untuk menentukan apakah halaman saat ini adalah halaman " tentang ", kode sebelumnya hanya akan menginstruksikan WordPress untuk menggunakan file header-about.php. Jika tidak, WordPress akan menggunakan file header default. Di sana, Anda dapat mengubah tampilan situs dengan menyisipkan atau menghapus kode di Header Situs.

Kesimpulan

Pada artikel ini, kami telah menunjukkan kepada Anda bagaimana menerapkan header WordPress yang berbeda per halaman dalam beberapa langkah mudah. Anda dapat tetap up-to-date dan menjadi yang terdepan dalam bisnis online Anda dan melihat lebih banyak tutorial cara seperti ini dengan berlangganan daftar email kami.