Dokumen ini diterjemahkan dari blog resmi ke dalam Bahasa Korea untuk membantu pengguna domestik yang belajar Framer, yang mengalami kesulitan karena kurangnya materi berbahasa Korea. Kami menambahkan informasi yang berguna untuk praktis. Kami berharap ini dapat membantu kalian yang menggunakan FramerFramer.

Apa itu halaman CMS?

Dengan memanfaatkan fitur CMS, Anda dapat membuat halaman secara otomatis untuk konten berulang seperti blog atau berita. Berdasarkan satu desain, Anda dapat dengan cepat menyusun berbagai item, sehingga sangat nyaman dalam mengelola konten berskala besar.

Apa itu CMS?
Ini adalah singkatan dari Content Management System (sistem manajemen konten).
Bahkan jika Anda hanya memasukkan teks tanpa desainer, halaman dibuat dengan desain yang ditentukan sebelumnya, jadi ini berguna untuk konten yang banyak dan sering berubah seperti blog, berita, atau daftar produk.

Membuat Koleksi CMS

Untuk menggunakan halaman CMS, pertama-tama Anda harus membuat koleksi (Collection) yang akan menjadi kerangka konten.
Catatan : Koleksi CMS adalah folder yang mengumpulkan konten dengan jenis yang serupa. Singkatnya, dapat disebut sebagai grup konten.

Cara membuat Koleksi CMS

1. Klik CMS pada menu atas Framer

2. Tekan tombol + di bilah sisi untuk membuat koleksi baru

3. Masukkan nama koleksi (contoh: Artikel, Produk, dll.)

Menetapkan Fields

Field adalah jenis dan struktur data yang termasuk dalam setiap item konten CMS.

Cara menetapkan Fields

1. Klik Edit Fields di bilah atas

2. Tambahkan field yang diperlukan

3. Jenis field:
   Plain Text: Teks pendek seperti judul
   Formatted Text: Teks panjang seperti isi
   Image: Banner atau thumbnail
   Date: Tanggal publikasi

4. Setiap field dapat diubah nama, ditambahkan deskripsi, dan ditentukan apakah wajib atau tidak (Required)

Catatan : Saat bekerja tim, Anda dapat menambah deskripsi pada field untuk komunikasi yang lebih jelas.

Menambahkan Item

Setiap konten yang berada dalam Koleksi adalah sebuah Item.

Cara menambahkan Item

1. Klik koleksi yang telah dibuat

2. Pilih New Item dari bar atas

3. Masukkan judul blog, tanggal, gambar, isi, dll. ke dalam setiap field

Item yang ditambahkan dengan cara ini terhubung sebagai satu halaman CMS.

Mendesain Halaman Detail CMS

1. Klik tombol + di tab sisi halaman → Pilih New CMS Page

2. Pilih koleksi (Collection) yang akan dihubungkan (contoh: Artikel)

3. Pilih Halaman Detail Index Page: Daftar item (daftar blog, tampilan kartu, dll.) Detail Page: Halaman konten item tunggal

4. Field dari koleksi yang dipilih secara otomatis terhubung ke halaman

5. Gunakan elemen dari tab Fields di menu [+]insert untuk mendesain

Q. Bisakah menambahkan field baru setelah membuat halaman Detail CMS?

1. Kembali ke koleksi CMS dan pilih Edit Fields

2. Tambahkan field baru (contoh: field Link)

3. Masukkan konten field tersebut ke dalam item CMS
   Cara menghubungkan field Link ke halaman CMS menggunakan Variabel

Q. Bagaimana jika field berbeda untuk setiap halaman?

Misalkan ada Link di beberapa tulisan dan tidak ada di yang lain. Jika tombol terus muncul pada tulisan tanpa Link, akan membingungkan dan tidak estetis. Dalam situasi ini, gunakan fitur Conditional Visibility yang menampilkan elemen hanya saat ada data di item CMS.

1. Pilih elemen (misal: tombol)

2. Klik tombol + pada panel properti di bagian Visible

3. Set Variable > Pilih field Link

4. Klik is set

Jika field is set dipilih, elemen hanya akan ditampilkan jika field tersedia, dan akan otomatis disembunyikan jika tidak available.

Tulisan ini mengacu pada video resmi Framer ‘Understanding CMS Collections, Items & Fields in Framer’, diterjemahkan dan dimodifikasi.