Wix Laman Web dari Scratch - Menu Header
Dalam tutorial ini, kami akan terus bekerja di laman web Wix kami yang kami telah bermula dari templat kosong. Kami akan menambah menu utama di bahagian pengepala.

Tugas pertama kami adalah untuk menambah latar belakang warna pada Header.

  1. Pilih Header dan klik butang Reka Bentuk Perubahan Header.

    Pada ketika ini, Header ditetapkan kepada warna No. Mari kita ubahnya menjadi putih.

  2. Klik reka bentuk Header tepat di bawah warna Tiada.

  3. Klik butang Customize Design di bahagian bawah tetingkap.

  4. Tetapkan tetapan Warna & Keaslian Isi ke 100% putih untuk Latar Belakang dan Latar Belakang Pusat.

  5. Untuk tetapan Sempadan, tetapkan Lebar Sempadan dan Bawah Bawah Teratas ke 0.

  6. Tetapkan Radius Sudut ke 0 dan matikan Shadow Enable.

Sekarang kita boleh menambah menu teratas.

  1. Dari menu kiri, klik ikon Plus dan pilih Menu dari senarai.

  2. Klik pada salah satu menu Horizontal untuk menambahkannya ke halaman.

    Anda akan melihat menu baru pada halaman dengan pautan untuk satu halaman kami - Laman Utama.

  3. Klik dan seret menu ke bahagian pengepala. Apabila anda melihat teks itu Lampirkan kepada Header, lepaskan menu.

    Kerana kita akan memusatkan menu kami pada halaman, kami akan memperluas kotak menu merentasi lebar 980 px.

  4. Dengan kotak menu yang dipilih, tarik hujung kotak untuk mengisi kawasan 980. Gunakan garis panduan kiri dan kanan sebagai panduan.

    Menu perlu ditetapkan ke pusat secara lalai. Anda dapat melihat ini kerana pautan Rumah terletak di tengah kotak. Sekarang, kita boleh menyesuaikan menu.

  5. Dengan menu yang masih dipilih, klik ikon Reka bentuk (berus cat) untuk membuka tetingkap Reka Bentuk Menu Mendatar. Klik butang Customize Design di bahagian bawah tetingkap.

    Sekiranya anda mengklik pada Warna Isi & Kelegapan, anda akan melihat bahawa latar belakang menu telah ditetapkan ke 100% putih. Mari simpan tetapan ini dan terus ke teks.

    Dalam tutorial sebelumnya, kami menetapkan font untuk Futura Light untuk tema teks utama. Mari buat perkara yang sama untuk menu itu.

  6. Klik pada ikon T untuk membuka bahagian Tetapan teks.

  7. Klik anak panah di sebelah kanan bahagian Font dan pilih Futura Light dari senarai.

    Letakkan tetapan warna lalai untuk teks menu Biasa. Tetapi kami akan menukar warna teks menu Hover dan Klik untuk emas.

  8. Klik pautan Hover dalam tetingkap. Klik kotak warna untuk membuka Pemilih Warna. Klik pautan Tambah Warna, tukar tetapan Warna ke # bc9b5d dan klik butang Tambah. Tutup Pemilih Warna.

  9. Ulangi langkah sebelumnya untuk tetapan diklik. Tetapi kali ini, anda boleh memilih warna emas dari kawasan My Colors.

    Akhir sekali, kami ingin menukar teks lalai untuk pautan halaman dari HOME ke nama laman web.

  10. Dengan menu yang masih dipilih, klik butang Urus Menu dari menu pop timbul.

  11. Dari menu Halaman, cari halaman HOME dan klik pautan di sebelah kanan. Pilih Namakan semula dari senarai. Tambahkan tajuk pautan baru dan klik Selesai.

    Tugas seterusnya adalah untuk mengubah saiz bahagian pengepala menjadi lebih sedikit daripada ketinggian menu.

  12. Pilih menu dan seret ke atas ke atas bahagian pengepala.

  13. Klik bahagian kosong kepala untuk melihat regangan Stretch. Seret pemegang ke atas.

Tangkapan skrin yang digunakan dengan kebenaran Wix.com, Inc.

Arahan Video: WIX Tutorial For Beginners - Full Wix Tutorial (Mac 2024).