Hei Sobat, Mungkin beberapa diantara kalian pernah melihat di beberapa situs ada judul sebuah artikel mempunyai dua warna yang berbeda, untuk itu saya ingin membagikan cara membuat judul dua warna di wordpress
- Pertama, tambahkan kode dibawah ini pada function.php tema wordpress anda
// Judul dua warna function judul_dua_warna($input_content) { if(str_word_count($input_content) > 3) { $str_length=0; $count=0; $word_array=str_word_count($input_content,1); foreach($word_array as $word) { if($count++ > 1) break; $str_length += strlen($word); } $mod_con_title = "<span class='warna'>".substr_replace($input_content,"</span> ", strpos($input_content," ",$str_length),1); } else if(str_word_count($input_content) > 1) $mod_con_title = "<span>".substr_replace($input_content,"</span> ", strpos($input_content," ",0),1); else $mod_con_title = $input_content; echo $mod_con_title; }
- Tambahkan kode dibawah ini di file .CSS anda, css ini untuk mewarnai teks pada judul artikel yang sudah ditammbahkan pada function.php tepatnya pada kata "<span class='warna'>"
.warna{ color:#01cfca;/* ----------Pilih warna faforit sobat---------------- */ }
- Langkah terakhir, cari kode pada single.php atau content-single.php atau tergantung dari template wordpress anda, Temukan kode <?php the_title(); ?> dan ganti dengan kode dibawah ini
<?php echo judul_dua_warna(get_the_title()); ?>
trik membuat judul dua warna ini bisa juga anda letakkan sesuai dengan keinginan anda, mungkin di halaman depan atau archive dari template anda.