Kembali ke Dukungan Desain Situs Anda Editor Situs Sesuaikan Header Anda Menggunakan Editor Situs

Sesuaikan Header Anda Menggunakan Editor Situs

Header situs web biasanya mencakup logo, judul situs, menu navigasi, dan berbagai elemen lain. Tata letak elemen-elemen ini diatur oleh tema Anda. Lalu, bagaimana cara menyesuaikannya?

Panduan ini akan menunjukkan cara penyesuaian elemen dengan Editor Situs. Untuk mengatur ulang elemen header dengan metode yang ditunjukkan dalam panduan ini, situs Anda harus menggunakan tema yang mendukung Editor Situs.

Edit Templat Header

Untuk menyesuaikan header, Anda harus mengedit templat Header. Dengan mengedit templat ini sekali, perubahan akan diterapkan di semua halaman situs Anda. Ikuti langkah-langkah berikut untuk mengakses templat Header:

  1. Di Dasborsitus Anda, buka TampilanEditor.
  2. Klik templat saat ini di bagian tengah atas layar Anda (di sini ditunjukkan sebagai ‘Indeks’).
  3. Klik Telusuri semua templat.
  4. Di layar selanjutnya, klik Bagian Templat.
  5. Lalu, pilih Header.
Gambar yang menunjukkan templat di bagian tengah atas layar, area umum, pilihan telusuri semua templat.

Lalu:

Pilih templat - menyusun elemen header dengan FSE - WordPress.com

Sesuai dengan tema, Anda mungkin menemukan berbagai elemen di header yang sudah ditentukan. Dokumen ini membahas soal cara melakukan penambahan dan penyesuaian semua elemen header.

Tambahkan Elemen ke Header Anda

Anda dapat menambahkan banyak elemen header ke situs Anda. Dalam dokumen ini, kami menjelaskan elemen yang paling umum: logo, menu, bilah pencarian, dan menu media sosial.

Elemen 1: Logo Situs

Untuk menambahkan logo ke header Anda:

  1. Klik + tombol Penyisip Blok.
  2. Cari blok Logo Situs.
  3. Klik untuk memasukkannya.
  4. Unggah gambar logo Anda via blok.

Kemudian, Anda dapat menggunakan tombol panah navigasi kiri dan kanan untuk mengubah posisi logo sesuai elemen menu lain.

Anda lalu dapat mengubah ukuran logo dengan menyeret titik yang dipilih sampai ukurannya sesuai.

Setelah selesai, klik Simpan, dan klik Simpan lagi, pastikan bahwa kotak centang untuk templat Header sudah dicentang.

Screencast yang menunjukkan cara menambah logo dan memindahkannya dengan tombol panah di bilah peralatan.

Baca selengkapnya tentang penggunaan blok Logo Situs. Anda akan mempelajari cara memosisikan ulang, mengubah perataan, memangkas gambar, menambahkan penyaring, mengganti gambar, menerapkan berbagai gaya, dan lain-lain.

Elemen 2: Menu Situs

Untuk menambahkan menu ke Header Anda:

  1. Klik + tombol Penyisip Blok.
  2. Cari blok Navigasi.
  3. Klik untuk memasukkannya.

Setelah blok Navigasi ditambahkan ke header, Anda diberi dua pilihan:

Setelah menu siap, Anda dapat memosisikan ulang dengan tombol panah kiri dan kanan.

Jika sudah selesai, pastikan untuk mengeklik Simpan, dan klik Simpan sekali lagi, pastikan bahwa kotak centang untuk templat Header telah dicentang.

Baca selengkapnya tentang penggunaan blok Navigasi. Anda akan mempelajari cara memasukkan blok navigasi, menambahkan tautan, membuat submenu, mengubah pengaturan tautan, dan lain-lain.

Elemen 3: Bilah Pencarian

Untuk menambahkan bilah pencarian ke header Anda:

  1. Klik + tombol Penyisip Blok.
  2. Cari blok Pencarian.
  3. Klik untuk memasukkannya.

Kemudian, Anda dapat menggunakan tombol panah navigasi kiri dan kanan untuk mengubah posisi bilah pencarian sesuai elemen menu lain.

Akhirnya, Anda dapat mengubah ukuran logo dengan menyeret titik yang dipilih sampai ukurannya sesuai.

Jika sudah selesai, pastikan untuk mengeklik Simpan, dan klik Simpan sekali lagi, pastikan bahwa kotak centang untuk templat Header telah dicentang.

Screencast yang menunjukkan cara menambahkan label di kotak pencarian, menambahkan blok pencarian, dan memindah blok dengan tombol panah di bilah peralatan.

Baca selengkapnya tentang penggunaan blok Pencarian. Anda akan mempelajari cara menambahkan blok, mengubah teks tombol, mengubah font dan warna tombol, lebarnya blok, memencet tombol atau mengubah posisinya, mengubah perataan blok, dan lain-lain.

Elemen 4: Ikon Media Sosial

Untuk menambahkan ikon media sosial ke header Anda:

  1. Klik + tombol Penyisip Blok.
  2. Cari blok Ikon Media Sosial.
  3. Klik untuk memasukkannya.

Setelah menambahkan blok, Anda dapat mulai menambahkan profil media sosial. Untuk melakukannya:

  1. Klik + tombol penyisip dan ketik nama platform media sosial yang Anda ingin tambahkan. Klik item untuk ditambahkan ke ikon media sosial Anda.
  2. Klik ikon sekali lagi untuk menambahkan tautan profil Anda. Tempel URL profil media sosial Anda dan klik tombol panah untuk mengonfirmasi.
  3. Untuk menambahkan ikon baru jika tombol + selanjutnya tidak segera terlihat, klik Tampilan Daftar, lalu klik Ikon Media Sosial di sebelah kiri untuk memperlihatkan tombol tambah agar Anda dapat terus menambahkan ikon baru.
  4. Ulangi langkah 2 dan 3 sesuai kebutuhan untuk menambahkan semua profil media sosial Anda.

Setelah semua ikon ditambahkan, Anda dapat memilih blok dengan mengeklik blok Ikon Media Sosial di Tampilan Daftar, lalu gunakan tombol panah navigasi kiri dan kanan untuk mengubah posisi blok sesuai dengan elemen menu lainnya.

Jika sudah selesai, pastikan untuk mengeklik Simpan, dan klik Simpan sekali lagi, pastikan bahwa kotak centang untuk templat Header telah dicentang.

Menambahkan ikon media sosial ke header dengan FSE - WordPress.com

Baca selengkapnya tentang penggunaan blok Ikon Media Sosial. Anda akan mempelajari cara memasukkan ikon, menambahkan profil media sosial, mengubah tipe ikon, mendesain atau menghapus ikon, dan lain-lain.

Copied to clipboard!