Menambahkan Custom CSS Style Pada Editor WordPress


Banyak hal yang istimewa dari wordpress, mulai dari ringannya database “bila dibandingkan dengan senyumanmu membuat akuuu… jatuh bangun…” halah. Mulai dari ringannya database bila dibandingkan dengan CMS lain, kemudian user friendly, search engine friendly dan banyak lagi yang lain, alasan-alasan inilah yang membuat lembaga-lembaga korporat menjadikan wordpress sebagai base engine websitenya. Kuat, begitulah wordpress.

Begitu powerfullnya wordpress hingga semuanya bisa di tangani oleh plugin apabila terdapat fitur yang kurang. Pernyataan ini bukan berarti penulis mendewakan wordpress, tapi berawal dari kekaguman akan engine wordpresslah yang membuat penulis mengatakan seperti ini.

Oke, kita melenceng dari topik bahasan intinya. Seorang web developer biasanya menyediakan style style css tertentu yang membuat entah itu post atau page memiliki tampilan yang di inginkan. WordPress menyediakan editor yang ciamik, namun tetap saja kurang karena untuk menambahkan style tertentu si pembuat artikel yang entah dia seorang yang advanced atau pemula terlebih dahulu masuk ke dalam mode HTML kemudian menambahkan style css ke dalam tag html yang di inginkan, untuk seorang advanced tidak masalah, namun bagaimana dengan seorang pemula yang tidak mengerti CSS dan HTML sama sekali? Baginya menambahkan style ke dalam tag dengan cara mengetik dalam mode HTML itu wasting time saja. Betul?

Solusinya adalah plugin Insert Link Class. Anda dapat mendownloadnya di sini http://downloads.wordpress.org/plugin/insert-link-class.zip, cukup download terlebih dahulu kemudian lakukan instalasi plugin tersebut.

Caranya adalah masuk ke dalam plugin | Install Plugins | upload setelah upload kemudian pilih activate saja.

Setelah plugin tersebut aktif siapkan terlebih dahulu classnya dengan cara menyisipkan class css style ke dalam file style.css themes yang sedang Aktif. Misalnya seperti ini themes yang Anda gunakan saat ini adlaah Twenty Ten, cari file style.css di dalam? direktori wordpress Anda/wp-content/themes/twentyten kemudian sisipkan class css style nya ke dalam file style.css. Atau Anda juga bisa menggunakan Appearance | Editor kemudian klik stylesheet di sebelah kanan, seperti gambar di bawah ini …

Kemudian tambahkan class baru, dan update.

Setelah itu masuk ke bagian Link Class Setting …

Tambahkan dengan cara mengklik button Add Class, kemudian masukkan name yang akan tampil di editor wordpress dan class yang baru saja di buat. Dan secara otomatis class tersebut akan muncul di editor wordpress Anda.

Oke Terima Kasih. Selamat Mencoba.

 

SUMBER = http://www.ilmuwebsite.com/menambahkan-custom-css-style-pada-editor-wordpress

By Irvan Galuh,

Be the first to write a comment.

Your feedback