Ekspor Kode - Bantuan Webflow
Pada rencana Workspace berbayar, Anda dapat mengekspor HTML, CSS, JavaScript, dan aset situs Anda untuk mencadangkan kode Anda, memberikannya kepada klien Anda, atau menghostingnya di mana saja yang Anda suka — tanpa perlu atribusi.
Cara mengekspor kode Anda
- Buka situs Anda di Webflow
- Pergi ke Menu utama > Ekspor kode (klik logo "W" di sudut kiri atas untuk membuka Menu utama), atau tekan Shift + E
- Klik Siapkan ZIP
- Unduh file ZIP
Cara mengekspor HTML yang diminimalkan
Meminimalkan HTML Anda dapat membantu meningkatkan waktu muat halaman dengan menghapus spasi putih, komentar, dan elemen kode lain yang tidak diperlukan browser untuk memuat halaman. Untuk mengekspor HTML yang diminimalkan:
- Buka situs Anda di Webflow
- Pergi ke Menu utama > Ekspor kode (klik logo "W" di sudut kiri atas), atau tekan Shift + E
- Tekan Command + O (di Mac) atau Control + O (di Windows)
- Centang kotak Minify HTML yang muncul di jendela ekspor
- Klik Siapkan ZIP
- Unduh file ZIP
Apa yang Termasuk dalam File Ekspor Anda
File ZIP yang diunduh berisi semua halaman, gaya, skrip, dan gambar situs Anda:
- Folder CSS dengan semua gaya situs Anda yang termasuk dalam 3 file .css: - file CSS (misalnya,
your-site-name.css) yang berisi semua gaya kustom situs Anda -webflow.cssyang berisi gaya dasar umum untuk komponen tata letak Webflow -normalize.cssyang membuat browser merender semua elemen lebih konsisten - Folder JS dengan semua file JavaScript untuk situs Anda. Elemen dan fitur seperti formulir, navbar, slider, tab, dan interaksi bergantung pada file-file ini. Jika Anda menghapus file-file ini, halaman Anda mungkin terlihat benar, tetapi tidak akan berfungsi seperti yang diharapkan.
- Folder gambar dengan semua gambar yang diunggah di panel Aset situs Anda
- File .html untuk semua halaman situs Anda (termasuk halaman template Koleksi kosong)
Perlu Diketahui
Jika Anda ingin melihat contoh kode yang diekspor oleh Webflow, lihat kode sumber dari halaman utama — semuanya dibangun di Webflow!
Apa yang Tidak Termasuk dalam File Ekspor Anda
Fitur dan konten berikut tidak termasuk dalam kode yang diekspor dan tidak akan berfungsi seperti yang diharapkan pada situs yang diekspor:
- Konten dan fungsionalitas CMS (termasuk item Koleksi dan daftar Koleksi)
- Konten dan fungsionalitas Akun Pengguna (termasuk pengguna dan grup akses)
- Konten dan fungsionalitas Ecommerce (termasuk produk dan checkout)
- Perlindungan kata sandi situs dan/atau halaman
- Pemrosesan pengiriman formulir
- Pengiriman formulir yang sudah ada (dapat diekspor secara terpisah)
- Elemen reCAPTCHA dalam formulir
- Pencarian situs
- Konten yang dilokalkan (hanya halaman, elemen, dan konten lokal utama situs Anda yang disertakan)
- Komponen kode
FAQ dan tips pemecahan masalah
Mengapa ada awalan "w-" di depan nama kelas?
Webflow menambahkan awalan "w-" pada kelas khusus komponen untuk menghindari konflik dengan kerangka kerja kode lainnya.
Bisakah saya memilih untuk mengekspor hanya sebagian kode situs saya?
Saat ini, Anda tidak dapat memilih apa yang diekspor. Setiap bagian yang dapat diekspor dari situs Anda akan disertakan dalam setiap ekspor.
Bisakah saya mengedit kode setelah saya mengekspornya?
Anda dapat mengedit kode setelah mengekspornya. Perubahan manual pada file yang diekspor dapat merusak beberapa komponen Webflow.
Bisakah saya menghapus ekstensi .html dari URL halaman yang diekspor?
Jika Anda ingin menghapus ekstensi .html dari halaman yang diekspor, Anda dapat melakukannya dengan menggunakan file .htaccess.
Apakah saya perlu memberikan atribusi kepada Webflow jika saya meng-host situs saya secara eksternal?
Tidak, Anda tidak perlu memberikan atribusi kepada Webflow atau mempertahankan rencana Webflow agar situs yang diekspor dapat berfungsi di server Anda sendiri.
Apakah kode yang diekspor mencakup CMS, Keanggotaan, dan konten Ecommerce saya?
Tidak. CMS, Akun Pengguna, dan konten Ecommerce (database) tidak termasuk dalam kode yang diekspor. Daftar koleksi akan menampilkan keadaan kosong.
Apakah kode yang diekspor mencakup halaman, elemen, dan konten yang dilokalkan?
Tidak. Halaman, elemen, dan konten yang dilokalkan tidak termasuk dalam kode yang diekspor. Kode yang diekspor hanya mencakup lokal utama.
Apakah halaman yang dilindungi kata sandi masih akan terlindungi setelah saya mengekspor kode saya?
Tidak. Halaman yang dilindungi kata sandi di situs Anda tidak akan terlindungi setelah kode diekspor. Situs Anda harus dihosting dengan Webflow agar perlindungan kata sandi berfungsi sebagaimana mestinya.
Apakah semua elemen akan berfungsi di situs saya jika saya menghosting kode di tempat lain?
CMS, Akun Pengguna, konten dan fungsionalitas Ecommerce, serta halaman, elemen, dan konten yang dilokalkan tidak termasuk dalam kode yang diekspor. Fitur-fitur ini memerlukan hosting agar berfungsi sebagaimana mestinya. Selain itu, pencarian situs dan formulir (termasuk unggahan file dan reCAPTCHA) tidak akan berfungsi di situs yang diekspor untuk mematuhi GDPR.
Mengapa animasi Lottie saya tidak berfungsi secara lokal ketika saya mengekspor situs saya?
Untuk alasan keamanan, file JSON Lottie tidak akan dimuat dari sistem file lokal Anda, jadi animasi Lottie tidak akan muncul ketika Anda memuat situs Anda secara lokal — mereka memerlukan server web agar berfungsi sebagaimana mestinya.