Ulasan Pahlawan CSS: Menyesuaikan Tata Letak WordPress Sangat Mudah

Jika Anda salah satu dari banyak pemula yang ingin menyesuaikan desain situs WordPress Anda tanpa menyentuh CSS, Anda beruntung. Plugin CSS Hero untuk WordPress memungkinkan Anda menyesuaikan tata letak tanpa menyentuh satu baris kode pun. Dalam ulasan Pahlawan CSS yang diperbarui ini, kami akan menunjukkan kepada Anda cara menggunakan Pahlawan CSS untuk menyesuaikan situs web Anda dan mengapa menurut kami ini adalah salah satu plugin yang digunakan semua orang. WordPress harus dicoba.

Ulasan Pahlawan CSS kami

CSS Hero adalah plugin WordPress premium yang memungkinkan Anda mendesain tema WordPress Anda sendiri tanpa menulis satu baris kode pun (tidak perlu HTML atau CSS).

Ini memiliki kemampuan untuk membatalkan perubahan, yang sangat berguna untuk pemula. Semua perubahan disimpan sebagai lembar gaya tambahan, yang berarti Anda dapat memperbarui tema WordPress Anda tanpa khawatir kehilangan perubahan Anda.

Jika Anda seorang desainer atau pengembang, maka Anda akan menemukan CSS Hero sama baiknya. Ini bekerja dengan baik dengan semua tema dan kerangka kerja WordPress populer. Anda dapat dengan cepat membuat perubahan pada tema anak dan kemudian mengekspornya untuk digunakan di situs klien Anda.

CSS Hero dapat menghemat banyak waktu dan frustrasi saat membuat penyesuaian desain.

Kami sering sangat skeptis terhadap plugin khusus aksen karena ukurannya yang besar. Namun, Pahlawan CSS benar-benar membuat kami terkesan sejak awal.

Jika Anda meminta kami untuk memberikan ulasan CSS Hero yang jujur, kami akan memberi peringkat 5 dari 5 bintang.

Cara Menggunakan Pahlawan CSS untuk Menyesuaikan Tema WordPress Anda

Anda harus menginstal dan mengaktifkan plugin CSS Hero terlebih dahulu. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Ini adalah plugin WordPress premium yang dimulai dari $29 per situs (sepadan dengan investasi mengingat waktu dan kerumitan yang akan menghemat Anda).

Gunakan kode kupon Pahlawan CSS: WPPemula untuk diskon khusus 34%. Jika Anda membeli paket PRO maka kode yang sama akan memberi Anda diskon besar 40%.

Setelah aktivasi, Anda akan diarahkan untuk mendapatkan kunci lisensi Pahlawan CSS. Cukup ikuti petunjuk di layar dan Anda akan diarahkan ke situs web Anda dalam beberapa klik.

Tujuan CSS Hero adalah memberi Anda antarmuka WYSIWG (apa yang Anda lihat adalah apa yang Anda dapatkan) untuk mengedit tema Anda. Cukup kunjungi situs Anda saat terhubung dan Anda akan melihat tombol Pahlawan CSS di bilah admin WordPress.

Dengan mengklik tombol, situs web Anda akan menjadi pratinjau langsung. Anda sekarang seharusnya dapat melihat bilah alat Pahlawan CSS.

Kemudian cukup klik item apa saja di situs Anda dan CSS Hero akan menunjukkan properti CSS yang digunakan oleh tema Anda untuk item tertentu.

Ini akan mencakup properti CSS umum untuk elemen yang dipilih, seperti latar belakang, tipografi, batas, spasi, dll. Anda dapat mengklik elemen apa pun untuk memperluasnya, lalu mengeditnya. Properti CSS menggunakan antarmuka pengguna yang sederhana.

Saat Anda membuat perubahan, Anda akan melihat bahwa CSS khusus secara ajaib muncul di bawahnya. Jika Anda mempelajari CSS, akan sangat membantu untuk melihat bagaimana berbagai perubahan CSS diterapkan pada hasil di pratinjau langsung.

Kesulitan menemukan gambar gratis untuk situs web Anda? CSS Hero hadir dengan integrasi Unsplash bawaan yang memungkinkan Anda menelusuri, mencari, dan menggunakan foto-foto indah dalam desain situs web Anda.

CSS Hero juga dilengkapi dengan beberapa cuplikan kode siap pakai yang dapat Anda terapkan ke berbagai elemen situs web Anda. Cukup beralih ke tab Cuplikan di kolom kiri.

Saat Anda membuat perubahan pada situs Anda, CSS Hero akan secara otomatis menyimpan perubahan tersebut tetapi tidak akan memublikasikannya. Untuk menerapkan perubahan ini ke situs langsung Anda, Anda perlu mengklik tombol Simpan & Terbitkan.

Cara membatalkan perubahan di Pahlawan CSS

Salah satu fitur terbaik dari Pahlawan CSS adalah kemampuan untuk membatalkan perubahan apa pun yang Anda buat kapan saja. CSS Hero melacak semua perubahan yang Anda buat pada tema Anda. Cukup klik tombol history pada toolbar CSS Hero untuk melihat daftar perubahan.

Anda dapat mengklik tanggal dan waktu untuk melihat seperti apa situs Anda saat itu. Jika Anda ingin kembali ke keadaan itu, cukup simpan atau lanjutkan pengeditan dari titik itu.

Ini tidak berarti bahwa perubahan yang Anda buat setelah titik itu akan hilang. Mereka masih akan diarsipkan dan Anda juga dapat kembali ke titik itu. Tidak ada yang lebih sederhana dari itu.

Tetapi bagaimana jika Anda hanya ingin mengembalikan perubahan yang Anda buat pada item tertentu?

Dalam hal ini Anda tidak perlu menggunakan alat riwayat. Cukup klik pada item yang ingin Anda kembalikan dan kemudian klik tombol reset.

Ini akan mengubah item ke pengaturan default yang ditentukan oleh tema WordPress Anda.

Sesuaikan situs Anda untuk perangkat seluler di Pahlawan CSS

Aspek yang paling menantang dari desain web adalah kompatibilitas perangkat. Anda perlu memastikan bahwa situs web Anda terlihat sama memukaunya di semua perangkat dan ukuran layar. Desainer web menggunakan berbagai alat untuk memeriksa kompatibilitas browser dan perangkat. Beruntung bagi Anda, CSS Hero hadir dengan mesin pratinjau bawaan.

Cukup klik ikon desktop di bilah alat Pahlawan CSS, lalu klik jenis perangkat. Anda dapat memilih antara perangkat seluler, tablet, dan desktop. Area Pratinjau akan berubah ke perangkat yang Anda pilih.

Anda sekarang dapat mengedit situs web Anda sambil mempratinjaunya untuk perangkat seluler. Alat ini sangat berguna untuk memodifikasi desain tema Anda untuk perangkat seluler dan tablet.

Dukungan tema Pahlawan CSS

Situs web resmi Pahlawan CSS memiliki daftar tema yang kompatibel yang terus bertambah. Daftar ini mencakup banyak tema WordPress gratis terbaik. Ini juga menampilkan tema premium paling populer dari toko seperti CSSIgniter, Themify, StudioPress dan banyak lagi.

Bagaimana dengan tema yang tidak ada dalam daftar kompatibilitas tema?

CSS Hero hadir dengan fitur yang disebut Autodetect dalam Mode Rudal. Jika Anda menggunakan tema yang tidak ada dalam daftar kompatibilitas tema, Pahlawan CSS akan secara otomatis mulai menggunakan mode roket.

Mode roket mencoba menebak pemilih CSS tema Anda sendiri. Ini bekerja dengan sempurna sebagian besar waktu. Jika tema Anda mengikuti standar pengkodean WordPress, Anda dapat mengedit hampir semua hal.

Anda juga dapat menghubungi pengembang tema Anda dan meminta mereka untuk memberikan dukungan Pahlawan CSS.

Plugin mana yang kompatibel dengan CSS Hero?

CSS Hero secara teratur diuji dengan plugin WordPress terbaik untuk kompatibilitas. Ini termasuk plugin formulir kontak, pembuat halaman populer, WooCommerce, dan lainnya.

Jika Anda menggunakan plugin WordPress yang menghasilkan output yang tidak dapat diedit dengan CSS Hero, Anda dapat meminta pembuat plugin untuk memperbaikinya. Mereka benar-benar tidak perlu berbuat banyak untuk menyediakan kompatibilitas Pahlawan CSS.

Kami harap ulasan CSS Hero kami bermanfaat bagi Anda. Anda juga dapat melihat panduan definitif kami tentang cara meningkatkan kecepatan dan kinerja WordPress untuk pemula.

Jika Anda menyukai artikel ini, berlangganan saluran kami YouTube untuk menonton video tutorial WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.