Anda dapat menyesuaikan tampilan tajuk pada setiap halaman dengan menyesuaikan posisi, gaya, dan pengaturan warnanya. Pilih apakah konten halaman dimulai di bawah atau di belakang tajuk, atur gaya tajuk ke normal, transparan, atau terapkan warna khusus, dan ubah warna elemen tajuk seperti judul, menu, dan ikon. Opsi ini memungkinkan fleksibilitas yang lebih besar dalam mendesain tata letak halaman yang unik dan menarik secara visual.
Sebelum mengatur header menjadi transparan, pastikan bagian pertama halaman menyertakan gambar atau banner penuh untuk menjaga tampilan tetap bersih dan profesional.
Dalam artikel ini
Pengaturan Gaya Header
Anda dapat mengonfigurasi gaya tajuk dari berbagai tempat di Pixpa Studio, tergantung pada jenis item menu dan halaman tertentu yang sedang Anda kerjakan. Baik itu halaman mandiri, folder, atau bagian produk/galeri, lokasi pengaturan tajuk dapat bervariasi untuk memberi Anda fleksibilitas dan kontrol yang lebih besar atas tampilan situs Anda.
Kepala halaman
- Dari Menu Utama (1) studio, klik Situs Web (2) bagian.
- Arahkan kursor ke halaman yang ingin Anda edit. Klik pada tiga titik (3) ikon.
- Dari tarik-turun, klik Edit Konten (4) pilihan.
- Editor halaman akan terbuka. Klik pada Pengaturan (5) tombol.
- Dari bilah sisi, Anda dapat mengelola Header (6) pilihan.
- Setelah melakukan penyesuaian, Simpan (7) perubahan.
Alternatifnya, Anda juga dapat menggunakan opsi pencarian studio untuk menavigasi ke halaman yang ingin Anda edit.
- Masukkan judul halaman (1) (yang ingin Anda edit) di Bilah Pencarian.
- Klik halaman (2) di bawah Item Menu Situs.
Judul Folder
- Di bawah Situs Web (1) bagian, arahkan kursor ke folder. Klik pada Tiga Ikon Vertikal (2) yang akan muncul saat kursor diarahkan.
- Dari menu, klik Pengaturan (3) pilihan.
- Anda akan melihat opsi untuk menyesuaikan Header (4) di bawah halaman pengaturan folder.
- Setelah melakukan perubahan, klik Simpan (5) tombol.
Spanduk
Pada beberapa halaman seperti Kategori Produk, Halaman Edit Produk , dll., opsi Gaya Header tersedia di bawah panel pengaturan Banner.
- Klik pada Spanduk (1) tab.
- Dari sidebar, buka Pengaturan (2).
Anda dapat mengonfigurasi gaya header (Normal, Transparan, atau Kustom), menyesuaikan warna elemen dan header, dan mengatur posisi konten dari sini.
Posisi Konten Halaman
Anda dapat memilih bagaimana konten halaman disejajarkan dengan header:
- Di bawah Header: Konten dimulai di bawah tajuk.
- Di Belakang Header: Konten tumpang tindih dengan header, biasanya digunakan dengan header transparan.
Gaya Header
Pilih bagaimana header akan muncul di halaman ini:
1. Gaya Header
- Normal: Header latar belakang solid default. Anda dapat menentukannya dari bagian Desain. Pelajari lebih lanjut.
- Transparan: Membuat latar belakang header transparan sehingga konten di belakangnya terlihat.
- Adat: Memungkinkan Anda menentukan warna khusus untuk header dan elemen-elemennya.
Memilih Transparan atau Kustom memungkinkan kemampuan untuk menyesuaikan warna elemen agar visibilitas lebih baik.
2. Warna Elemen (Hanya terlihat dengan gaya Transparan atau Kustom)
Saat Anda memilih Transparan atau Kustom, Anda akan melihat opsi Warna Elemen:
- Pilih antara Warna Default or Tentukan Warna.
Ini memungkinkan Anda mengubah warna elemen header seperti judul situs, menu, dan ikon untuk visibilitas optimal pada gambar latar belakang atau video.
3. Warna Header (Hanya terlihat dengan gaya Kustom)
Saat gaya header Kustom dipilih, opsi tambahan akan muncul:
- Warna Header: Pilih warna latar belakang khusus untuk header itu sendiri.
Ini memberi Anda kendali penuh atas tampilan header dan elemen-elemennya, memastikan semuanya sesuai dengan nada visual setiap halaman.
Anda dapat menyesuaikan warna header secara terpisah untuk setiap halaman dengan memilih opsi Kustom di bawah Gaya Header . Ini memungkinkan Anda untuk mengatur warna header unik yang sesuai dengan desain setiap halaman tertentu.
Contoh Header
- Berikut adalah contoh halaman dengan Header Normal
- Berikut adalah contoh halaman dengan Header Transparan.
Lihat halaman langsung dengan tajuk disetel transparan.