מוסיפים פונקציונליות Tab to search

Tab to search לדוגמה

תקציר מדריך

ברוכים הבאים, במיני מדריך הקטנטן הזה אסביר כיצד גם אתם יכולים להוסיף לאתר שלכם הגדרת "Tab to search"! למי שלא מכיר תכונה זאת נסו לכתוב את שם האתר שלנו בדפדפן כלומר sagive.co.il ואז ללחוץ על טאב… מיד תגלו שאתם יכולים להשתמש בגוגל כדי לחפש באתר שלנו בקלות ומכל מקום!

זה מתאים לאתר שלי?

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

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

מה התהליך?

  • ראשית עלינו ליצור קובץ OpenSearch description document
  • שנית עלינו להטמיע קוד בדף הבית שלנו
  • להעלות את הקבצים לשרת שלנו וסיימנו!

ראשית ניצור את הקובץ OpenSearch

קובץ OpenSearch description document הוא קובץ XML אשר מסביר לדפדפן כרום כי הגדרנו מנוע חיפוש לשימוש דרך הדפדפן (במקרה זה גוגל). מנוע החיפוש יעשה שימוש בגוגל כדי לחפש באתר בו הגדרנו קובץ זה.

  • צרו קובץ חדש בשם: opensearchdescription.xml
  • שימו בתוכו את הקוד הבא
  • שמרו והעלו אל תיקיית התבנית שלכם
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>שם האתר שלכם</ShortName>
<Description>השתמשו בגוגל כדי לחפש באתר שם האתר שלכם</Description>
<Url type="text/html" template="http://www.google.com/search?q=site:www.example.com {searchTerms}"/>
</OpenSearchDescription>

נודיע לדפדפן כי הקובץ קיים

  • הכנסו לראש המסמך של דף הבית (בוורדפרס זה header.php)
  • לצד תגי מטא אחרים הוסיפו את השורה הבאה
<link type="application/opensearchdescription+xml" rel="search" href="<?php bloginfo('template_url'); ?>/opensearchdescription.xml"/>
זכרו לשנות את המסלול כך שיתאים לאתר שלכם!

העלו את הקבצים לשרת שלכם ותתחדשו

כעת כל שנותר לכם לעשות הוא להעלות את קובץ הHeader או דף הבית שלכם (בהתאם לסוג האתר) לשרת שלכם ולוודא כי העליתם את הקובץ שיצרנו (opensearchdescription.xml) לשרת שלכם וסיימתם.

תוכלו לבחון את התוצר על ידי הקלדת שם הדומיין שלכם ולפני שאתם מקישים Enter לחצו על כפתור Tab! תתחדשו – הוספתם פונקציונליות לאתר שלכם בפחות מ5 דקות ועם שורת קוד אחת.