Oktober 26, 2017

WordPress : Menimpa CSS WordPress Plugin

Menimpa CSS WordPress Plugin dengan CSS yang diinginkan adalah lebih baik merubah langsung CSS Plugin. Dengan menimpa CSS WordPress Plugin maka tampilan yang sudah perbaiki sesuai selera kita tidak akan berubah ketika melakukan update plugin ke versi yang lebih baru.

Menggunakan plugin pada umumnya sangat memudahkan bagi para pemakai WordPress self-hosted, dan ini merupakan salah satu kelebihan platform WordPress ketimbang platform Blogger, selain Theme WordPress yang sangat kaya dan juga bervariasi. Namun keduanya tetap ada penggemar.

Orang yang pintar membuat plugin belum tentu pintar juga membuat desain yang menarik. Atau bisa jadi ia memang pintar membuat desain yang cantik, namun seleranya berbeda dengan selera kita atau dengan theme yang digunakan, sehingga tetap saja perlu melakukan perubahan pada CSS-nya agar sesuai dengan theme yang kita pakai.

Setidaknya ada dua cara yang saya ketahui untuk menimpa CSS WordPress Plugin agar kita tidak dipusingkan ketika melakukan upgrade.

Menimpa CSS WordPress Plugin

Cara pertama Menimpa CSS WordPress Plugin
  1. Buka style.css anda
  2. Copy bagian css plugin yang sudah anda rubah dan paste ke style.css anda, cukup bagian yang anda rubah saja.
  3. Sisipkan !important di setiap bagian css yang anda rubah, misalnya untuk Author Avatar Plugin:
    .shortcode-author-avatars div.author-list .user {
    display: block !important;
    float: left !important;
    padding: 0 0 15px 0 !important;
    text-align:left !important;
    }


Cara kedua Menimpa CSS WordPress Plugin
  1. Buka style.css anda
  2. Copy bagian css plugin yang sudah anda rubah dan paste ke style.css anda, cukup bagian yang anda rubah saja.
  3. Sisipkan html pada awal css yang anda rubah, misalnya untuk Author Avatar Plugin:
    html .shortcode-author-avatars div.author-list .user {
    display: block;
    float: left;
    padding: 0 0 15px 0;
    text-align:left;
    }

Selamat mencoba, dan semoga tulisan Menimpa CSS WordPress Plugin ini bermanfaat buat Anda. Lihat juga tulisan lain di sini.
Label: Tutorial, WordPress
Bagikan ke: WhatsApp, Email. Print!.

aroengbinang, seorang penyusur jalan.
Traktir BA secangkir kopi? Scan via 'Bayar' GoPay.