kesimpulan
Masukkan Button Basic dari tombol “+” dan terapkan preset untuk membuat tombol yang tampak bagus hanya dalam beberapa klik. Cukup siapkan teks dan tautan Anda, lalu publikasikan untuk memulai.
Langkah 1: Masukkan blok
- Buka layar edit postingan atau halaman
- Klik tombol **** di posisi di mana Anda ingin menambahkan blok.
- Masukkan "Button Basic" pada kolom pencarian
- Klik pada blok Button Basic yang ditampilkan untuk memasukkannya
Titik: Anda juga dapat menemukannya dengan menelusuri "zen" atau "tombol".
Langkah 2: Terapkan preset desain
- Pilih blok yang dimasukkan
- Klik Ikon preset pada toolbar di bagian atas blok
- Pilih desain favorit Anda dari daftar preset yang ditampilkan
Tips penyesuaian: Gunakan preset sebagai dasar, dan silakan sesuaikan warna dan ukurannya nanti. Kami menyarankan terlebih dahulu memilih preset yang dekat dengan arah keseluruhan Anda.
Langkah 3: Edit teksnya
- Klik langsung pada teks di dalam blok
- Masukkan teks tombol yang ingin Anda tampilkan (misalnya "Hubungi kami", "Mulai gratis")
Titik: Teks dapat diedit langsung di editor. Ukuran dan berat font dapat disesuaikan dari panel "Pengaturan Teks" di sidebar.
Langkah 4: Siapkan tautan
- Dengan blok yang dipilih, klik ikon tautan pada bilah alat
- Masukkan URL tujuan tautan
- Aktifkan "Buka di tab baru" jika perlu
- Konfirmasikan dengan tombol Enter
Catatan: Anda dapat beralih antara
a(tautan)/button(elemen tombol)/div(elemen blok) dengan memilih tag pada toolbar. Tidak ada masalah dengan tombol tautan normal karena ada taga.
Langkah 5: Sesuaikan warna
- Buka setiap panel pengaturan di sidebar
- Untuk mengubah warna latar belakang Buka panel Pengaturan Latar Belakang
- Untuk mengubah warna teks Buka panel Pengaturan Teks
- Tentukan warna menggunakan pemilih warna atau kode warna
Tips Penyesuaian: Memastikan rasio kontras yang baik antara warna latar belakang tombol dan warna teks akan meningkatkan visibilitas dan aksesibilitas.
Langkah 6: Periksa dengan pratinjau
- Klik tombol Pratinjau di bagian atas editor
- Pilih "Pratinjau di tab baru"
- Periksa visibilitas tombol di ujung depan
- Periksa juga perubahan saat hover dan transisi ke link tujuan.
Titik: Tampilan di editor dan tampilan di bagian depan pada dasarnya sama, namun tema CSS mungkin memengaruhinya. Silakan lakukan konfirmasi akhir di bagian depan.
Langkah 7: Publikasikan halaman Anda
- Setelah Anda puas dengan tampilan tombol dan tautannya, klik Terbitkan atau Perbarui di bagian atas editor.
- Akses halaman ujung depan untuk konfirmasi akhir
Jika ingin melakukan pengaturan lebih detail
Button Basic memiliki 18 jenis panel pengaturan. Untuk metode pengaturan rinci, silakan merujuk ke tombolPanduan Pengaturan Dasar.
Panel pengaturan utama:
| panel | Apa yang bisa Anda lakukan |
|---|---|
| pengaturan teks | Sesuaikan ukuran font, ketebalan, spasi baris, dan spasi karakter |
| Pengaturan tata letak | Menyesuaikan lebar, tinggi, dan margin (margin dan padding) |
| pengaturan latar belakang | Pengaturan warna/gradasi/gambar/pola |
| Pengaturan perbatasan | Sesuaikan lebar garis, gaya, warna, dan sudut membulat |
| pengaturan ikon | Menambahkan ikon, mengatur ukuran dan warna |
| Pengaturan animasi | Animasi saat melayang atau ditampilkan (fungsi Pro) |
langkah berikutnya
Jika Anda tertarik dengan versi Pro, Anda dapat memeriksa cara aktivasi di [Aktivasi versi Pro] (../pro-activation/).