Home Info Menarik 5 Plugin Custom CSS Terbaik untuk Live Editing WordPress

5 Plugin Custom CSS Terbaik untuk Live Editing WordPress

636
0

Ada kalanya tampilan default dari theme WordPress yang dipakai masih belum memberikan rasa puas bagi diri sendiri.

Entah itu karena warna yang tidak cocok, ukuran font terlalu besar, atau bagian tertentu yang ingin dihilangkan. Yang jelas, jika kita bisa merubah tampilan seperti yang diinginkan pasti akan memberikan kepuasan tersendiri.

Ditambah lagi, sebuah keuntungan juga untuk para pengguna WordPress karena ada banyak sekali plugin Custom CSS yang bisa anda gunakan untuk merubah tampian struktur webiste sesuai selera yang diinginkan. Tapi sementara ini, karena banyaknya plugin tersebut justru kita jadi bingung untuk memilih mana yang terbaik.

Anda tidak perlu khawatir karena saya sudah mereview beberapa plugin cutom CSS live editing yang paling direkomendasikan untuk pengguna WordPress. Dan kabar baiknya plugin ini gratis, bisa didownload langsung di direktori WordPress.org.

Inilah 5 plugin custom CSS terbaik untuk live editing tapilan website anda.

SiteOrigin CSS

SiteOrigin CSS adalah plugin custom CSS terbaik saat ini dengan fitur yang paling lengkap. Tercatat lebih dari 30.000 pengguna aktif memakai plugin ini yang sekaligus membuktikan bahwa SiteOrigin adalah salah satu plugin yang paling banyak diminati.

SiteOrigin CSS memeiliki dua metode untuk custom css, yaitu secara visual dan manual. Dengan metode visual, anda bisa custom tampilan dengan mudah tanpa harus memiliki keahlian khusus tentang bahasa pemrograman CSS. Semua tool untuk custom CSS sudah disediakan oleh plugin ini.

Sedangkan metode manual, anda bisa custom tampilan dengan full memakai kode CSS berdasarkan skill pribadi.

Untuk edit tampilan item tertentu memakai metode visual, anda bisa mulai dengan mengklik pada elemen yang ingin diedit kemudian sesuaikan atribut elemen menggunakan pilihan yang sudah tersedia seperti text, tata letak dan ukuran.

Namun jika anda memilih untuk memakai metode manual, anda bisa masuk ke Appereance > Custom CSS dan mulai menuliskan kode CSS didalam kotak yang tersedia.

Advanced CSS Editor

Advanced CSS Editor dikembangkan oleh salah satu developer theme WordPress yang sangat terkenal yaitu Tesla Theme. Dar segi kualitas tentu saja tidak perlu diragukan lagi melihat kiprah Tesla Theme dalam industri theme WordPress saat ini.

Aturan CSS yang bisa ditulis didalam plugin ini berlaku secara global tapi anda juga bisa membuat target tertentu untuk mobile, desktop, tablet dan sebagainya. Nanti setelah anda cutom CSS, hasil dari perubahan yang dilakukan bisa dilihat pada live customizer preview secara otomatis.

Jika anda memilih target tertentu misal untuk perangkat mobile, nanti live cutimozer preview yang ditampilkan akan disesuaikan dengan resolusi layar mobile pada umumnya.

Customizer Custom CSS

Customizer Custom CSS dikembangkan oleh seorang developer tunggal yaitu Bijay Yadav. Mungkin kesan pertama saat anda melihat tampilan deskripsi plugin Customizer Cutom CSS terlihat kurang menjanjikan dengan jumlah pengguna 800 orang.

Tapi dari segi review dan update versi terbaru, plugin ini terbilang cukup handal untuk urusan cutom CSS WordPress. Bisa dilihat sendiri, tidak ada satupun pengguna yang mendapatkan masalah saat memakai plugin ini.

Cara menggunakannya juga sangat mudah, tidak berbeda jauh dengan plugin lainnya. Anda cukup masuk ke Appereance > Customizer dan anda akan melihat item menu Customizer Custom CSS didalamnnya, kemudian langsung tulis kode CSS didalam kotak yang disediakan.

TJ Custom CSS

TJ Custom CSS dikembangkan oleh salah satu developer theme WordPress yang cukup terkenal juga yaitu Theme Junkie (sering disebut TJ). Setelah mengaktifkan plugin ini, anda bisa langsung custom CSS secara live dari Appereance > Customizer.

Atau bisa juga custom CSS secara manual dengan masuk ke Appereance > Custom CSS.

Selain itu, plugin ini juga cukup ringan untuk digunakan dan tidak memberatkan resource hosting anda terutama untuk spesifikasi hosting standar kebawah.

Modular Custom CSS

Modular Custom CSS menawarkan pengalaman berbeda dengan plugin lainnya. Anda akan sangat dimudahkan dengan fitur navigasi yang tersedia pada plugin ini.

Kebanyakan plugin menawarkan custom CSS live disaat theme tersebut aktif dan sedang digunakan. Tapi Modular Custom CSS berbeda, anda bisa custom CSS theme yang sedang dalam kondisi tidak aktif.

Bisa dibilang fitur inilah yang paling menonjol pada plugin Modular Custom CSS dan tidak tertandingi oleh plugin lainnya.

Mana Yang Terbaik ?

Saya pribadi tidak bisa menetapkan mana yang paling layak untuk digunakan karena tiap plugin memiliki keistimewaan tersendiri yang tidak dimiliki oleh plugin lainnya.

Tapi setidaknya, dengan beberapa fitur unggulan ini anda bisa memilih mana yang kira-kira paling cocok digunakan pada website yang anda kelola.

LEAVE A REPLY

Please enter your comment!
Please enter your name here