EN
Mencari ...

Header Situs Web – Desain

The Header berisi kumpulan elemen pertama yang terlihat saat situs web Anda dimuat. Anda dapat mengatur elemen seperti logo, menu navigasi, dan ikon sosial sesuai keinginan Anda untuk muncul di Header.

Dalam artikel ini:

Anda dapat mengelola gaya Header (untuk desktop dan seluler) dari Mendesain (1) bagian.

Setelah Anda berada di dalam bagian Desain, klik Header (2) tab.

Alternatifnya, Anda juga dapat menggunakan opsi pencarian studio.

  • Enter Header (1) di Bilah Pencarian.
  • Dari hasil terkait, klik pada Desain- Tajuk Situs Web pilihan 2).

Tajuk untuk Desktop

  1. Tata Letak Tajuk – Periksa tata letak tajuk yang diterapkan saat ini untuk Desktop Versi: kapan. Klik pada Ubah Tata Letak untuk memilih dari opsi tata letak tajuk yang tersedia, dan terapkan ke situs web Anda.
    Kami menyediakan dua jenis tata letak tajuk – tata letak tajuk atas, dan tata letak tajuk dua kolom. Tata letak tajuk dua kolom ada dalam tema seperti Burst, dan Isle. 
  2. Lebar – Tentukan lebar tajuk sebagai Kendali Lebar or Lebar Situs.
    'Lebar penuh' akan menampilkan tajuk sambil menutupi seluruh lebar tanpa meninggalkan margin apa pun.
    'Lebar situs' dapat ditentukan dalam Mendesain bagian. Anda dapat menentukan lebar tetap di sini.
    Ini akan menampilkan header dengan mengikuti lebar tetap yang ditentukan. Tahu lebih banyak.
  3. Bantalan Vertikal – Tambahkan spasi (atas dan bawah) ke tajuk situs web Anda (ditentukan dalam vh). Tahu lebih banyak.
  4. Perilaku – Posisi tajuk desktop Anda dapat diatur Ftetap (di sini tajuk akan tetap di atas, yaitu, meskipun halaman bergulir, tajuk akan terlihat) atau Gulir Dengan Situs (di sini tajuk akan bergulir bersama dengan halaman). 
  5. Navigasi Lengket – Aktifkan atau Nonaktifkan navigasi tempel jika ada Sgulir Dengan Situs posisi tajuk. 
  6. Sticky menu – Mengatur posisi menu lengket saat halaman digulir ke Kiri atau Tengah layar.

Note

Untuk navigasi tempel, tajuk akan ditampilkan setelah bagian awal digulir setengah di layar

Lihat aksi bantalan header:

Lihat a Tajuk di situs langsung.

Lihat tata letak tajuk desktop yang berbeda 

Lihat tata letak tajuk desktop 2 kolom yang berbeda

Tata letak Header berbasis pencarian yang berfokus pada Pencarian Situs Web

Header – Batas

  1. Berbatasan: Mengaktifkan atau menonaktifkan batas untuk header.
  2. Tebal: Tentukan lebar garis batas untuk header.
  3. Posisi: Atur posisi batas header. Anda memiliki empat opsi – Semua sisi, Atas & Bawah, Atas saja, dan Bawah saja.

Header – Pil

The Header Berbentuk Pil di Pixpa menambahkan tampilan ramping dan modern ke header situs web Anda dengan sudut bundar dan fleksibilitas spasi. Desain ini ideal untuk para kreator dan profesional yang ingin membuat tajuk mereka unik dan bergaya secara visual.

Anda dapat menerapkan gaya ini ke tata letak tajuk apa pun, memberi Anda kebebasan desain penuh di berbagai jenis header.

  1. Header – Pil: Aktifkan tombol Header – Pill untuk mengaktifkan gaya pil pada header Anda.
  2. Radius Sudut: Sesuaikan kebulatan sudut header menggunakan slider atau kolom Corner Radius. Nilai yang lebih tinggi akan membuat sudut lebih membulat.
  3. Bantalan Atas: Tentukan ruang di atas konten pada tajuk pil untuk mengontrol jarak vertikal.
  4. Bantalan Bawah: Tentukan ruang di bawah konten untuk memastikan tampilan yang seimbang.
  5. Lebar Kompak: Ini memungkinkan Anda memilih seberapa lebar tampilan tajuk pil Anda:
    • Lebar Penuh: Membentangkan header di seluruh lebar layar.
    • Lebar Situs: Menyelaraskan tajuk dengan lebar keseluruhan konten situs Anda.
    • kompak: Mengecilkan header menjadi blok yang lebih rapat dan terpusat – ideal untuk desain minimalis.

Tajuk untuk Seluler

Pengaturan ini memungkinkan Anda mengontrol tampilan tajuk situs web Anda di perangkat seluler. Ini memastikan tata letak yang bersih dan optimal untuk layar yang lebih kecil.

  1. tata ruang – Periksa tata letak tajuk yang diterapkan saat ini untuk mobil Versi: kapan. Klik pada Ubah Tata Letak untuk memilih dari opsi tata letak tajuk yang tersedia, dan terapkan ke situs web Anda.
  2. Bantalan Vertikal – Add Ruang Vertikal (atas dan bawah) ke header situs web Anda di perangkat seluler (ditentukan dalam vh).
  3. Header Seluler – Tentukan apakah Anda ingin header seluler hanya muncul di perangkat seluler (hingga 768 piksel) atau memperluasnya ke perangkat tablet juga (hingga 1199 piksel).

Pastikan untuk mengklik Menerbitkan setelah membuat perubahan untuk memastikan perubahan tersebut ditayangkan di situs web Anda.

Lihat tata letak tajuk seluler yang berbeda 

Note

  • Simbol titik pada header seluler mengacu pada Akun Pelanggan.
  • Hanya akan muncul opsi Akun Pelanggan diaktifkan di toko. Pelajari lebih lanjut.

Jenis Tajuk

Anda dapat memilih dari empat jenis header yang berbeda:

    1. Header Normal
    2. Header Dua Kolom
    3. Header berbasis pencarian

 

Header Normal

Tata letak header normal menampilkan desain yang bersih dan lugas dengan logo, tautan navigasi, ikon sosial, dan tombol menu ditampilkan secara horizontal. Ini ideal untuk memberikan pengalaman penelusuran klasik dan ramah pengguna.

Header Dua Kolom

Tata letak header dua kolom membagi header menjadi dua bagian berbeda, memungkinkan logo dan ikon sosial di kiri atau tengah, serta menu navigasi dan item header lainnya di sebelah kanan sebagai sidebar yang dapat diklik.

Tata letak ini sempurna untuk situs web yang perlu menekankan merek dan tindakan penting secara bersamaan.

Tata letak header berbasis pencarian secara jelas menyertakan bilah pencarian, sehingga memudahkan pengguna menemukan konten tertentu dengan cepat. Desain ini sangat berguna untuk situs web dengan banyak konten yang menjadikan fungsi pencarian sebagai fokus utama.

Elemen Header

  1. Logo / Judul Situs – Elemen pertama dari tajuk situs adalah logo/judul situs. Tetapkan judul situs/unggah logo situs untuk situs Anda.
    Catatan: Jika Anda belum mengunggah logo situs, judul situs akan muncul di header situs Anda. Juga, jika Anda telah memberikan keduanya, maka logo situs akan terlihat di header situs Anda.
  2. Menu – Elemen lain dari tajuk situs adalah menu (tautan menu). Kamu bisa mengurutkan tautan navigasi situs, or hapus/sembunyikan item menu apa pun dari situs Anda. 
  3. Ikon sosial – Anda dapat menambahkan Ikon sosial yang terhubung ke profil media sosial Anda ke header situs Anda. Anda dapat mengunggah sebuah gambar berbagi sosial yang akan digunakan sebagai thumbnail saat situs web atau salah satu halaman situs web dibagikan di media sosial. Juga, pilih di mana ikon media sosial akan muncul di situs web Anda. Posisi yang tersedia adalah header, footer, keduanya, atau tidak sama sekali.
  4. Cari kotak Tambah sebuah kotak pencarian yang memungkinkan pengunjung situs Anda mencari konten apa pun di Produk (jika Toko diaktifkan di situs web Anda), Gambar, Entri Blog, dan Halaman (Galeri, Folder, dan halaman lainnya) ke header situs Anda.
  5. Ikon keranjang – Tambahkan mengambang ikon gerobak yang mudah dijangkau dan selalu terlihat tanpa mengganggu situs web Anda ke tajuk situs Anda.
  6. Tombol menu Tambah sebuah tombol menu ke tajuk situs Anda yaitu, tombol ajakan bertindak yang mengalihkan ke URL tertentu. Anda dapat menentukan label dan URL untuk Tombol Menu. Juga, pilih Ukuran kancing menjadi Kecil, Sedang, atau Besar.
Tagged:

Tidak dapat menemukan yang Anda cari?

Hubungi Pakar Pixpa.

Hubungi Kami