Tajuk Laman Web – Reka Bentuk

. Header mengandungi set pertama elemen yang boleh dilihat apabila tapak web anda dimuatkan. Anda boleh menyusun elemen seperti logo, menu navigasi dan ikon sosial mengikut cara yang anda suka ia muncul dalam Pengepala.

Dalam artikel ini:


Anda boleh mengurus penggayaan Pengepala (untuk kedua-dua desktop dan mudah alih) daripada reka bentuk (1) bahagian.

Sebaik sahaja anda berada di dalam bahagian Reka Bentuk, klik pada Header (2) tab.

Sebagai alternatif, anda juga boleh menggunakan pilihan carian studio.

  • Masukkan Header (1) dalam Bar Carian.
  • Daripada hasil yang berkaitan, klik pada Reka Bentuk- Tajuk Laman Web pilihan (2).


Pengepala untuk Desktop

  1. Susun atur Tajuk – Semak susun atur pengepala yang digunakan pada masa ini untuk desktop versi. Klik pada Ubah Reka Letak butang untuk memilih daripada pilihan susun atur pengepala yang tersedia, dan gunakan pada tapak web anda.
    Kami menyediakan dua jenis susun atur pengepala - susun atur tajuk atas, dan reka letak pengepala dua lajur. Reka letak pengepala dua lajur wujud dalam tema seperti Burst dan Isle. 
  2. Lebar – Tentukan lebar pengepala sebagai Lebar penuh or Lebar Tapak.
    'Kelebaran penuh' akan memaparkan pengepala sambil menutup keseluruhan lebar tanpa meninggalkan sebarang jidar.
    'Lebar tapak' boleh dinyatakan dalam reka bentuk bahagian. Anda boleh menentukan lebar tetap di sini.
    Ia akan memaparkan pengepala dengan mematuhi lebar tetap yang ditentukan. Mengetahui lebih lanjut.
  3. Pelapik menegak – Tambahkan ruang (atas dan bawah) pada pengepala tapak web anda (dinyatakan dalam vh). Ketahui lebih lanjut.
  4. Kelakuan – Kedudukan pengepala desktop anda boleh ditetapkan kepada Ftercegat (di sini pengepala akan ditetapkan di bahagian atas, iaitu, walaupun halaman menatal, pengepala akan kelihatan) atau Tatal Dengan Tapak (di sini pengepala akan menatal bersama dengan halaman). 
  5. Navigasi Melekit – Dayakan atau Lumpuhkan navigasi melekit sekiranya berlaku Scroll Dengan Tapak kedudukan pengepala. 
  6. Menu Sticky – Tetapkan kedudukan menu melekit apabila halaman ditatal ke Kiri atau Tengah skrin.

Nota

Untuk navigasi melekit, pengepala akan dipaparkan selepas bahagian awal ditatal separuh pada skrin

Lihat padding pengepala dalam tindakan:

Sila lihat di a Tajuk pada tapak langsung.


Lihat reka letak pengepala desktop yang berbeza 

Lihat reka letak pengepala desktop 2 lajur yang berbeza

Reka letak Pengepala berasaskan carian yang memfokuskan pada Carian Laman Web


Pengepala – Sempadan

  1. border: Dayakan atau lumpuhkan sempadan untuk pengepala.
  2. Ketebalan: Tentukan lebar garis sempadan untuk pengepala.
  3. Kedudukan: Tetapkan kedudukan sempadan pengepala. Anda mempunyai empat pilihan - Semua sisi, Atas & Bawah, Atas sahaja dan Bawah sahaja.


Tajuk – Pil

. Pengepala Berbentuk Pil dalam Pixpa menambah rupa moden yang anggun pada pengepala tapak web anda dengan sudut bulat dan fleksibiliti jarak. Reka bentuk ini sesuai untuk kreatif dan profesional yang ingin menjadikan pengepala mereka berbeza secara visual dan bergaya.

Anda boleh menggunakan gaya ini untuk sebarang susun atur pengepala, memberikan anda kebebasan reka bentuk penuh merentas jenis pengepala yang berbeza.

  1. Tajuk – Pil: Hidupkan Pengepala – Togol Pil untuk mengaktifkan penggayaan pil untuk pengepala anda.
  2. Jejari Sudut: Laraskan bulatan sudut pengepala menggunakan peluncur atau medan Jejari Sudut. Nilai yang lebih tinggi akan menjadikan sudut lebih bulat.
  3. Padding Teratas: Tentukan ruang di atas kandungan dalam pengepala pil untuk mengawal jarak menegak.
  4. Padding Bawah: Tentukan ruang di bawah kandungan untuk memastikan penampilan yang seimbang.
  5. Lebar padat: Ini membolehkan anda memilih sejauh mana pengepala pil anda muncul:
    • Kelebaran penuh: Regangkan pengepala merentasi keseluruhan lebar skrin.
    • Lebar Tapak: Menjajarkan pengepala dengan lebar kandungan tapak keseluruhan anda.
    • Padat: Mengecilkan pengepala kepada blok yang lebih ketat dan berpusat – sesuai untuk reka bentuk minimalis.


Pengepala untuk Mudah Alih

Tetapan ini membolehkan anda mengawal cara pengepala tapak anda dipaparkan pada peranti mudah alih. Ini memastikan susun atur yang bersih dan dioptimumkan untuk skrin yang lebih kecil.

  1. Susun atur – Semak susun atur pengepala yang digunakan pada masa ini untuk mudah alih versi. Klik pada Ubah Reka Letak butang untuk memilih daripada pilihan susun atur pengepala yang tersedia, dan gunakan pada tapak web anda.
  2. Padding Menegak – Tambah Ruang Menegak (atas dan bawah) ke pengepala tapak web anda pada peranti mudah alih (dinyatakan dalam vh).
  3. Pengepala Mudah Alih – Tentukan sama ada anda mahu pengepala mudah alih muncul hanya pada peranti mudah alih (sehingga 768px) atau lanjutkannya ke peranti tablet juga (sehingga 1199px).

Pastikan untuk mengklik Publish butang selepas membuat perubahan untuk memastikan ia disiarkan secara langsung di tapak web anda.

Lihat reka letak pengepala mudah alih yang berbeza 

Nota

  • Simbol titik dalam pengepala mudah alih merujuk kepada Akaun Pelanggan.
  • Ia hanya akan muncul pilihan Akaun Pelanggan didayakan di kedai. Ketahui info selanjutnya.


Jenis Pengepala

Anda boleh memilih daripada empat jenis pengepala yang berbeza:

    1. Tajuk Biasa
    2. Pengepala Dua Lajur
    3. Pengepala berasaskan carian

 

Tajuk Biasa

Reka letak pengepala biasa menampilkan reka bentuk yang bersih dan mudah dengan logo, pautan navigasi, ikon sosial dan butang menu dipaparkan secara mendatar. Ia sesuai untuk menyediakan pengalaman penyemakan imbas yang klasik dan mesra pengguna.


Pengepala Dua Lajur

Reka letak pengepala dua lajur membahagikan pengepala kepada dua bahagian yang berbeza, membenarkan logo dan ikon sosial di sebelah kiri atau tengah dan menu navigasi dan item lain pengepala di sebelah kanan sebagai bar sisi boleh klik.

Reka letak ini sesuai untuk tapak web yang perlu menekankan kedua-dua jenama dan tindakan penting mereka secara serentak.


Reka letak pengepala berasaskan carian menyerlahkan bar carian, memudahkan pengguna mencari kandungan tertentu dengan cepat. Reka bentuk ini amat berguna untuk tapak web yang mempunyai kandungan yang tinggi dengan fungsi carian menjadi tumpuan utama.


Elemen Pengepala

  1. Logo / Tajuk Tapak – Elemen pertama pengepala tapak ialah logo/tajuk tapak. Tetapkan tajuk tapak/muat naik logo tapak untuk laman web anda.
    Catatan: Jika anda belum memuat naik logo tapak, tajuk tapak akan dipaparkan pada pengepala tapak anda. Selain itu, jika anda telah menyediakan kedua-duanya, maka logo tapak akan kelihatan pada pengepala tapak anda.
  2. Menu – Satu lagi elemen pengepala tapak ialah menu (pautan menu). Awak boleh urutan pautan navigasi tapak, or padam/sembunyikan sebarang item menu dari laman web anda
  3. Ikon sosial – Anda boleh menambah Ikon sosial yang disambungkan ke profil media sosial anda ke pengepala tapak anda. Anda boleh memuat naik a imej perkongsian sosial yang akan digunakan sebagai lakaran kecil apabila laman web atau mana-mana halaman laman web dikongsi di media sosial. Juga, pilih di mana ikon media sosial akan muncul di tapak web anda. Kedudukan yang tersedia ialah pengepala, pengaki, kedua-duanya, atau tiada.
  4. Kotak carian - Tambahkan kotak carian yang membolehkan pelawat tapak anda mencari sebarang kandungan dalam Produk (jika anda mempunyai Kedai yang didayakan pada tapak web anda), Imej, Catatan Blog dan Halaman (Galeri, Folder dan halaman lain) ke pengepala tapak anda.
  5. Ikon keranjang – Tambah terapung ikon troli yang mudah dicapai dan sentiasa kelihatan tanpa mengganggu tapak web anda ke pengepala tapak anda.
  6. Butang menu - Tambahkan butang menu ke pengepala tapak anda iaitu, butang seruan tindak yang mengubah hala ke URL yang ditentukan. Anda boleh menentukan Label dan URL untuk Butang Menu. Juga, pilih Saiz butang menjadi Kecil, Sederhana atau Besar.

Tidak menemui apa yang anda cari?

Berhubung dengan Pakar Pixpa.

Pixpa Studio baru sahaja diubah suai. Kami sedang mengemas kini semua tangkapan skrin artikel bantuan pada masa ini.