Ulasan Pahlawan CSS: Menyesuaikan tema WordPress itu mudah!

Ketika datang untuk membuat situs web terlihat persis seperti yang Anda inginkan, banyaknya tema WordPress yang tersedia adalah keuntungan nyata! Dan jika Anda menghabiskan cukup waktu mencari, Anda dapat menemukan tema yang sempurna untuk situs Anda. Namun, ada kemungkinan bahwa bahkan jika Anda mendekati apa yang Anda inginkan, Anda mungkin masih sedikit tersentuh. Bisakah tema yang sudah ditentukan benar-benar memenuhi kebutuhan individu hingga T? …

Apa yang harus dilakukan jika Anda telah menemukan topik yang sesuai dengan kebutuhan Anda tetapi masih perlu melakukan beberapa perubahan? Tentu saja memiliki keterampilan bukanlah masalah, Anda dapat mengubahnya sesuka Anda. Tetapi bagaimana jika Anda tidak memiliki kepercayaan diri untuk mengubah file yang diperlukan sendiri?

Hari ini saya ingin memperkenalkan Anda kepada sebuah plugin yang sangat berguna: CSS Hero, sebuah plugin yang memungkinkan Anda untuk membuat penyesuaian visual kecil atau bahkan relatif besar: tanpa harus menyentuh satu baris kode pun!

Apa itu Pahlawan CSS?

CSS Hero adalah plugin penyesuaian tema (lihat fitur)

Oleh karena itu, dibutuhkan ruang yang mirip dengan plugin seret dan lepas untuk pembuat halaman. Namun, jika pembuat halaman mendorong Anda untuk membuat tata letak khusus dari awal, Anda dapat menggunakan CSS Hero untuk menyesuaikan tema WordPress yang ada dengan keinginan Anda.

Dengan cara ini, Anda dapat bermain sebagai pengembang tanpa keterampilan pengembang umum. Tetap menggunakan tema WordPress Anda yang dirancang secara profesional dan dibuat secara ahli, bukan seseorang yang meluncurkan modul dan plugin acak untuk membuat halaman dan membuat perubahan kecil pada kebutuhan Anda.

Artikel di situs web tidak dilarang; Anda dapat menyesuaikan apapun dan segalanya. CSS Hero mengubah kustomisasi Anda menjadi kode CSS yang benar, yang kemudian digunakan dalam lembar gaya CSS baru (lembar gaya asli dipertahankan untuk menghindari masalah di masa depan).

CSS Hero juga berfungsi dengan tema WordPress apa pun. Tema yang telah diuji kompatibilitas secara luas akan dinamai, sementara tema yang belum diuji tetap kompatibel.

harga

CSS Hero adalah plugin premium yang terjangkau. Untuk mencerminkan kompetensi Anda Carillo setara dengan plugin Pembuat Halaman yang paling populer.

Lisensi dasar hanya berharga $ 29 dan memberi Anda akses ke plugin CSS Hero lengkap (meskipun Anda hanya dapat menggunakannya di satu situs).

Jika Anda ingin menggunakan Pahlawan CSS di lebih dari satu situs, Anda dapat:

Seperti yang dapat Anda bayangkan, lisensi ditujukan untuk agensi kreatif dan pengembang profesional. Baik lisensi dan lisensi juga termasuk akses ke plugin premium Inspector Pro. Kami akan membahas ini secara lebih rinci di halaman ini.

Ketiga lisensi Pahlawan CSS berlaku untuk satu tahun, memberikan akses ke pembaruan dan dukungan selama satu tahun, dan datang dengan jaminan uang kembali 30 hari.

awal

Setelah pembelian, Anda akan diarahkan ke panel kontrol CSS Hero. Dari sana, Anda dapat mengakses dokumentasi plugin yang ekstensif, di samping Akademi Pahlawan CSS yang mengesankan. Akademi adalah sentuhan yang bagus dengan serangkaian video tutorial untuk pemula untuk membantu Anda mendapatkan hasil maksimal dari plugin baru Anda (saya ingin melihat plugin canggih lain yang mengikuti contoh ini).

Panel melakukan fitur penting lainnya: di sini Anda mengunduh CSS Hero dan, tergantung pada tingkat lisensi, plugin Pro Inspektur.

Masuk ke dasbor WordPress Anda untuk unduhan lengkap. Buka >> dan ikuti instruksi untuk memuat file ZIP plugin dan aktifkan plugin. Jika Anda sudah menginstal plugin WordPress, Anda sangat akrab dengan semua ini.

Namun, menginstal Pahlawan CSS membutuhkan langkah lain: verifikasi. Klik tombol biru dan ikuti instruksi saat mendaftarkan salah satu lisensi Anda. Sejauh ini bagus.

CSS Hero sekarang menjadi alat dan karenanya diedit di bagian depan di mana Anda dapat melihat perubahan secara real time. Ketika Anda membuka bagian depan situs Anda, ikon biru baru akan muncul di sudut kanan atas layar. Klik di sini untuk menggunakan plugin baru Anda.

Editor Pahlawan CSS

Setelah mengklik ikon biru, tunggu beberapa detik hingga CSS Hero menyala. Setelah plugin diaktifkan, Anda sekarang dapat mulai merancang dan menyesuaikan situs Anda.

Pertama, klik ikon biru di bagian atas tombol radio. Jika Anda tidak yakin bagaimana untuk melanjutkan, plugin memberikan tautan yang bermanfaat ke semua dasar-dasarnya. Namun, ketika Anda siap untuk menyelam, Anda dapat mulai mengubah dan mengedit semua elemen di halaman Anda.

Gulir ke topik yang ingin Anda edit dan kemudian klik (mari kita mulai dengan bagian konten yang relatif sederhana, seperti yang ditunjukkan pada tangkapan layar berikut). Setelah mengklik, Pahlawan CSS mengunci item Anda sehingga Anda dapat mulai menyesuaikannya.

Untuk membuat prosesnya semudah mungkin, CSS Hero menawarkan kepada Anda daftar opsi penyesuaian tergantung pada jenis item yang dipilih. Setelah memilih paragraf, Anda dapat mengubah font, latar belakang, dan bingkai, dan mengatur isi di sekitar teks.

Elemen-elemennya mudah diedit karena semuanya dikendalikan melalui bilah menu di sebelah kanan dan perubahannya ditampilkan secara waktu nyata. Pertama, saya memutuskan untuk fokus pada properti teks. Ketika opsi ini dipilih, CSS Hero menampilkan semua opsi konfigurasi teks yang tersedia, termasuk:

• Font: pilih dari semua font Google yang tersedia
• Warna font
• ukuran font
• berat font
• perataan teks
• Transformasi teks: misalnya huruf besar
• Spasi kata
• tinggi garis

Buat perubahan yang diinginkan dan lihat bagaimana teks diterapkan sepersekian detik kemudian.

Kemudian Anda dapat kembali dan mengatur latar belakang untuk bagian Anda. Di sini juga, CSS Hero memberi Anda kendali penuh. Anda dapat mengunggah gambar khusus, memilih warna, atau mengatur gradien untuk ditampilkan sebagai latar belakang.

Ini juga memiliki pengaturan margin yang sama dengan fleksibilitas lengkap dalam gaya bingkai, lebar dan warna.

Bahkan ada beberapa gaya preset keren, seperti membalik teks ke tombol atau menampilkan latar belakang jadi dalam tata letak keren yang berbeda.

Jika Anda tidak ingin bekerja dengan perubahan pada suatu bagian secara bersamaan, Anda juga dapat memilih opsi yang menunjukkan semua opsi penyesuaian pada satu layar yang nyaman.

Membatalkan perubahan

Saat Anda membuat perubahan pada teks, CSS Hero menerapkannya pada versi langsung situs Anda. Jangan khawatir tentang perubahan permanen sekarang: Sebelum menerapkan perubahan, Anda dapat menghapusnya dengan mengkliknya atau menekan tombol.

Namun, bahkan setelah memukul, Anda tidak terjebak pada perubahan yang tidak diinginkan. Untuk kembali ke aslinya, kembali ke tingkat atas menu Pahlawan CSS, navigasikan ke bagian dan pilih opsi.

Anda juga dapat mereset satu item ke pengaturan pabrik: cukup klik pada item yang ingin Anda pulihkan dan kemudian klik ikon "Setel Ulang" kecil di sebelah kanan menu. Tekan Konfirmasi dan elemen pemberontak Anda akan dikembalikan ke kejayaannya.

Seperti yang telah disebutkan, semua pengaturan diterapkan ke style sheet. Dalam kasus terburuk, style sheet asli untuk artikel Anda dipertahankan. Ini berarti bahwa apa pun perubahan yang Anda buat dengan CSS Hero, tidak ada kerugian jangka panjang yang dapat dilakukan. Jika semua pengaturan pemulihan lainnya gagal, Anda dapat mengembalikan tema default dan tidur dengan mudah.

Edit tema

Salah satu kekuatan CSS Hero adalah Anda dapat mengedit elemen apa pun di halaman Anda, tidak peduli seberapa besar atau kecilnya itu.

Dengan melihat gambar keseluruhan, Anda dapat mengedit gambar latar belakang, gaya sidebar, dan area footer situs Anda.

Ini dicapai dengan menggunakan proses yang sama yang kami gunakan untuk memproses bagian kami. Namun, ini menunjukkan bahwa CSS Hero dapat digunakan untuk membuat perubahan mendasar pada estetika situs Anda. Lihat tangkapan layar di bawah ini di mana saya mengubah latar belakang bilah sisi saya, mengubah gaya tajuk widget dan mengkonfigurasi ulang area tersebut. Ini gambar dasarnya:

Dan ini cocok untuk saya: Saya bukan desainer, saya akui, tetapi hanya butuh beberapa detik.

Anda juga dapat menyesuaikan tema konten kecil, seperti gambar, warna tautan, dan gaya daftar. Gaya daftar sangat menarik karena Anda dapat memilih bola khusus di bagian yang sesuai. Enam peluru premade keren didukung, termasuk kuadrat, desimal, dan angka Romawi. Anda juga dapat mengunggah ikon khusus Anda sendiri untuk tampilan yang lebih pribadi. Note untuk mendapatkan.

Semoga ini akan memberi Anda ide tentang bagaimana mengontrol desain situs Anda. Tema WordPress Anda adalah fondasinya, tetapi berkat CSS Hero, Anda dapat menyesuaikan setiap piksel di situs sesuai keinginan Anda tanpa menyentuh sebaris kode.

Lebih banyak fitur

CSS Hero memiliki beberapa fitur keren lainnya yang ingin saya perhatikan.

Yang pertama adalah itu. Dengan fokus yang berkembang pada desain responsif, penting agar situs Anda bekerja dengan mulus pada perangkat dari segala bentuk dan ukuran. CSS Hero memiliki fitur bawaan yang memungkinkan Anda melihat situs Anda di desktop, tablet, dan perangkat seluler.

Cukup pilih tampilan pilihan Anda dari toolbar (ini adalah pilihan kedua) dan biarkan CSS Hero mengubah ukuran layar Anda ke ukuran yang sesuai. Ini adalah cara terbaik untuk menguji perubahan yang Anda lakukan pada perangkat yang lebih kecil.

Selanjutnya, kita memiliki fungsi penting. Setiap kali Anda menekan tombol, CSS Hero menyimpan snapshot situs Anda. Foto-foto ini dapat dilihat dan dipulihkan dengan satu sentuhan tombol, yang berarti kerja keras Anda tidak pernah sia-sia. Anda dapat melompat-lompat dalam waktu.

Akhirnya, kami memiliki opsi yang tersedia di bagian ini. Ini memungkinkan Anda untuk mengekspor CSS yang diedit untuk digunakan di tempat lain, atau cukup mengunggahnya ke layar untuk memeriksa perubahan yang telah Anda buat (salah satu cara terbaik untuk mempelajari CSS).

Plugin Pro Inspektur

Anda yang telah memperbarui rencana mereka atau telah memasukkan plugin CSS Hero Inspector Pro dalam lisensi mereka.

Inspektur Pro diumumkan pada Mei 2015 dan baru-baru ini menjatuhkan versi beta. Ini ditujukan untuk pengguna CSS tingkat lanjut. Sementara CSS Hero adalah alat yang tidak memerlukan pengetahuan CSS, Inspector Pro dirancang untuk mereka yang ingin menyesuaikan situs mereka dengan secara langsung menyesuaikan CSS.

Inspektur Pro menampilkan CSS untuk tema Anda selama pratinjau langsung. Anda dapat mengedit kode ini seperti yang Anda inginkan dan perubahan Anda akan ditampilkan. Mampu mengedit CSS secara langsung memberi Anda kendali penuh atas pengaturan Anda, piksel demi piksel, dengan plugin ini.

Namun, Inspektur Pro juga menawarkan beberapa fitur yang berguna sehingga Anda tidak pernah sendirian. Misalnya, Anda dapat menggunakan fungsi pencarian praktis untuk melompat ke baris tertentu atau menonaktifkan garis tipe tertentu sehingga elemen yang tumpang tindih tidak diubah.

Jika Anda menulis ulang CSS dari awal, Anda akan menyukai plugin ini karena Anda tidak perlu lagi beralih dari satu jendela ke jendela lainnya; Anda dapat membuat dan melihat semua perubahan Anda di satu layar. Sebenarnya!

Dukungan Pahlawan CSS

Dari saat Anda masuk ke dasbor Pahlawan CSS, Anda dapat melihat bagaimana pengembang mencoba membantu Anda mendapatkan hasil maksimal dari plugin Anda.

Saya telah menyebutkan dokumentasi yang luas dan Akademi Pahlawan CSS (akademi masih dalam masa pertumbuhan, tetapi ada rencana konkret untuk melanjutkan ekspansi).

Kedua bagian ini sangat komprehensif, dan akademi berisi video tutorial yang bermanfaat. CSS Hero tampaknya sulit pada pandangan pertama, jadi tutorial video pendek ini sangat membantu dalam menemukan kaki saya. Jadi plugin terasa relatif sederhana.

Ada juga bagian dokumentasi tambahan yang dikenal sebagai. Ini untuk pengembang plugin / tema yang mengambil langkah-langkah yang diperlukan untuk memastikan produk mereka sepenuhnya kompatibel dengan CSS Hero, mis. H. siap menjadi pahlawan.

Ada juga forum dukungan bagi mereka yang masih tidak dapat menyelesaikan masalah mereka meskipun dokumentasi rinci. Personel pendukung Pahlawan CSS sering tersedia untuk menjawab pertanyaan dalam hitungan jam. Lisensi memberi Anda akses ke forum dan tim dukungan selama satu tahun.

Secara keseluruhan, CSS Hero tidak dapat disalahkan atas upaya dukungannya. Tutorial yang direkam dan direkam sebelumnya sangat membantu dan didistribusikan ke seluruh pengalaman pengguna yang paling mungkin dibutuhkan.

Ketika plugin WordPress menjadi lebih canggih, saya ingin lebih banyak pengembang mengikuti jejak CSS Hero dan segera menawarkan lebih banyak dukungan sehingga pengguna yang tidak berpengalaman tidak pernah merasa di luar jangkauan.

Pikiran terakhir

Secara keseluruhan, saya sangat terkesan dengan CSS Hero. Dengan potensi kustomisasi tanpa batas, plugin ini bisa dengan mudah luar biasa. Namun, karena antarmuka pengguna yang cerdas dan intuitif (dan tutorial yang bermanfaat), mudah digunakan setiap saat.

Opsi penyesuaian tidak terbatas dan memungkinkan Anda untuk mengubah tema Anda dengan cara apa pun yang memungkinkan. Dengan cara ini, Anda dapat membuat beberapa desain keren dan orisinal yang menggunakan dasar-dasar tema Anda dan semuanya tanpa membuat tangan Anda kotor dengan kode.

Namun, CSS Hero bukan untuk programmer yang hobi. Inspector Pro adalah alat yang menarik untuk pengembang berpengalaman yang ingin membuat situs web dari awal.

Plugin ini memungkinkan Anda untuk benar-benar membuat situs web dari awal dan melihat bagaimana kreasi Anda sampai ke garis demi garis kehidupan. Namun, lebih realistis untuk menyederhanakan dugaan dengan menyesuaikan tema dan menghemat banyak waktu bagi pengembang yang melakukan pekerjaan pelanggan.

Secara keseluruhan, CSS Hero adalah plugin unggul yang harus benar-benar menarik bagi pengguna WordPress dari semua tingkatan. Jika Anda belum melakukannya, cobalah!

(Perbarui – 16 Maret – CSS Hero telah dengan baik memberi kami yang spesial sejak saya menulis posting ini Kode kupon diskon Otorisasi pembaca WinningWP ke Diskon 40% – Lihat tanda terima).