Melakukan Highlight Menu dengan CSS Class

Posted: July 7, 2017 in Komputer

Artikel ini dibuat sebagai info aja, kemarin buat web untuk kerjaan, dan klien minta agar salah satu menu diberi highlight (menu dibuat besar atau semacamnya), kemarin gw pribadi sempet google caranya, dan kebanyakan ya edit functions.php atau semacamnya, tapi gak disangka ternyata ada fitur langsung dari WordPress yang memudahkan (baru tau soalnya), yaitu CSS Classes (contoh highlight menu lihat dibawah ini)

highlight-menu

Cara mengaktifkannya adalah buka Appearance > Menus, lalu pada pilihan di kanan atas yaitu Screen Options, klik dan centang CSS Classes

Jika sudah dicentang, maka buat menu baru atau menggunakan menu yang sudah ada, dan sesuaikan dengan CSS yang ingin dipakai, contoh misalkan:

nama-menu > a {
background-color: #8bc34a;
color: #fff;
}

Selesai! Refresh Homepage untuk lihat hasilnya

Referensi

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s