Gunakan Jetpack Custom CSS Editor WordPress
- Edi Sumarsono
- Aug 8, 2014
- 2 min read
Dikembangkan oleh orang-orang di Automatic, Jetpack adalah Satu plugin WordPress yang membawa banyak fitur dari WordPress.com ke situs self-hosted Wordpress. Saya menyebutkan beberapa daftar fitur yang akan membuat kita lebih mudah dalam mengelola situs WordPress kita, seperti : statistik Site, Carousel untuk efek galeri image, Publicize, Mobile theme dan sebagainya.
Dalam artikel ini saya akan menyarankan kepada anda yang sering melakukan kustom theme pada wordpress untuk mengaktifkan salah satu fitur dari jetpack yaitu Custom CSS Editor.
Daftar Isi
Apakah saya membutuhkannya?
Anda tidak harus menginstallnya dan semuanya tergantung pada anda, tapi lihat dulu manfaatnya:
Kenyamanan: Bila anda mengaktifkan fitur Custom CSS, anda akan memiliki CSS Stylesheet Editor di admin-panel wordpress anda, di mana anda dapat dengan bebas memasukkan kode custom anda dan mulai menyesuaikan tampilan theme wordpress anda.
Keamanan: Tanpa mengubah file stylesheet yang ada, Jetpack Kustom CSS menyimpan kode kustom dalam database anda. Karena itu, sangat aman untuk menggunakan Custom CSS. Anda dapat menghapus setiap perubahan yang anda buat tanpa mengganggu situs anda, dan bahkan ketika menonaktifkan atau menghapus Jetpack, perubahan ini masih ada dalam database anda.
Mulai Menggunakan Custom CSS
1. Pertama, silahkan install Jetpack ke situs WordPress anda. Custom CSS sudah hadir bersama dengan beberapa fitur dari jetpack.
2. Ada 2 cara yang bisa dilakukan untuk mengaktifkan plugin Jetpack:
Hubungkan dengan account WordPress.com anda. Jika anda belum memilikinya, silahkan buat akun wordpress.com terlebih dahulu disini.
Development Mode : jika anda ingin menggunakan Jetpack tanpa tersambung ke account Wordrress.com, anda dapat menggunakan development mode lokal. Tambahkan kode berikut ke file wp-config.php anda:
Anda dapat membaca lebih lanjut di sini.
3. Masuk ke menu jetpack dan cari Fitur Custom CSS dan aktifkan.
4. Sekarang anda akan memiliki CSS Stylesheet Editor in Settings > Edit CSS
Pastikan bahwa anda melihat sebuah perubahan yang telah anda buat dan klik save untuk menyimpanya.
CSS Revision Modul
Tepat di Editor, CSS Revision Modul menunjukkan salinan cadangan dari CSS anda setiap kustomisasi yang anda simpan. Jetpack akan menyimpan hingga 25 revisi, Anda bisa klik Restore untuk mengembalikan perubahan dan kembali ke versi sebelumnya.
Komentar