Cara Membuat Highlight Pencarian pada Search Wordpress

fikdesign, grafis desain, tutorial desain, web desain, tutorial blogspot, belajar membuat blog wordpress

Kali ini saya akan membagi kode tentang Cara Membuat Highlight Pencarian pada Search Wordpress, pertama-tama masukkan kode function ini kedalam template.. tepatnya di function,php

function search_excerpt_highlight() {
    $excerpt = get_the_excerpt();
    $keys = implode('|', explode(' ', get_search_query()));
    $excerpt = preg_replace('/(' . $keys .')/iu', '<strong class="search-highlight">\0</strong>', $excerpt);

    echo '<p>' . $excerpt . '</p>';
}

function search_title_highlight() {
    $title = get_the_title();
    $keys = implode('|', explode(' ', get_search_query()));
    $title = preg_replace('/(' . $keys .')/iu', '<strong class="search-highlight">\0</strong>', $title);

    echo $title;
}

Berikutnya ganti kode ini di search.php pada template anda :

function search_content_highlight() {
        $content = get_the_content();
        $keys = implode('|', explode(' ', get_search_query()));
        $content = preg_replace('/(' . $keys .')/iu', '<strong class="search-highlight">\0</strong>', $content);

        echo '<p>' . $content . '</p>';
    }

Agar effectnya terlihat bagus, tambahkan juga kode CSS di style.css

.search-highlight {
    background:#FFFF00  
}

Simak juga artikel yang tak kalah menarik ini.. Cara mudah mendapatkan backlink gratis