플러그인없이 검색어를 강조 표시하는 방법

Question

플러그인없이 검색어를 강조 표시하는 방법

- 18
- 16968 2011-05-01
플러그인없이 검색어를 강조 표시하려면 어떻게해야합니까?

How can I get the search terms highlighted without plugin?

search
- 출처
- t-p

4 대답

투표

4

2014-12-09

위의 내용이 잘 작동합니다. 유사한 코드를 실행했지만 제목과 발췌 부분을 함께 연결했습니다.그러나 누군가 검색어의 시작 또는 끝에 공백 ""을 입력하면 오류가 발생합니다.

그래서 다음 줄을 추가했습니다.
$keys = array_filter($keys);

// Add Bold to searched term function highlight_results($text){ if(is_search() && !is_admin()){ $sr = get_query_var('s'); $keys = explode(" ",$sr); $keys = array_filter($keys); $text = preg_replace('/('.implode('|', $keys) .')/iu', ''.$sr.'', $text); } return $text; } add_filter('the_excerpt', 'highlight_results'); add_filter('the_title', 'highlight_results');

다른 사람들에게 도움이되기를 바랍니다.

The above works well I've run the similar code, but tie the title and excerpt together. But found it breaks when someone enters a space " " either at the beginning or end of a search query term.

So Ive add this line:
$keys = array_filter($keys);

// Add Bold to searched term function highlight_results($text){ if(is_search() && !is_admin()){ $sr = get_query_var('s'); $keys = explode(" ",$sr); $keys = array_filter($keys); $text = preg_replace('/('.implode('|', $keys) .')/iu', ''.$sr.'', $text); } return $text; } add_filter('the_excerpt', 'highlight_results'); add_filter('the_title', 'highlight_results');

Hope this proves to help others.

출처

Kyzer

2

2015-07-27

위의 해결 방법은 검색어가 HTML 태그 안에 있으면 페이지를 깨뜨립니다.다음과 같이 사용해야합니다.

$regEx = '\'(?!((<.*?)|(<a.*?)))(\b'. implode('|', $keys) . '\b)(?!(([^<>]*?)>)|([^>]*?</a>))\'iu'; $text = preg_replace($regEx, '\0', $text);

The above solutions break the page if the search term appears inside HTML tags. You should use something like:

$regEx = '\'(?!((<.*?)|(<a.*?)))(\b'. implode('|', $keys) . '\b)(?!(([^<>]*?)>)|([^>]*?</a>))\'iu'; $text = preg_replace($regEx, '\0', $text);

출처

TAH

당신이 내 하루를 만든 고마워요 메이트 :-)

thanxs mate you made my day :-)

1

2016-01-26

Agha Umair Ahmed

0

2020-03-02

필터 사용을위한 2 개의 답변 결합 :

// Add class to searched terms function highlight_results($text) { if (is_search() && !is_admin()) { $sr = get_query_var('s'); $keys = explode(' ', $sr); $keys = array_filter($keys); $text = preg_replace('/('.implode('|', $keys) .')/iu', '\0', $text); } return $text; } add_filter('the_excerpt', 'highlight_results'); add_filter('the_title', 'highlight_results');

그런 다음 CSS (예 :) :

.search-highlight { background: #ffff94; padding: 0 2px; }

Combined 2 answers to use filters :

// Add class to searched terms function highlight_results($text) { if (is_search() && !is_admin()) { $sr = get_query_var('s'); $keys = explode(' ', $sr); $keys = array_filter($keys); $text = preg_replace('/('.implode('|', $keys) .')/iu', '\0', $text); } return $text; } add_filter('the_excerpt', 'highlight_results'); add_filter('the_title', 'highlight_results');

Then in your CSS (for example) :

.search-highlight { background: #ffff94; padding: 0 2px; }

출처

Vincent Decaux

Chris_O · Answer 1 · 2011-05-01

16

2011-05-01

functions.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;
}

수정 :

검색 결과에the_content를 사용하려면 아래 기능을 사용하세요.

 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>';
    }

루프 또는 search.php 파일에서 <?php search_title_highlight(); ?> 대신 <?php the_title(); ?> 및 <?php search_excerpt_highlight(); ?> 대신 <?php the_excerpt(); ?>

css에 검색된 모든 단어를 노란색으로 강조 표시하는 search-highlight 클래스를 추가하세요.

 .search-highlight {
    background:#FFFF00  
    }

Add these 2 functions to your functions.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;
}

Edit:

To use the_content for your search results use the function below:

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>';
    }

In your loop or search.php file call <?php search_title_highlight(); ?> instead of <?php the_title(); ?> and use <?php search_excerpt_highlight(); ?> instead of <?php the_excerpt(); ?>

In your css add the search-highlight class which will highlight all searched words in yellow.

.search-highlight {
    background:#FFFF00  
    }

[`preg_quote ()`] (http://php.net/preg_quote)를`$ keys`에 적용하여 괄호 나 대괄호와 같은 특수 문자의 경우 정규식이 부 풀리지 않도록합니다.

Apply [`preg_quote()`](http://php.net/preg_quote) to `$keys` to prevent your regex from blowing up in case of special characters like parentheses or brackets.
- 4
- 2011-05-01
- Geert
사용자가 싱글을 클릭하고 게시물에 들어간 후 검색어를 강조 표시하는 것은 어떻습니까?그런 다음 **get_search_query () **는 빈 문자열을 반환합니다.

What about highlighting the search term after the user clicks on the single and goes inside the post? Then the **get_search_query()** returns an empty string
- 1
- 2011-05-22
- Maor Barazany
대신`the_excerpt` 및`the_content`에 대한 필터 여야합니다.어쨌든 : 좋은 대답이지만 @Geert의 의견은 :)

Those should be filters for `the_excerpt` and `the_content` instead. Anyway: Nice answer, but the comment from @Geert could be worked in :)
- 1
- 2012-10-13
- kaiser
검색어가있는 경우 더 읽기 링크에 코드를 적용합니다. 어떻게 해결할 수 있습니까?

It apply code in our readmore link also if it have search term, How can we solve that.

1

2012-10-18

readmore href의 텍스트도 대체하고 있습니까?이 문제를 해결하는 방법?

it is replacing the text in the readmore href also? how to fix this?

1

2014-01-13

Naveen

Kyzer · Answer 2 · 2014-12-09

4

2014-12-09

위의 내용이 잘 작동합니다. 유사한 코드를 실행했지만 제목과 발췌 부분을 함께 연결했습니다.그러나 누군가 검색어의 시작 또는 끝에 공백 ""을 입력하면 오류가 발생합니다.

그래서 다음 줄을 추가했습니다.

 $keys = array_filter($keys);

 // Add Bold to searched term
function highlight_results($text){
     if(is_search() && !is_admin()){
     $sr = get_query_var('s');
     $keys = explode(" ",$sr);
     $keys = array_filter($keys);
     $text = preg_replace('/('.implode('|', $keys) .')/iu', ''.$sr.'', $text);
     }
     return $text;
}
add_filter('the_excerpt', 'highlight_results');
add_filter('the_title', 'highlight_results');

다른 사람들에게 도움이되기를 바랍니다.

The above works well I've run the similar code, but tie the title and excerpt together. But found it breaks when someone enters a space " " either at the beginning or end of a search query term.

So Ive add this line:

$keys = array_filter($keys);

// Add Bold to searched term
function highlight_results($text){
     if(is_search() && !is_admin()){
     $sr = get_query_var('s');
     $keys = explode(" ",$sr);
     $keys = array_filter($keys);
     $text = preg_replace('/('.implode('|', $keys) .')/iu', ''.$sr.'', $text);
     }
     return $text;
}
add_filter('the_excerpt', 'highlight_results');
add_filter('the_title', 'highlight_results');

Hope this proves to help others.

출처
Kyzer

TAH · Answer 3 · 2015-07-27

2

2015-07-27

위의 해결 방법은 검색어가 HTML 태그 안에 있으면 페이지를 깨뜨립니다.다음과 같이 사용해야합니다.

       $regEx = '\'(?!((<.*?)|(<a.*?)))(\b'. implode('|', $keys) . '\b)(?!(([^<>]*?)>)|([^>]*?</a>))\'iu';
      $text = preg_replace($regEx, '<strong class="search-highlight">\0</strong>', $text);

The above solutions break the page if the search term appears inside HTML tags. You should use something like:

      $regEx = '\'(?!((<.*?)|(<a.*?)))(\b'. implode('|', $keys) . '\b)(?!(([^<>]*?)>)|([^>]*?</a>))\'iu';
      $text = preg_replace($regEx, '<strong class="search-highlight">\0</strong>', $text);

출처
TAH

당신이 내 하루를 만든 고마워요 메이트 :-)

thanxs mate you made my day :-)
- 1
- 2016-01-26
- Agha Umair Ahmed

Vincent Decaux · Answer 4 · 2020-03-02

0

2020-03-02

필터 사용을위한 2 개의 답변 결합 :

 // Add class to searched terms
function highlight_results($text) {
    if (is_search() && !is_admin()) {
        $sr = get_query_var('s');
        $keys = explode(' ', $sr);
        $keys = array_filter($keys);
        $text = preg_replace('/('.implode('|', $keys) .')/iu', '<span class="search-highlight">\0</span>', $text);
    }
    return $text;
}
add_filter('the_excerpt', 'highlight_results');
add_filter('the_title', 'highlight_results');

그런 다음 CSS (예 :) :

 .search-highlight {
    background: #ffff94;
    padding: 0 2px;
}

Combined 2 answers to use filters :

// Add class to searched terms
function highlight_results($text) {
    if (is_search() && !is_admin()) {
        $sr = get_query_var('s');
        $keys = explode(' ', $sr);
        $keys = array_filter($keys);
        $text = preg_replace('/('.implode('|', $keys) .')/iu', '<span class="search-highlight">\0</span>', $text);
    }
    return $text;
}
add_filter('the_excerpt', 'highlight_results');
add_filter('the_title', 'highlight_results');

Then in your CSS (for example) :

.search-highlight {
    background: #ffff94;
    padding: 0 2px;
}