Membuka dan Mencari Template

Framer Marketplace menyediakan template gratis/berbayar yang diperlukan untuk memulai proyek web. Lihat cara penggunaan template berdasarkan harga di bawah ini.

• Template Gratis: Tambahkan langsung ke workspace Anda dengan menekan tombol Use for Free pada plugin terkait.

• Template Berbayar: Setelah pembayaran, tautan Remix akan dikirim melalui email, dan dengan mengklik tautan ini, proyek akan otomatis disalin ke workspace Anda.

Ketika Proyek Tidak Muncul di Dashboard

• Coba segarkan kembali situs

• Jika Anda mengganti browser atau memiliki akun baru, coba klik tautan kembali

Memahami Layout

Sebelum mulai mengedit, ada baiknya untuk melihat struktur template.

• Di panel kiri, Anda dapat melihat semua halaman dan struktur bagian.

• Di panel Assets, Anda dapat memeriksa gaya warna dan teks global. Memastikan warna dan font merek diawal dapat meningkatkan efisiensi kerja karena seluruh situs akan diperbarui secara otomatis.

• Jika template menyertakan CMS, Anda dapat mengelola konten yang berulang seperti pos blog dan daftar produk. Juga perlu memeriksa bagian mana saja yang dihubungkan dengan data CMS.

Kustomisasi Konten

Setelah terbiasa dengan template, langkah berikutnya adalah menyesuaikannya menjadi milik Anda. Kebanyakan pengguna memulai kustomisasi dengan memperbarui teks dan gambar.

• Pengeditan Teks: Klik dua kali lalu ganti dengan teks yang diinginkan, font/ukuran/penataan dapat diatur di panel properti kanan.

• Penggantian Gambar: Klik dua kali gambar dan gunakan fitur Swap.

• Pembaruan Warna: Mengubah token warna global akan berlaku untuk seluruh situs.

• Menghapus Halaman: Klik kanan nama halaman di panel kiri, kemudian hapus menggunakan Delete. Namun, pastikan untuk juga memperbarui menu navigasi Anda.

Catatan: Beberapa template menyertakan Layout Templates. Anda cukup mengedit elemen umum seperti navigasi/footer/banner sekali saja, dan itu akan berlaku untuk seluruh halaman, membuat pengelolaan lebih mudah.

Mengedit Komponen

Komponen adalah elemen yang dapat digunakan kembali di seluruh situs seperti ubin proyek, footer, dan bagian FAQ. Template Framer menggunakan komponen untuk menjaga konsistensi tata letak secara keseluruhan.

• Mengedit Komponen Master: Mengubah logo atau warna pada komponen master, dan itu akan diterapkan pada semua halaman yang menduplikasi komponen tersebut.

• Mengedit Instance Tunggal: Beberapa komponen dapat menyesuaikan atribut detail secara berbeda menggunakan variabel (Variable). Misalnya, Anda dapat mengganti judul item FAQ atau hanya mengubah warna tombol.

Memanfaatkan CMS

Halaman yang mengelola konten berulang seperti pos blog atau proyek portofolio akan menyertakan CMS. Alih-alih mengedit setiap halaman, Anda dapat memasukkannya ke CMS sekali saja dan semua halaman yang terhubung akan diperbarui secara otomatis.

Jika Anda baru pertama kali menggunakan CMS, tutorial CMS Academy bisa sangat membantu.

Mengatur Formulir Kontak

Banyak template menyertakan formulir kontak atau newsletter; namun, formulir ini defaultnya tidak berfungsi dan Anda perlu menentukan tujuan pengiriman.

1. Pilih layer tempat untuk menyisipkan Form di UI

2. Masukkan alamat email atau endpoint di kolom Send to di panel properti kanan.

Ini diperlukan agar pesan yang dikirim benar-benar sampai ke kotak masuk Anda.

Menyiapkan Situs

Untuk menyesuaikan secara detail cara situs muncul dalam pratinjau judul halaman, deskripsi meta, dan media sosial, Anda bisa menggunakan pengaturan situs.

• Dapat diubah dengan menekan Settings di sudut kanan atas.

• Untuk meningkatkan visibilitas situs, isi kolom SEO untuk meningkatkan penelusuran di mesin pencari.

• Jika menggunakan alat pihak ketiga seperti Google Analytics, masukkan ID pelacakan di kolom yang ditentukan.

Mempublikasikan Situs

Setelah desain dan konten selesai, Anda dapat mempublikasikan situs dengan menekan “Publish”. Untuk detail lebih lanjut, lihat Panduan Menghubungkan Domain Kustom.

• Sub-domain Gratis: Tes atau bagikan situs dengan sub-domain yang disediakan Framer.

• Menghubungkan Domain Kustom: Buka Settings → Domains dan lihat langkah-langkah menghubungkan domain kustom. Bergantung pada paket Framer Anda, mungkin perlu memperbarui catatan DNS atau menggunakan opsi sambungan otomatis yang disediakan oleh registrar.

Informasi Tambahan

Jika memerlukan informasi tambahan, disarankan merujuk pada materi di bawah. Jika ada pertanyaan terkait template, silakan kirim email ke creators@framer.com.

• Framer Academy: Menyediakan informasi tutorial tentang tata letak, interaksi, dan lainnya

• Dukungan Framer: Berhubung dengan tim dukungan resmi untuk berbagi kemajuan

• Pakar Framer: Pekerjakan pakar untuk mendapatkan dukungan yang disesuaikan

  
  

Artikel ini adalah konten adaptasi dan terjemahan dari ‘Baru saja membeli template, apa selanjutnya?’ di blog resmi Framer.