Bagaimana dengan menyesuaikan Live WordPress Theme secara realtime? Nah, CSSHero adalah Plugin untuk melakukan perubahan dengan cara Mudah
Diterbitkan: 2016-04-07WordPress adalah kerangka kerja CMS, penuh dengan penyesuaian dan menyediakan banyak API dan pengait yang dapat digunakan oleh pengembang mana pun untuk memodifikasi tema dan plugin. Itulah alasannya saat ini kami memiliki opsi untuk memilih plugin dari ribuan plugin yang tersedia dari repositori resmi WordPress.
Dalam posting ini kita akan membahas plugin baru CSSHero
dengan semua detailnya. Tapi sebelum kita mulai, mari kita fokus pada these questions
.
- Bagaimana cara
make live changes
ke situs WordPress Anda? - Perubahan tema secara realtime?
- Apakah ada cara mudah untuk mengetahui jumlah properti CSS untuk tema WordPress?
- Edit Blog WordPress Anda Dengan Pratinjau Waktu Nyata
- Menyesuaikan tema WordPress sebelum ditayangkan
Jika Anda memiliki pertanyaan di atas maka Anda berada di tempat yang tepat.
Jika Anda ingin melakukan perubahan langsung sendiri without any help
plugin, maka Anda perlu mengetahui hampir ~300 of CSS properties
sebelumnya. Agak tidak mungkin untuk memodifikasinya untuk melihat perubahan nyata dalam mode tema langsung. customizer
WordPress memungkinkan Anda untuk memodifikasi beberapa properti tetapi tidak semua dan itulah masalah sebenarnya yang kami miliki.
Saya akan mengatakan kami memiliki DUA opsi:
Opsi-1) Lakukan perubahan CSS secara manual
- Buka blog Anda di Chrome / Mozilla
- Klik kanan pada elemen CSS, seperti Header, Post, gambar, dll
- Klik
Inspect
untuk melihat properti CSS - Buat perubahan untuk melihat efeknya
- Setelah Anda baik-baik saja – Buka file
style.css
tema dan simpan perubahan - Ulangi prosesnya beberapa kali
Opsi-2) Gunakan plugin dengan fungsionalitas bawaan, dalam kasus kami ini adalah CSSHero
- Lakukan perubahan di
live site
dengan editor - Lihat hasil langsung
- Klik
Save button
dandone
CSSHero bekerja sama dengan Crunchify, memberikan
10 free Licenses
kepada pembaca Crunchify. Mengisiformulir google iniuntuk mendapatkan nama Anda terdaftar. – Hadiah Berakhir
Mari instal CSSHero dan lakukan perubahan tema WordPress langsung
NOTE
: Lihat Video lengkap di bagian bawah posting ini.
Langkah 1
Mengapa CSSHero? CSSHero adalah plugin WordPress premium
. Lisensi dasar dimulai dengan $29/site
. Saya akan mengatakan – jika Anda seorang pemula atau profesional, patut dicoba. Muncul dengan jaminan uang kembali 30 days
.
Gunakan kode
CRUNCHIFY
untuk mendapatkan diskon34% off
Pemula, Paket Pribadi, dan40% off
paket Pro.
Daftarkan lisensi Anda dan unduh CSSHero plugin
versi terbaru dari dasbor Anda: http://www.csshero.org/
Langkah 2
- Instal dari panel admin WordPress Anda dan aktifkan
- Pada aktivasi itu akan meminta
Key
- Cukup klik
Get my Key Now!
tombol dan itu akan membuka halaman dengan kunci Lisensi - Klik
Get License
dan Anda siap
Poin-1) Mari kita mulai fungsionalitas
- Sekarang buka
home page
blog Anda dan Anda akan melihat tombol animasi CSSHero di suduttop right
. - Klik itu dan plugin akan memuat
control panel
yang sesuai dengan tema Anda
Lihatlah gif di bawah ini dengan semua CSSHero options
:
Poin-2) Opsi Editor Tema CSSHero
Ide untuk theme editor
adalah mengubah semua theme's style
Anda dengan editor visual sederhana. Dengan bantuan editor tema CSSHero Anda dapat mengubah
- Teks Tajuk
- fon
- berbatasan
- gaya, dll.
Hal yang sama berlaku untuk
- isi tubuh
- pos masuk
- nilai meta
- nilai header
- catatan kaki
- sidebar, dll. Lihat GIF di bawah ini.
Poin-3) Satu klik opsi tata letak perangkat praktis
Seperti yang Anda lihat pada gambar di bawah, editor tema memberi kami opsi untuk memeriksa nomor Layouts
Seluler, iPhone, iPad yang berbeda dari tema Anda hanya dengan mengarahkan mouse dan satu klik.

Poin-4) Bagaimana cara membatalkan perubahan terbaru Anda?
Pengguna memang memiliki opsi untuk membatalkan semua perubahan terbaru menggunakan modul Change history
perubahan sederhana. Saya yakin, tidak ada pengembang yang menyelesaikannya dengan benar pada upaya pertama, setidaknya saya :). Ini sangat berguna bagi saya.
CSSHero juga menyediakan modul yang sangat berguna yang menunjukkan all of your save changes
. Anda dapat kembali ke timeline
dan kembali ke versi sebelumnya. Bukankah itu alat yang berguna? Saya telah menggunakan alat ini sejauh ini beberapa kali dan menyukainya.
Poin-5) Pengaturan dan Opsi Alat
Preset Settings
dan Tools Options
.
Lihatlah video terperinci yang telah kami ambil yang menunjukkan semua fungsionalitas CSSHero
WordPress Custom CSS Editor.
Video Youtube Detil:
Sekarang karena Anda telah melihat semua fungsinya, saatnya untuk mengajukan pertanyaan di bawah ini :).
Poin-6) Apakah plugin ini berfungsi dengan tema saya?
Sesuai informasi dari situs CSSHero resmi, plugin berfungsi dengan semua kerangka kerja Tema WordPress di bawah ini.
- Kerangka Kejadian
- HasilkanTekan
- LayersWP
- Tema Ultimatum
- Total
- Dimuka
- WP Bootstrap
- Tematik
- Wajib+Yayasan
- Akhir
- DMS baris halaman
Jika tema Anda isn't compatible
dengan CSSHero maka no worries
. Ini akan menunjukkan kepada Anda opsi untuk mengaktifkan Rocket mode
.
Message
: Dukungan asli untuk tema ini tidak ada. Ingin mencoba deteksi Otomatis Mode Roket? Cukup enable it
dan coba ubah CSS again
dan Anda akan melihat opsi yang sama seperti yang Anda lihat di video di atas.

Butir-7) Bagaimana dengan Dukungan dan Dokumentasi Plugin?
Beberapa plugin WordPress populer, seperti Gravity Forms, WooCommerce, Contact Form7, WP Pools, dan lainnya kompatibel dengan kerangka CSSHero.
Artinya, CSSHero tidak hanya bekerja dengan theme customization
tetapi juga bekerja dengan plugin layout customization
.
Last but not least, di situs resminya, ada sejumlah artikel tips and tricks
terperinci yang tersedia untuk Anda baca.
Only Cons
yang dapat saya pikirkan adalah membiasakan diri dengan semua fungsi. Mungkin perlu beberapa waktu bagi Anda untuk memulai dan menjadi profesional. Setelah Anda terbiasa dengan CSSHero, saya yakin ini akan menjadi very handy solution
untuk semua blogger WordPress.
Hubungi kami jika Anda memiliki produk, plugin, tema, dll yang menurut Anda ingin Anda promosikan.
Berikut adalah Penawaran Eksklusif Crunchify untuk CSSHero:
Hai Pembaca Crunchify –
Kami dengan senang hati mengumumkan up-to 40% off
plugin kustomisasi CSSHero WordPress Theme.
Silakan lihat langkah-langkah di bawah ini
Langkah 1
- Pergi ke situs CSSHero: https://www.csshero.org/
- Klik tautan
Pricing Plans
Langkah 2
- Klik tombol
I have a coupon code
Langkah-3
- Masukkan Kode Kupon:
CRUNCHIFY
Langkah-4
- Klik tombol Redeem untuk mendapatkan
34% off
Starter dan Personal Plan - Dapatkan
40% off
paket Pro
Daftar semua penawaran: https://crunchify.com/deals/