Download Now Download Themes Gratis WordPress Responsive!

Gunakan Jetpack Custom CSS Editor WordPress

jetpack wordpressDikembangkan 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.

Baca : 6 Alasan anda harus install Jetpack

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:

define( 'JETPACK_DEV_DEBUG', true);

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.

Baca : Cara Update Artikel WordPress Melalui Email

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Google+.

Daftar isi Tutorial Wordpress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

WebHostingPad

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

  • Bengkulu Personal Web

    mau tanya gan, d situs jetpack disebutkan bahwa kita bisa kostumisasi jetpack mobile theme…gmna cranya tu an???ane kagak ngerti. ane krg puas dengan tampilan mobile dri jetpack

Must Read...!
Mengatur Minimum Panjang Komentar WordPress

Komentar singkat adalah sesuatu yang menjengkelkan sebenarnya dan sebagian besar tidak membantu. Sementara kita...

Cara Cek Kode Berbahaya di Theme WordPress

Banyak theme gratis yang tersebar di internet dari berbagai sumber, ada juga theme nulled,...

Close