דף הבית » טריקים וטיפים, מומלצים

להדגיש תוצאות חיפוש

3 בינואר 2010 | מאת רמי | 7 תגובות | תגיות: , , ,

למערכת וורדפרס יש מנוע חיפוש פנימי שהוא לא רע בפני עצמו. יחד עם זאת, אפשר לשפר אותו במקצת. אחד המאפיינים היותר שימושיים שניתן להוסיף לחיפוש הוא האפשרות להדגיש את מילות החיפוש.

תוצאות חיפוש מודגשות

תוצאות חיפוש מודגשות

קוד

שלב א'

כדי לעשות זאת, יש לפתוח את הקובץ search.php בערכת העיצוב, ולהוסיף את הקוד הבא (הקוד חייב להיות בתוך ה-LOOP):

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

עכשיו יש לפתוח את הקובץ style.css ולהוסיף אליו את הקוד הבא:

span.search-highlight { background: yellow; }

ניתן לערוך את ה-CSS ולעצב את מילות החיפוש איך שתרצה (למשל להוסיף הדגשה או קו תחתון).

שלב ב'

בשלב הבא נחליף את הפונקציה המציגה כותרת:

<?php the_title();?>

בקוד הבא:

<?php echo $title; ?>

ונחליף את הפונקציה שמציגה את התקציר:

<?php the_excerpt();?>

בקוד הבא:

<?php echo $excerpt; ?>

הסבר

מה שהקוד עושה הוא לעבור על תוצאות החיפוש אחד אחד, ולהוסיף span מסביב למילות החיפוש כך שיהיה ניתן לעצב את הטקסט בעזרת CSS. כפי ששמתם לב, בשלב ב' הוספנו את ה-span רק לכותרות ולתקצירים לכן רק הם יעוצבו.

מאת רמי

אחראי על אתר וורדפרס בעברית ועל תרגום ושחרור גרסאות וורדפרס בעברית. מפתח ליבה, בכל גרסה החל מגרסה 2.8, מפתח מוביל בגרסה 4.4 ובגרסה 4.6. מספק שירותי פיתוח אתרים, פיתוח תוספי וורדפרס לסטרטאפים ופיתוח כלים למפתחי וורדפרס - GenerateWP.com.

7 תגובות »

  • אריאל כותב :

    תודה
    עובד יופי.
    🙂

  • רמי כותב :

    כן, זה טריק מאוד נחמד. אני רק לא מבין מדוע המפתחים לא עשו משהו כזה בתוך ליבת המערכת.

  • עמית ממן כותב :

    תודה רבה!
    אני אנסה את זה על האתר שלי 🙂

  • ariel כותב :

    כל מערכת החיפוש בוורדפרס צריכה שידרוג רציני.
    שים לב שבחיפוש הרגיל הוא לא נותן תוצאות של תגיות, תגובות, מחברים וכדו' רק מה שבתוך כותרות הפוסטים ובתוכן. צריך להתקין את התוסףSearch Everything כדי שזה יעבוד על הכל כמו שצריך.
    זה באמת אמור להיות בתוך ליבת המערכת, זה מינימום של חיפוש איכותי.

  • רמי כותב :

    אריאל, אני מתכן לכתוב פוסט דומה על חיפושים בוורדפרס. אחרי שהוא יפורסם אתה תבין איך עובד התוסף שציינת ואף תוכל לבנות תוסף משלך.

  • ariel כותב :

    וואלה
    מחכה לפוסט הזה

  • אלרון כותב :

    היי רמי,
    ניסיתי ועובד נהדר!
    רק בעיה אחת מצאתי – נגיד ואני משמתש בתגים לדוגמא:

    <img src="" alt="שלום עולם />

    ואני מחפש "שלום", זה מדגיש לי גם מה שיש בתוך התג. יש דרך לחסום את זה?

הוסף תגובה !

נא לא לשאול שאלות שלא קשורות לפוסט, זהו לא פורום תמיכה. לבעיות אישיות ונושאים מורכבים אפשר ליצור איתי קשר.

תגיות HTML מורשות לשימוש:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>