WordPress arama sonuç sayfasında aranan kelimeyi vurgulamak

WordPress arama sonuç sayfasında aranan kelimeyi vurgulamak
53

WordPress aramalarını işlevsel hale getirmeye devam ediyoruz, dün paylaştığım yazıda arama sonuçlarını genişletmiştik ayrıca bu yazımda bahsedeceğim vurgulama (Highlight) özelliğini wordpress eklentisiyle başarabiliyordunuz. Bugün ise aranan kelimeyi vurgulamayı eklentisiz olarak nasıl yapabileceğimizden bahsedeceğim.091

İlk olarak temanızın search.php sayfasını açıyoruz ve aşağıdaki kodu buluyoruz.

<?php the_title(); ?>

Yukarıdaki kodu bulamadıysanız birde aşağıdakini aratmayı deneyin.

<?php echo $title; ?>

Yukarıda bulduğunuz kod ile aşağıdaki kodu değiştirin.

<?php $title = get_the_title(); $keys= explode(" ",$s); $title = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt">\0</strong>', $title); ?>

Son olarak css kodlamasını yapalım.

strong.search-excerpt {
 background-color:yellow;
 color:blue;
 }

İşlem tamamlanmıştır sonuç aşağıdaki gibidir.

2015-10-29 17-58-06 Ekran görüntüsü

Yorum Yap