TRIK DUA WARNA BERBEDA PADA TITLE WORDPRESS – Mungkin beberapa diantara kita pernah melihat di sebuah situs, terdapat title atau judul dari sebuah artikel mempunyai 2 warna yang berbeda, bagaimanakah cara membuat 2 warna yang berbeda pada bagian title seperti website tersebut di wordpress, berikut saya akan memberikan sebuah tutorial trik untuk membuat 2 warna pada bagian title.
Tambahkalahn kode dibawah ini pada bagian fungtion.php
/*——-*/
/* Dua Warna Title
/*——-*/
function add_span_to_title($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;
}
Css ini saya pakai untuk mewarnai bagian judul, 2 kata pada awal judul tersebut, dan class dari CSS ini saya input pada script Fungtion.php seperti diatas.
.warna{
color:#00BFAE;
}
Langkah yang terakhir cari code pada single.php dan ubah the_title dengan script seperti dibawah ini, namun jika anda sedang menggunakan template yang lain mungkin akan menjadi berbeda letak nya. seperti sebuah template default dari wordpress yaitu twentyfourteen maka letak bagian script title di single content adalah di bagian content.php . dan script trik untuk merubah 2 warna pada bagian title ini bisa juga anda letakkan sesuai dengan selera anda, mungkin di bagian home atau index.php dari bagian template anda.
<!– Start Title –>
<h1 class=”title single-title”><?php echo add_span_to_title(get_the_title()); ?></h1>
<!– End Title –>
.png){kind=icon}