Mula di sini

Penggayaan

Mari kita mulakan dengan penggayaan templat.

Warna

Templat Web3 X dibina menggunakan Jam Tangan Warna, bermakna anda boleh mengedit jam tangan warna dengan mudah untuk dikemas kini di seluruh laman.

Untuk melakukan ini, anda hanya perlu pergi ke tab Gaya di bar sisi kanan, kemudian tatal ke Warna dalam bahagian Tipografi, dan jika anda mengklik warna, anda akan dapat melihat semua jam tangan warna dan mengeditnya untuk dikemas kini seluruh tapak kepada sebarang warna yang diperlukan.

Fon

Templat Web3 X menggunakan satu fon tunggal lebar sisi, dan ia disediakan dalam pemilih Badan (Semua Halaman), jadi ini bermakna anda boleh mengemas kini fon dengan mudah pada semua laman dalam satu klik.

Pada sebarang halaman, hanya klik opsyen pemilih jingga di bahagian atas kanan tab Gaya, kemudian pilih Isi (Semua Halaman). Sekali dengan ini, anda boleh pergi ke bahagian Tipografi di bawah dan menukar fon ke mana-mana fon untuk jenama perniagaan anda.

Sekiranya anda memerlukan fon tersuai atau premium yang tidak tersedia di Webflow, anda sentiasa boleh pergi ke Tetapan Projek > Fon dan anda akan dapat memuat naik fon tersuai atau menyambungkan akaun Fon Adobe anda.

Grafik & Ikon

Sesetengah ikon atau grafik dalam templat adalah imej/grafik biasa, jadi anda akan melihat bahawa apabila mengemas kini semua warna, ini masih akan mempunyai warna templat.

Ini berlaku kerana grafik ini adalah imej (PNG, JPG, SVG, dll), jadi mengemas kini CSS Aliran Web (penggayaan) tidak akan menjejaskan mereka. Jika anda ingin menggunakan semula grafik ini, anda sentiasa boleh memuat turunnya dan mengeditnya menggunakan mana-mana perisian reka bentuk (iaitu Photoshop, Illustrator, Sketch, Figma, dll), atau terus memuat naik imej / grafik anda sendiri yang sesuai dengan jenama anda.

Halaman statik

Kandungan statik adalah semua kandungan yang tidak berasaskan CMS, yang bermaksud bahawa ia tidak dinamik (seperti Blog Post, sebagai contoh).

Anda boleh mengenal pasti semua kandungan ini dengan mudah kerana ia ditunjukkan sebagai kelabu di Navigator bar sisi kiri, dan ia menunjukkan sempadan biru apabila anda mengklik atau meletakkan penuding di atasnya.

Jika anda ingin mengedit jenis kandungan ini, anda hanya boleh klik dua kali dan anda akan dapat menaip terus di sana.

Kandungan Dinamik (CMS)

Kandungan Dinamik ialah semua kandungan yang dinamik dan akan dijana secara automatik berdasarkan kandungan yang ditambahkan dalam bahagian CMS di bar sisi kiri (betul-betul di bawah ikon Halaman).

Anda boleh mengenal pasti semua ini dengan mudah kerana ia ditunjukkan sebagai ungu di Navigator bar sisi kiri, dan ia menunjukkan sempadan ungu apabila anda mengklik atau meletakkan penudingnya.

Kandungan ini hendaklah dikemas kini terus di bahagian CMS. Ini bertujuan untuk memudahkan anda mengemas kininya, kerana kemungkinan besar ia perlu sentiasa dikemas kini (Sebagai contoh, menambah catatan blog baru)

Selain itu, jika anda ingin mengedit halaman CMS yang dihasilkan secara automatik lengkap (contohnya, Catatan Blog), anda akan mendapati halaman ini tersedia untuk mengedit di bahagian bawah semua halaman di bahagian Halaman di bar sisi kiri.

Produk (eCommerce)

Fungsi kandungan produk atau eDagang dengan cara yang serupa dengan kandungan dinamik CMS, namun, ini difokuskan secara eksklusif untuk produk eCommerce.

Anda boleh mengenal pasti kandungan eCommerce dengan cara yang serupa dengan kandungan CMS, kerana ia juga ditunjukkan sebagai ungu dalam Navigator bar sisi kiri, serta dengan sempadan ungu apabila anda mengklik atau menuding padanya.

Kandungan ini harus dikemas kini terus dalam tab eCommerce di bar sisi kiri. Ini bertujuan untuk memudahkan anda mengemas kininya, kerana kemungkinan besar ia perlu sentiasa dikemas kini (Sebagai contoh, menukar harga produk, atau menambah lebih banyak stok)

Selain itu, jika anda ingin mengedit halaman eCommerce produk autogenerated, anda akan mendapati halaman ini tersedia untuk mengedit hampir di bahagian bawah semua halaman di atas halaman koleksi CMS.

Nota Berguna

Juga daripada penjelasan asas utama yang kami kongsi di atas, di sini kami berkongsi beberapa petua dan cara yang berasal dari soalan paling biasa yang kami terima.

Interaksi

Jika anda ingin mengedit sebarang templat Interaksi (iaitu mengalih keluar kesan muncul), anda boleh mengenal pasti unsur-unsur yang mempunyai interaksi dengan mudah kerana ini mempunyai ikon Interaksi kecil (guruh kecil) di Navigator bar sisi kiri.

Jika anda mengklik ikon Interaksi kecil ini, anda akan membuka tab Interaksi bar sisi kanan untuk elemen ini, di mana anda boleh mengedit interaksi.

Pandangan Mudah Alih atau Tablet

Setiap kali anda membuat perubahan (contohnya, anda mencipta reka bentuk seksyen baharu), ia adalah amalan yang baik untuk pergi ke navigasi atas Viewport anda dan melihat bagaimana rupanya pada Tablet dan Mudah Alih.

Jika anda hanya mengedit seksyen Templat dengan teks atau imej yang dikemas kini dan anda tidak memadamkan sebarang kelas Templat, ini tidak sepatutnya diperlukan, namun, jika anda menyesuaikan templat dengan lebih mendalam, mengedit kelas atau mencipta bahagian baru, adalah baik untuk sentiasa mengedit paparan mudah alih dan tablet anda untuk memastikan semuanya kelihatan sempurna.

Mengedit Tajuk Meta, Desc dan Imej Pilihan

Jika anda ingin menyesuaikan Tajuk, Penerangan dan Imej yang ditunjukkan apabila anda berkongsi laman web anda di mana-mana tempat (iaitu Facebook, Twitter, dll), anda boleh dengan mudah pergi ke bahagian Halaman di bar sisi kiri, klik ikon Tetapan kecil halaman yang anda ingin sesuaikan, dan semua tetapan ini akan muncul.

Sila ambil perhatian bahawa penting untuk mengubahnya berdasarkan halaman.

Sandaran

Jika ada masalah, sebagai contoh, jika anda tidak menyukai ke mana tapak web akan pergi, jika anda memadamkan beberapa kelas kritikal yang diperlukan untuk menjadikan Templat kelihatan bagus, atau jika anda hanya mahu pergi ke versi terdahulu atas sebarang sebab, anda sentiasa boleh pergi ke bahagian Sandaran.

Anda boleh menemuinya dalam bahagian Tetapan di bar sisi kiri, dan kemudian anda hanya boleh melihat semua sandaran automatik atau manual. Memulihkan kepada sandaran lama hanya dengan satu klik sahaja.