Menggunakan Buku Gaya untuk mendesain situs Anda

Dalam panduan ini, Anda akan mempelajari cara menggunakan Buku Gaya untuk melihat pratinjau perubahan Gaya terhadap tampilan setiap blok, tanpa perlu menyisipkan blok tersebut ke dalam situs.

Fitur ini tersedia di situs dengan paket WordPress.com Premium, Bisnis, dan Commerce kami. Untuk situs gratis dan situs dengan paket Personal, upgrade paket Anda untuk mengakses fitur ini.

Buku Gaya akan menampilkan contoh tampilan semua blok yang tersedia setelah Anda menyimpan perubahan pada gaya situs Anda.

1. Buka dasbor situs.
2. Buka Tampilan → Editor.
3. Pilih “Gaya” dari menu sebelah kiri.
4. Klik ikon mata di sebelah kanan teks “Gaya”. (Anda dapat mengklik ikonnya lagi untuk kembali ke editor.)

Anda juga dapat membuka Buku Gaya saat mengedit halaman, templat, atau bagian templat mana pun. Langkah-langkahnya didemonstrasikan dalam video ringkasan di atas. Ikuti langkah-langkah berikut:

1. Buka dasbor situs.
2. Buka Tampilan → Editor.
3. Edit halaman, templat, atau bagian templat.
4. Klik ikon “Gaya”  (lingkaran setengah putih dan setengah hitam) yang terletak di bilah peralatan atas editor.
5. Klik ikon “Buku Gaya” (ikon berbentuk mata) untuk membuka buku gaya. (Anda dapat mengklik ikonnya lagi untuk kembali ke editor.)

Setelah membuka Buku Gaya, Anda dapat melihat pratinjau serta mengubah skema warna dan tipografi, dengan contoh tampilan setiap perubahan pada teks, blok, media, dan lainnya.

Di sebelah kanan panel “Gaya” adalah pratinjau dari berbagai tipe elemen (Warna, Tipografi, Tombol, Gambar, dll.) di situs Anda. Untuk mengedit gaya elemen tertentu:

1. Klik elemen (Warna, Tipografi, dll.) pada pratinjau di sebelah kanan layar Anda.
2. Edit gaya elemen tersebut di bawah panel “Gaya” di sebelah kiri.
3. Klik panah kembali di sebelah nama elemen untuk kembali ke daftar lengkap elemen dan pilih elemen lain yang ingin diubah gayanya.

4. Setelah selesai, klik tombol “Tinjau Perubahan …” di bagian bawah panel “Desain” untuk meninjau dan menyimpan perubahan Anda.

Untuk keluar tanpa menyimpan perubahan, klik ikon di kiri atas panel “Desain”, lalu pilih opsi untuk meninggalkan tanpa menyimpan.