Oktober 26, 2017

WordPress : Merubah Warna Link dalam Div

Dengan menggunakan sebuah theme di WordPress, Anda telah memiliki satu set warna default untuk link, hover, dan visited link di style.css anda. Namun anda ingin merubah warna link untuk suatu tautan tertentu saja. Bagaimana kah caranya?

Lay-out dan tampilan sebuah blog pada dasarnya mewakili selera dan gaya pemiliknya. Blog anak muda biasanya lebih dinamis dan ceria, dengan warna-warna lebih berani. Blog yang dimiliki remaja dan orang yang lebih tua tentunya memiliki ciri dan warna yang berbeda.

Untuk memuaskan selera individual pemilik blog, berikut ini adalah langkah-langkah untuk merubah warna link dalam div:
  1. Buka style.css anda, back-up dahulu sebelum melakukan perubahan.
  2. Masukkan kode css di bawah ini ke dalam style.css anda:
    .xlink a:link {color: #e9e9e9}
    .xlink a:visited {color: #e9e9e9}
    .xlink a:hover {color: #c00}
    .xlink a:active {color: #c00}
    .xlink {}

    anda bisa mengganti nama "xlink" dengan nama lain, dan rubah kode warna sesuai keperluan.
  3. Save style css yang telah anda rubah.
  4. Buka file php dimana link dalam div akan ditempatkan. Yang saya lakukan adalah memasukkannya dalam header.php
  5. Masukkan kode berikut ini:
    <div class="xlink" style="font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;"><a href="/">Travelog</a></div>
    Ganti definisi style dan link sesuai keperluan. Save, selesai.
Selain div, anda juga bisa menggunakan span.
Label: Tutorial, WordPress
Bagikan ke: WhatsApp, Email. Print!.

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