Untuk desainer template

Jika template Anda memiliki pengalaman pengeditan yang luar biasa di slidde.co, pelanggan akan menghubungi Anda ketika mereka ingin mengubah desain atau memperluas desain menjadi beberapa halaman.

Pengguna tanpa pengalaman coding atau desain dapat menggunakan editor teks kaya, mengubah gambar sendiri. Namun, terkadang template yang indah mungkin terlalu kompleks untuk disesuaikan dengan kebutuhan mereka dengan mudah.

Berikut beberapa tips.

Menulis tutorial

Gunakan Tersembunyi di Slide untuk menulis tutorial tentang cara menggunakan template Anda. Berikut contoh

Mengedit elemen tersembunyi yang dianimasikan

Jika Anda memiliki animasi yang menyembunyikan teks/gambar tertentu, seperti opacity: 0 atau display: none, Anda dapat mengarahkan kursor ke nama gaya CSS dan mengklik ikon edit. Kemudian pilih opsi "hidden in canvas" untuk hanya menerapkannya saat mengekspor situs web nyata. Sehingga pengguna Anda dapat mengedit elemen di editor dengan mudah.

Menggunakan variabel

Anda dapat mengatur variabel CSS agar pelanggan Anda dapat dengan mudah mengubah pewarnaan atau atribut lain dari template Anda.

--primary-fg: #000
--primary-bg: #fff

Dan Anda dapat menerapkannya pada semua turunan elemen, termasuk elemen itu sendiri

color: var(--primary-fg)
background-color: var(--primary-bg)

Berikut adalah dokumentasi resmi untuk panduan yang lebih mendalam.

Menata daftar elemen.

Ketika Anda menata daftar elemen, selektor lanjutan dapat diterapkan untuk meningkatkan pengalaman pengguna.

Jika Anda menata daftar tombol dengan color:red, color:blue, color:green, ketika pengguna memiliki jumlah tombol selain 3, atau secara tidak sengaja mereka menghapus beberapa tombol, mereka harus menata tombol tersebut sendiri lagi.

Namun, jika Anda melakukan hal berikut pada Daftar Tombol,

&>*:nth-child(3n+1).color: red
&>*:nth-child(3n+2).color: green
&>*:nth-child(3n+3).color: blue

Tidak peduli berapa banyak tombol yang dimiliki pengguna, mereka selalu berakhir dengan urutan tombol dengan warna yang bergantian.

Prinsip yang sama dapat diterapkan pada daftar gambar.

Dan Anda dapat membaca lebih lanjut tentang nth-child dan nth-of-type untuk mempelajari tentang tata bahasa spesifik mereka.