Panduan Gaya Tema Astra (4.8) – Beragampengetahuan

Penyingkapan: Konten CyberNaira didukung oleh pembaca. Kami mungkin menerima kompensasi finansial, tanpa biaya tambahan kepada Anda, jika Anda membeli produk atau layanan di situs web pedagang.

Bayangkan memotong setengah waktu desain situs web Anda dengan tema Astra. Anda tidak perlu melalui beberapa opsi penyesuaian untuk melakukan ini.

Anda dapat menggunakan panduan gaya tema Astra untuk menyesuaikan elemen dasar situs seperti warna, tipografi, header, tombol, dan logo di satu lokasi pusat. Ini dapat membantu Anda mengurangi waktu yang Anda habiskan untuk penyesuaian dan desain situs web serta memastikan bahwa semua elemen desain konsisten dengan citra merek Anda.

Anda dapat menyimpan semuanya di satu tempat dan melihat kesesuaiannya agar sesuai dengan identitas merek dan desain Anda.

Anda tidak perlu mengeklik banyak opsi atau langkah untuk mendapatkan opsi desain tertentu di penyesuai. Sekarang Anda dapat membuka pengaturan warna, tipografi, tombol, dan lainnya hanya dengan satu klik.

Karena ini adalah fitur baru yang hadir dengan pembaruan tema Astra 4.8, mari kita jelaskan dengan cepat apa itu panduan gaya.

Apa panduan gaya tema Astra?

Panduan Gaya Tema Astra adalah fitur baru yang canggih yang menyederhanakan proses penyesuaian desain situs web Anda. Dengan panduan gaya, Anda dapat dengan mudah mengontrol dan memodifikasi elemen seperti warna, tombol, tipografi, logo, dan judul situs dari satu antarmuka terpusat.

Itu diperkenalkan dalam pembaruan tema Astra 4.8, bersama dengan perbaikan bug dan peningkatan fitur penting lainnya. Anda dapat memeriksa log perubahan dan memperbarui halaman pengumuman untuk informasi lebih lanjut.

Fitur ini dapat menghemat banyak waktu profesional desain web, memungkinkan Anda membuat situs web menakjubkan dengan cepat dan efisien tanpa harus menavigasi beberapa pengaturan.

Panduan gaya menyederhanakan proses penyesuaian tema Astra dan membantu Anda mencapai kehadiran online yang konsisten dan profesional.

Kabar baiknya adalah panduan gaya dapat diakses pada versi gratis dan tema Astra Pro versi 4.8.

Bagaimana panduan gaya Astra bermanfaat bagi pengguna.

Jika Anda familiar dengan penyesuai WordPress tradisional dalam tema Astra, Anda akan tahu betapa diperlukan beberapa klik mouse untuk mengakses elemen di dalamnya.

Katakanlah Anda ingin mengubah pengaturan warna dan tipografi global. Dalam kebanyakan kasus, Anda dapat memutuskan elemen mana yang akan dikustomisasi terlebih dahulu dengan membuka item tertentu di menu penyesuai. Kemudian, buka pengaturannya dan mulailah membuat perubahan yang diperlukan pada preset desainnya.

Pada hari yang baik, diperlukan sekitar 4 – 5 klik untuk membuka kedua pengaturan, belum termasuk berapa banyak klik yang mungkin diperlukan oleh elemen khusus.

Namun, dengan panduan gaya dan opsi desain baru di Astra 4.8, diperlukan hingga 2 klik untuk membuka penyesuai dan melihat tidak hanya warna dan tipografi satu per satu, tetapi juga tombol, judul situs, dan logo.

Salah satu keuntungan terbesar dari panduan gaya Astra adalah kemampuannya untuk menjaga konsistensi desain di seluruh situs web Anda, bahkan ketika banyak orang mengerjakannya secara bersamaan. Hal ini sangat penting bagi agensi yang perlu memastikan tampilan dan nuansa merek yang kohesif.

Dengan panduan gaya, Anda dapat membuat perubahan global pada desain situs Anda dari dasbor pusat, memastikan semua elemen diperbarui secara konsisten. Ini menghemat waktu dan tenaga sekaligus menjaga penampilan profesional.

Anda tahu mengapa saya mengatakan sebelumnya bahwa panduan gaya dan fitur desain baru di Astra 4.8 benar-benar merupakan terobosan baru bagi agensi desain web dan tim pemasaran.

Lantas, bagaimana cara mengakses fitur style guide tema Astra?

Cara menyesuaikan situs web Anda menggunakan panduan gaya Astra

Pertama, pastikan Anda menggunakan Astra 4.8. Jika Anda sudah menginstal tema Asta (gratis atau premium), memperbarui tema akan secara otomatis memperkenalkan fungsionalitas panduan gaya baru.

Jika Anda belum memiliki tema Astra, Anda dapat mendownload versi terbarunya di sini.

Setelah tema Astra diinstal dan diaktifkan di situs web Anda, buka Astra>dibuat khusus dan klik ikon pensil kecil di layar penyesuai.

Seperti ini.

Mengklik ikon pensil ini akan membuka dasbor penyesuai panduan gaya yang baru. Berbeda dengan penyesuai tradisional, ini adalah dasbor tempat Anda dapat melihat segala sesuatu yang ada di tampilan.

Dasbor ini memungkinkan Anda membuat perubahan pada beberapa preset desain dan melihat bagaimana perubahan pada satu elemen memengaruhi elemen lain di halaman, daripada membuat perubahan pada elemen satu per satu dan mempratinjaunya satu per satu.

Ini adalah dasbor panduan gaya.

Seperti yang Anda lihat, Anda bisa mendapatkan gambaran menyeluruh tentang elemen desain seperti tipografi, header, daftar ikon, palet warna global, tombol primer dan sekunder, judul situs, dan logo dalam satu dasbor desain.

Penting untuk diperhatikan bahwa setiap perubahan yang Anda buat di sini bersifat global atau seluruh situs. Artinya, Anda sebaiknya hanya menerapkan perubahan yang Anda yakini akan tercermin di seluruh situs.

Misalnya, Anda dapat memilih dan menyesuaikan palet warna global dari dasbor Panduan Gaya. Namun, jika Anda perlu menyesuaikan warna halaman atau postingan tertentu, Anda harus membuka halaman tersebut dan membuat perubahan yang diperlukan di sana.

Mari kita lihat sekilas lima aspek utama templat situs web yang dapat Anda sesuaikan dengan mudah di dasbor Astra Style Guide.

warna astra

Dengan menggunakan panduan gaya, pilih warna dari opsi untuk membuka palet warna global di layar kiri. Tema Astra memungkinkan Anda menyesuaikan warna elemen seluruh situs seperti header, teks isi, branding, tautan, latar belakang situs, dan latar belakang konten.

Anda dapat mengakses pengaturan ini langsung dari opsi dasbor serta panel kontrol di sebelah kiri.

Jika Anda mengklik ikon pensil kecil di panel Global Color Palette, ini akan membuka 10 preset warna Astra tambahan yang dapat Anda pilih untuk mendesain template dan desain situs web dengan cepat tanpa harus mengotak-atik warna sendiri.

Pilih salah satu preset warna untuk menghemat waktu, atau jika Anda ingin berkreasi dengan desain Anda, sesuaikan menggunakan opsi warna di dasbor.

Untuk mengubah warna elemen menggunakan opsi dasbor utama, arahkan kursor ke kotak elemen terkait dan klik untuk membuka pengaturan di sebelah kiri.

Berikut contoh saya mengubah body text dari hitam menjadi biru pada tema Astra.

Anda dapat menyaring segala sesuatu yang berkaitan dengan warna seluruh situs, seperti latar belakang situs, tautan, aksen, batas, dan latar belakang konten, dalam penyesuai palet warna global di sebelah kiri.

Ini akan menghemat waktu Anda menelusuri beberapa layar pengaturan dan membalik elemen dari langkah yang berbeda. Anda sekarang dapat mengakses dan mengontrol warna dari dasbor terpusat tanpa harus melakukannya Umum Dan tab desain.

tata letak astra

Mengenai warna, Anda dapat menyesuaikan segala sesuatu yang berhubungan dengan tipografi secara global dari dasbor panduan gaya tema Astra.

Di versi tema Astra sebelumnya, seperti kebanyakan tema WordPress, Anda perlu mengeklik satu langkah kembali ke layar penyesuai untuk mengakses elemen atau bagian lain dari templat.

Misalnya saya sudah menyelesaikan pengaturan warna di atas, sekarang saya ingin melanjutkan pembahasan tipografi. Seringkali, saya perlu kembali ke halaman ini dan mengklik Tipografi untuk menyesuaikannya.

Namun, dengan fitur panduan gaya tema Astra 4.8 yang baru, saya dapat mengakses semua pengaturan terkait tipografi dari dasbor panduan gaya yang sama tanpa harus mundur satu langkah pun.

Hal yang menarik dengan pengaturan ini adalah saya dapat dengan mudah menyesuaikan pengaturan tag H global atau individual (H1 hingga h6) dari sini. Untuk melakukan ini, arahkan kursor ke tag H yang sesuai dan klik ikon pensil untuk menampilkan pengaturan di sebelah kiri.

Seperti ini…

Dari sini, Anda dapat mengatur apakah judul harus diformat dalam kapitalisasi judul atau kapitalisasi kalimat, mengatur berat font, jenis font, ukuran, dan banyak lagi. Ada banyak hal yang dapat Anda lakukan dengan penyesuai tema Astra – semakin sering Anda menggunakannya, semakin baik hasilnya.

tombol astra

Tema Astra selalu membuat pengaturan tombol menjadi cepat dan mudah, namun kali ini lebih mudah lagi.

Sekarang Anda tidak perlu kembali ke menu di bawah Pengaturan Global untuk menyesuaikan tombol situs web Anda. Anda dapat mengaksesnya melalui halaman panduan gaya.

Seperti elemen lainnya, gerakkan mouse komputer Anda ke dekat tombol ini untuk menampilkan ikon pensil pengeditan. Ini akan membuka tombol penyesuai di sisi kiri layar.

Di penyesuai, Anda memiliki dua tab (primer dan sekunder). Setiap tombol memungkinkan Anda menyesuaikan pengaturan untuk masing-masing tombol.

Anda dapat menentukan pengaturan untuk elemen tombol seperti padding, border, font, dan warna, dan bahkan memilih dari enam desain tombol preset.

Judul dan logo situs web Astra

Bagian situs dan logo Astar adalah tempat manfaat nyata menggunakan panduan gaya secara signifikan dan merupakan alat yang menghemat waktu. Hanya dengan satu klik, Anda dapat mengakses segala sesuatu yang berhubungan dengan kustomisasi header situs.

Mengklik ikon edit pensil pada layar Judul Situs Astra dan Panduan Gaya Logo akan secara ajaib membuka templat judul dan memungkinkan Anda mengakses pengaturannya.

Seperti semua tema WordPress, di sini Anda dapat mengubah logo situs web, menyesuaikan lebarnya, memilih logo berbeda untuk tampilan retina, memilih antara logo sebaris dan judul situs web, dan banyak lagi.

Karena ini adalah bagian tajuk utama, Anda dapat menambahkan menu utama, menambahkan item ke menu navigasi tajuk, atau bahkan beralih ke tab desain Sesuaikan elemen judul seperti warna, tagline, margin, spasi, dll.

Ikon situs web Astra

Ikon situs web (favicon) adalah salah satu elemen desain terpenting dari branding situs web. Setiap situs web harus dirancang dengan favicon yang unik.

Ini membantu pengguna mengidentifikasi situs web Anda secara online dan di tab browser, bilah alamat, daftar mesin pencari, bookmark, dan banyak lagi.

Tema Astra memudahkan untuk menambahkan favicon ke situs web Anda dari halaman panduan gaya. Jadi saat Anda menyesuaikan tata letak situs web, tombol, header, dll., Anda juga dapat mengunggah favicon ke situs web Anda tanpa meninggalkan halaman.

Untuk menambahkan favicon ke situs Anda dari dasbor panduan gaya tema Astra, arahkan kursor ke area teks favicon, klik ikon Edit pensil, dan unggah favicon pilihan Anda dari komputer atau perpustakaan media WordPress.

Anda bisa mengklik Pengaturan judul dan logo situs web Tautan membuka pengaturan tambahan untuk ikon situs, judul, dan area logo. Terserah Anda apa yang ingin Anda lakukan di sini dan seberapa besar Anda ingin menyesuaikan situs Anda.

sebagai kesimpulan

Panduan Gaya Tema Astra benar-benar merupakan pengubah permainan untuk desain web dan fitur produktivitas yang luar biasa. Tanpa menghabiskan terlalu banyak waktu, Anda dapat membangun desain branding situs web yang koheren dari satu tempat.

Bagian baiknya adalah opsi pratinjau ada di halaman; tidak perlu bolak-balik memeriksa perubahan desain di bagian depan situs web Anda.

Semuanya diterapkan dan dipratinjau di jendela Panduan Gaya.

Namun, tidak semua penyesuaian tema Astra dapat diakses di dasbor panduan gaya, namun ini adalah satu-satunya elemen dasar yang diperlukan untuk setiap desain situs web.

Apa pendapat Anda tentang fitur panduan gaya tema Astra yang baru? Apakah menurut Anda ini akan membantu menghemat waktu dan membuat Anda lebih efisien dalam mendesain situs web?