Pengenalan Webflow - Bantuan Webflow
Pelajari cara menggunakan Webflow.
Di Webflow, Anda dapat menyusun, membangun, dan mendesain situs Anda di berbagai halaman, cabang, dan lokal. Webflow memberdayakan Anda untuk membuat dan mengelola konten dinamis dan data secara efektif serta menyediakan alat untuk menganalisis dan mengoptimalkan kinerja situs. Anda juga dapat membagikan pekerjaan Anda, meminta umpan balik, dan akhirnya, menerbitkan situs Anda ke lingkungan khusus (misalnya, staging dan produksi).
Anda dapat mengakses Webflow dari Dashboard dengan mengklik thumbnail situs Anda atau dari Pengaturan Situs dengan mengklik Buka situs di toolbar atas. Alat yang dapat Anda akses di Webflow berbeda tergantung pada peran situs Anda (misalnya, peninjau, editor konten, dll.), sehingga Anda dapat dengan cepat mengakses alat yang Anda butuhkan — dan melupakan alat yang tidak Anda perlukan.
Sebelum Anda memulai
Periksa browser, perangkat, dan resolusi layar yang didukung oleh Webflow.
Kolaborasi multi-pengguna
Beberapa rekan tim dapat berkolaborasi pada situs bersama di Webflow. Untuk menjaga proses desain tetap lancar, Anda dapat menyerahkan kontrol desain antara rekan tim Anda dan melihat di mana orang lain bekerja dalam situs Anda secara real-time.
Gambaran antarmuka Webflow
Saat Anda membuka situs Anda di Webflow, layar utama yang menampilkan situs Anda adalah kanvas. Mengelilingi kanvas adalah toolbar dan panel berikut:
- Bilah atas mencakup navigasi tab, bilah konteks, dan tindakan situs (misalnya, alat kolaborasi & penerbitan).
- Bilah kanvas mencakup undo/redo, navigasi breadcrumb, breakpoint yang diperluas, dan pengaturan kanvas.
- Toolbar kiri mencakup menu utama, berbagai alat dan panel navigasi, pengaturan, audit situs, dan tutorial.
- Toolbar kanan mencakup gaya elemen, pengaturan, dan interaksi.
Kanvas
Area terbesar di Webflow adalah kanvas. Di sinilah Anda dapat berinteraksi dengan halaman dan mendesain secara real-time. Anda dapat memilih elemen, memindahkannya, dan mengedit konten langsung di halaman. Webflow menyimpan pekerjaan Anda secara otomatis, tetapi Anda dapat menyimpan situs Anda secara manual dengan menekan Command + S (di Mac) atau Control + S (di Windows).
Bilah atas
Bilah atas memberi Anda akses cepat ke mode desain, CMS, Analyze, Optimize, lokal, pengalih halaman, dan tindakan situs.
Navigasi tab utama mencakup tab Desain, tab CMS, dan tab Insights.
- Tab Desain — Tab ini menunjukkan mode saat ini (misalnya, desain, bangun, dll.) dan memungkinkan Anda beralih antara mode atau membuat cabang halaman. Peran situs anggota menentukan mode apa yang tersedia. Misalnya, manajer situs dan desainer dapat mengakses mode desain, sementara pemasar hanya dapat mengakses mode bangun.
- Tab CMS — Membuka panel CMS (Content Management System), di mana Anda dapat membuat dan mengelola Koleksi, Item Koleksi, dan Produk dan kategori Ecommerce.
- Tab Insights — Membuka panel Insights, di mana Anda dapat mengakses Analyze dan Optimize. Analyze menyediakan analitik situs dengan wawasan yang dapat ditindaklanjuti. Optimize memungkinkan Anda menjalankan eksperimen di situs Anda untuk menguji gaya, tata letak, alur, kata-kata, gambar, dan lainnya.
Bilah konteks
Bilah konteks memungkinkan Anda mengelola optimasi situs dengan Optimize dan beralih antara lokalisasi, halaman, halaman Koleksi, dan item Koleksi. Ini juga menunjukkan saat Anda mengedit komponen utama (bukan instance komponen), serta status persetujuan desain.
Tindakan situs
Tindakan situs terkait dengan halaman spesifik yang Anda kunjungi atau situs itu sendiri. Anggota tim yang berkolaborasi di situs secara real-time juga tercantum di sini dengan avatar atau jumlah.
- Mode analisis — Dapatkan analitik dan wawasan tingkat halaman (misalnya, seberapa jauh pengunjung menggulir dan di mana mereka mengklik).
- Komentar — Tinjau komentar yang ditinggalkan anggota tim lain atau tambahkan umpan balik/catatan Anda sendiri.
- Pratinjau — Beralih ke mode pratinjau.
- Bagikan — Hasilkan tautan situs hanya-baca.
- Publikasikan — Publikasikan situs Anda.
Bilah kanvas
Bilah kanvas secara default ditempatkan di atas kanvas, tetapi Anda dapat memindahkannya ke bawah di pengaturan kanvas.
- Ikon undo/redo — Cepat membatalkan atau menerapkan kembali perubahan.
- Navigasi breadcrumb — Menunjukkan hierarki elemen dari elemen yang dipilih.
- Pengaturan kanvas — Berbagai opsi (misalnya, penggaris, panduan, pratinjau zoom teks).
- Breakpoint — Pratinjau dan edit untuk berbagai ukuran perangkat.
Bilah alat kiri
Berisi menu utama dan panel untuk struktur situs web.
Klik logo Webflow untuk mengakses menu utama.
- Pencarian cepat untuk elemen, komponen, halaman, dll.
- Tindakan undo/redo
- Ekspor kode
- Pintasan keyboard
- Buka pratinjau CSS
- Dapatkan bantuan atau kirim umpan balik
Panel dan log aktivitas situs
- Panel tambah — Pintasan: A
- Panel halaman — Pintasan: P
- Panel navigator — Pintasan: Z
- Panel komponen — Pintasan: Shift + A
- Panel variabel — Pintasan: G
- Panel pemilih gaya — Pintasan: J
- Panel aset — Pintasan: L
- Panel perpustakaan — Pintasan: L
- Panel aplikasi — Pintasan: E
- Log aktivitas situs — Perubahan desain yang dibuat pada situs Anda
Pengaturan, asisten pembelajaran AI, audit, pencarian cepat, dan tutorial
- Panel pengaturan — Antarmuka, pencarian, cadangan, lokalisasi.
- Asisten pembelajaran AI — Bantuan bertenaga AI.
- Panel audit — Pintasan: U.
- Pencarian cepat — Pintasan: Command + E (Mac), Control + E (Windows).
- Panel tutorial video — Kursus video gratis.
Toolbar kanan
Berisi panel untuk gaya elemen, pengaturan, dan interaksi.
- Panel gaya — Pintasan: S.
- Panel pengaturan elemen — Pintasan: D.
- Panel interaksi — Pintasan: H.
FAQ
Browser apa yang didukung oleh Webflow?
Webflow secara resmi mendukung tiga versi utama terakhir dari semua browser modern: Chrome, Edge, Firefox, dan Safari. Ini berlaku untuk platform dan situs yang dipublikasikan.
Untuk fitur dengan dukungan terbatas, lihat artikel terkait:
Webflow tidak mendukung Internet Explorer.
Resolusi layar/perangkat apa yang didukung oleh Webflow?
Webflow memerlukan komputer desktop/laptop dengan lebar layar setidaknya 1268px.
Mengapa Webflow adalah aplikasi online/hosted — mengapa tidak aplikasi yang dapat diunduh?
Webflow adalah online/hosted untuk memungkinkan desain dalam browser dan pembaruan cepat.
- Desain WYSIWYG — efek langsung pada HTML/CSS.
- Pembaruan cepat — Selalu versi terbaru, tanpa pembaruan manual.