כברירת מחדל, לוורדפרס אין אפשרויות לסנן את מה שמוצג בתוצאות החיפוש. ז״א, שאם באתר יש פוסטים, CPT, מוצרים, עמודים ועוד… תוצאות החיפוש בעצם תמשוך לנו את כל העמודים/פוסטים/מוצרים באתר שיש בהם את מילת החיפוש שלנו.
אז הנה טוטוריאל קצת, איך להציג רק פוסטים ומוצרים בעמוד תוצאות החיפוש שלנו.
אלמנטור הפכה את יצירת דף תוצאות החיפוש לקלה ביותר ומאפשרת לנו את החופש להיות יצירתיים בבניית דף תוצאות החיפוש שלנו.
באלמנטור, אנחנו יכולים להשתמש באיזור ״בונה התבניות״, ולייצר טמפלטים לדף תוצאות חיפוש שיהיו יפים, מעניינים ומדוייקים לנו!
אז עורכים ומוסיפים דף ״תוצאות חיפוש״ בעזרת Elementor?
כל מה שאנחנו צריכים לעשות הוא:
לנווט אל התבניות של אלמנטור > THEME BUILDER > תוצאות חיפוש.
כאן אפשר להוסיף כל דבר שאוהבים כדי לסגנן אותו.
הדבר היחידי שהוא חובה בבניית דף תבנית תוצאות החיפוש עם Elementor (כדי שהדף יעבוד כמו שצריך) היא הוספת ווידג'ט של ״ארכיון פוסטים״ (Posts archive)
(אפשר להשתמש בווידג'ט ברירת המחדל שמגיע עם אלמנטור או ווידג'ט של צד שלישי לארכיון כמו ג'ט או unlimited elements.)
הדבר הבא שחייבים לעשות כדי שהדף המעוצב שלנו יעבור, הוא Display Conditions – תנאי תצוגה, שנמצא למטה בפינה התחתונה.
צריך לוודא שתחת הגדרות אלה הדף מוגדר לכלול ״תוצאות חיפוש״.
כמו בתמונה פה:
עיצוב ועיצוב דף תוצאות חיפוש:
עכשיו שטיפלנו ב״מה שחייבים״
אפשר לעצב את הדף הזה לפי הדמיון והיצירתיות 🙂
עלינו להתמקד במטרה של דף תוצאות חיפוש – אנשים מחפשים מידע, ועלינו להפוך את החיפוש הזה לפשוט ככל האפשר.
ההצעות שלי הן:
- לשמור את תוצאות החיפוש שלך בראש הדף, כדי שהמבקרים יוכלו לראות את התוצאות מיד.
- לשמור על דף התוצאות נקי וקל לקריאה.
- לשאוב השראה מבלוגים/ אתרי חנות שעובדים טוב ולבדוק את דפי תוצאות החיפוש שלהם.
כיצד להציג רק פוסטים בתוצאות חיפוש עבור וורדפרס ואלמנטור
בדיפולט לוורדפרס אין אפשרויות לסנן מה מוצג בתוצאות החיפוש ומציג הכל.
אבל ממש הכל!
זה כולל פוסטים, מוצרים, דפים, כתובות URL של קבצי תמונות, כתובות URL של קבצי PDF והפתעות אחרות.
וסביר להניח שאנחנו לא רוצים שיוצגו פריטים אקראיים.
הנה קטע קוד פשוט שתוכל להעתיק ולהדביק ב-function.php של ערכת הנושא שלך כדי להגביל את תוצאות החיפוש להצגת פוסטים בלבד.
ניתן להטמיע את הקוד גם ע״י שימוש בתוסף כמו CODE SNIPPETS תחת איזור php
ושימו לב, שיטה זו מיועדת לכל אתרי וורדפרס ולא מוגבלת רק לאלמנטור!
קוד להגבלת תוצאות חיפוש לפוסטים בלבד:
if (!is_admin()) {
function wpb_search_filter($query) {
if ($query->is_search) {
$query->set('post_type', 'post');
}
return $query;
}
add_filter('pre_get_posts','wpb_search_filter');
}
הצג רק מוצרים בתוצאות חיפוש עבור של WooCommerce
אם יש לנו אתר חנות – WooCommerce, הגיוני להציג רק מוצרים בתוצאות החיפוש.
זה יעזור להגדיל את המכירות ולעזור ללקוחות למצוא את המוצרים שהם מחפשים בלי ללכת לאיבוד במנועי חיפוש מבולגנים.
אנחנו הולכים להעתיק ולהדביק קטע קוד פשוט ולהשתמש באותה שיטה כמו שעשינו עבור הפוסטים שלנו. אנחנו מוסיפים רק קטע קוד אחר למוצרים.
קוד להגבלת תוצאות חיפוש למוצרים בלבד:
// Only show products in the front-end search results
add_filter('pre_get_posts','lw_search_filter_pages');
function lw_search_filter_pages($query) {
// Frontend search only
if ( ! is_admin() && $query->is_search() ) {
$query->set('post_type', 'product');
$query->set( 'wc_query', 'product_query' );
}
return $query;
}
היכן להוסיף קוד ב-functions.php
אופציה ראשונה: ממש בקבצי התבנית!
פעולה זו מומלצת רק עם עובדים על תבנית בת CHILD THEME, מאחר ובזמן עדכוני תבנית, הקבצים הללו עלולים להפגע אם עובדים על תבנית רגילה.
בתפריט וורדפרס הולכים ל״עיצוב״ > עורך קבצי ערכת נושא/תבנית > ומדביקים את קטע הקוד בסוף הקובץ functions.php.
כמו פה:
אפשרות 2 (וזו המועדפת עליי): להשתמש בתוסף לניהול קוד
זוהי אפשרות קלה ובטוחה יותר.
אני מציעה להשתמש בתוסף Code Snippets.
אפשר למצוא אותו בחיפוש התוספים של וורדפרס.
עם הגרסה החינמית אפשר להוסיף קטעי PHP בקלות ולא צריך לדאוג לבנית בת.
אחרי התקנת הפלאגין Code Snippets, לוחצים ״הוסף קובץ PHP חדש״ ופשוט מדביקם את הקוד כאן, וזהו! זה עובד!
וזהו!
מקווה שעזרתי 🙂
בקרוב יעלה גם סרטון מפורט על התהליך