Bagaimana dengan menyesuaikan Live WordPress Theme secara realtime? Nah, CSSHero adalah Plugin untuk melakukan perubahan dengan cara Mudah

Diterbitkan: 2016-04-07

Kustomisasi Tema WordPress Langsung dengan CCSHero

WordPress 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 dan done

CSSHero bekerja sama dengan Crunchify, memberikan 10 free Licenses kepada pembaca Crunchify. Mengisi formulir google ini untuk 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 diskon 34% off Pemula, Paket Pribadi, dan 40% off paket Pro.

Daftarkan lisensi Anda dan unduh CSSHero plugin versi terbaru dari dasbor Anda: http://www.csshero.org/

Unduh Plugin CSSHero untuk WordPress

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

Dapatkan Halaman Lisensi Pahlawan CSS

Poin-1) Mari kita mulai fungsionalitas

  • Sekarang buka home page blog Anda dan Anda akan melihat tombol animasi CSSHero di sudut top right .
  • Klik itu dan plugin akan memuat control panel yang sesuai dengan tema Anda

Lihatlah gif di bawah ini dengan semua CSSHero options :

Panel Opsi CSSHero

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.

Lihat UI perubahan properti CSSHero HTML

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.

Lihat Tata Letak Seluler yang Berbeda

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.

Periksa Riwayat Perubahan

Poin-5) Pengaturan dan Opsi Alat

Preset Settings dan Tools Options .

Muat semua perubahan Anda dari Akun atau perubahan lokal

Setel ulang semua opsi pengaturan

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.

CSSHero Aktifkan RocketMode

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.

Dokumen dan dukungan yang sangat bagus untuk CSSHero

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:

Kode kupon diskon 40% CSSHero - CRUNCHIFY

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

Tambahkan kode CRUNCHIFY untuk mendapatkan diskon hingga 40% di CSSHero

Langkah-4

  • Klik tombol Redeem untuk mendapatkan 34% off Starter dan Personal Plan
  • Dapatkan 40% off paket Pro

Plugin Editor Tema CSSHero dan kode Kesepakatan Eksklusif Crunchify-CRUNCHIFY

Daftar semua penawaran: https://crunchify.com/deals/