Grids
רשת מייצגת רשימה של ספקים ומלאי וחושפת את הפרטים באמצעות ממשק משתמש אינטראקטיבי וניתן להזמנה. הרשת תומכת בהצגת כל מלאי מהרשימה שנבחרה או מהחיפוש השמור. משתמש מקיים אינטראקציה עם רשת באותו אופן שבו הוא מקיים אינטראקציה עם אדם אחר.כַּרְטִיסעם תכונה נוספת אחת:
- דפדוף ברשת על ידי לחיצה על
Show more
כפתור (כאשר פריטים נוספים זמינים).
למעלה מוצגת דוגמה לרשת שלנו המציגה רשימה של כרטיסי סוגי חדרים.
שאר המאמר יסביר לכם כיצד ליצור, להתאים אישית ולחשוף את הרשת למשתמשים שלכם.
סוגי רשת
Section titled “סוגי רשת”ישנם שלושה סוגים של רשתות:
- רשת המבוססת עלרשימה אוצרת.
- רשת המבוססת עלחיפוש שמור.
- רשת רשת המבוססת על מיקום וקריטריוני מיון (כלומר רשת מדורגת).
רשת רשימות שנבחרה
Section titled “רשת רשימות שנבחרה”זוהי טבלה המשתמשת במלאי שאספתם באחת הרשימות שנבחרו, וממירה את הרשימה למלאי נסיעות הניתן להזמנה שתוכלו להציג למשתמשים שלכם.
לִיצוֹר
Section titled “לִיצוֹר”נווט אלInventory > Curated Lists
מסרגל הניווט הראשי. בדוגמה זו, נשתמש ב-Favorites
רשימה. אם עדיין לא הוספת דבר לרשימה שלךFavorites
, לך אללְחַפֵּשׂכדי ללמוד איך.
- לחץ על ה
Actions
כפתור על ה-Favorites
רְשִׁימָה. - לחץ על ה
Create a grid
לַחְצָן. - ייפתח חלון חדש שיאפשר לך לתת שם לרשת שלך. ראה למטה.
- נְקִישָׁה
OK
כפתור כדי להמשיך.
הרשת שלך נוצרה. נווט אלTools > Grids
מסרגל הניווט הראשי ולחצו על הלחצןCurated Grids
לחיצה על הכרטיסייה תראה את הרשת החדשה שלך.
התאמה אישית
Section titled “התאמה אישית”הטופס מאפשר לך להתאים אישית את הרשת שלך בדרכים הבאות:
- תן לזה שם כדי שתזכור על מה הרשת.
- בחר את התאמה אישית שברצונך להחיל על רשת זו.
- בחר את הצד הראשוני של הכרטיס שברצונך שהמשתמשים יראו תחילה. כברירת מחדל, זהו הצד המקורי של המלאי.
- בחר את התג שברצונך להשתמש בו בכרטיס. תג מאפשר למשתמשים להשוות מלאי על פי מדד מצטבר כגון
eco-friendly
. - הוסף מילות מפתח, מופרדות בפסיק, שישמשו את סורקי אתרים.
- הוסיפו כותרות ותיאורים בשפות שברצונכם שהמשתמש יראה.
- לחץ על ה
Save
כפתור כדי להמשיך.
לַחֲלוֹק
Section titled “לַחֲלוֹק”למעלה מוצגת תמונה עם כל הפעולות הזמינות עבור הרשת שלך:
- לְעַדְכֵּןמעדכן את תצורת הרשת שלך.
- הוסף ל-WinkLinksמוסיף את הרשת לחשבון WinkLinks שלך.
- לְשַׁבֵּץמראה לך כיצד להטמיע את הרשת הזו כ-רֶשֶׁתלתוך אתר האינטרנט שלך.
- שימוש עם וורדפרסמראה לכם כיצד להשתמש בשירותינותוסף וורדפרסכדי להטמיע את הרשת הזו באתר האינטרנט שלך.
נכסה חלק מהאפשרויות הללו, ביתר פירוט, להלן.
לְשַׁבֵּץ
Section titled “לְשַׁבֵּץ”<html> <head> <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link> </head> <body> <wink-content-loader layout="LIST" id="9a212b5e-62a7-11ef-ac3f-42004e494300" ></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR CLIENT ID GOES HERE" configuration-id="YOUR CUSTOMIZATION ID GOES HERE" ></wink-app-loader> </body></html>
כך תטמיעו את הרשת שלכם באתר שלכם:
- שורה 3 מראה לך כיצד להטמיע את סגנונות ה-Wink באתר שלך.
- שורות 6 עד 9 מראות לכם כיצד להשתמש ב-טוען תוכן-winkרכיב אינטרנט והורה לו לאחזר רשת עבור הקוד שלך.
- שורה 11 מראה לכם כיצד להטמיע את קוד ה-Javascript שלנו באתר שלכם.
- שורה 13 מראה לך כיצד להטמיע אתטוען אפליקציות winkרכיב האינטרנט והורה לו לאחזר את העדפות התצורה שלך ברמת הדף.
רשת חיפוש שמורה
Section titled “רשת חיפוש שמורה”זוהי טבלה המשתמשת במלאי בשאילתת החיפוש השמורה שלך וממירה את תוצאות החיפוש למלאי נסיעות הניתן להזמנה שתוכל להציג למשתמשים שלך.
לִיצוֹר
Section titled “לִיצוֹר”נווט אלInventory > Saved searches
מסרגל הניווט הראשי. אם עדיין לא יצרת חיפוש שמור, עבור אללְחַפֵּשׂכדי ללמוד איך.
- לחץ על ה
Actions
כפתור בחיפוש השמור שלך. - לחץ על ה
Create a grid
לַחְצָן. - ייפתח חלון חדש שיאפשר לך לתת שם לרשת שלך. ראה למטה.
- קליק
OK
כפתור כדי להמשיך.
הרשת שלך נוצרה. נווט אלTools > Grids
מסרגל הניווט הראשי ולחצו על הלחצןSaved Search Grids
לחיצה על הכרטיסייה תראה את הרשת החדשה שלך.
התאמה אישית
Section titled “התאמה אישית”הטופס מאפשר לך להתאים אישית את הרשת שלך בדרכים הבאות:
- תן לזה שם כדי שתזכור על מה הרשת.
- בחר את התאמה אישית שברצונך להחיל על רשת זו.
- בחר את הצד הראשוני של הכרטיס שברצונך שהמשתמשים יראו תחילה. כברירת מחדל, זהו הצד המקורי של המלאי.
- בחר את התג שברצונך להשתמש בו בכרטיס. תג מאפשר למשתמשים להשוות מלאי על פי מדד מצטבר כגון
eco-friendly
. - הוסף מילות מפתח, מופרדות בפסיק, שישמשו את סורקי אתרים.
- הוסיפו כותרות ותיאורים בשפות שברצונכם שהמשתמש יראה.
- לחץ על ה
Save
כפתור כדי להמשיך.
לַחֲלוֹק
Section titled “לַחֲלוֹק”לְשַׁבֵּץ
Section titled “לְשַׁבֵּץ”<html> <head> <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link> </head> <body> <wink-content-loader layout="LIST" id="be3130d5-62a7-11ef-ac3f-42004e494300" ></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR CLIENT ID GOES HERE" configuration-id="YOUR CUSTOMIZATION ID GOES HERE" ></wink-app-loader> </body></html>
כך תטמיעו את הרשת שלכם באתר שלכם:
- שורה 3 מראה לך כיצד להטמיע את סגנונות ה-Wink באתר שלך.
- שורות 6 עד 9 מראות לכם כיצד להשתמש ב-טוען תוכן-winkרכיב אינטרנט והורה לו לאחזר רשת עבור הקוד שלך.
- שורה 11 מראה לכם כיצד להטמיע את קוד ה-Javascript שלנו באתר שלכם.
- שורה 13 מראה לך כיצד להטמיע אתטוען אפליקציות winkרכיב האינטרנט והורה לו לאחזר את העדפות התצורה שלך ברמת הדף.
רשת מדורגת
Section titled “רשת מדורגת”לִיצוֹר
Section titled “לִיצוֹר”צור רשת מדורגת על ידי ניווט אלTools > Grids
ולחצו על ה-Ranked Grid
לשונית. לחץ עלCreate ranked grid
כפתור.
התאמה אישית
Section titled “התאמה אישית”הטופס מאפשר לך להתאים אישית את טבלת הדירוג שלך בדרכים הבאות:
- בחר יעד. לדוגמה טוקיו.
- תן לזה שם כדי שתזכור על מה הרשת. לדוגמה, מלונות ידידותיים לסביבה בטוקיו
- בחר את התאמה אישית שברצונך להחיל על רשת זו.
- בחר את הצד הראשוני של הכרטיס שברצונך שהמשתמשים יראו תחילה. כברירת מחדל, זהו הצד המקורי של המלאי.
- בחר לפי איזה מאפיין למיין מאפיינים. לדוגמה, ידידותיות לסביבה.
- הוסף מילות מפתח, מופרדות בפסיק, שישמשו את סורקי אתרים.
- הוסיפו כותרות ותיאורים בשפות שברצונכם שהמשתמש יראה.
- לחץ על ה
Save
כפתור כדי להמשיך.
לאחר שמירת הרשת המדורגת, תועברו לדף הרשתות המדורגות והרשת שלכם מוכנה כעת לשיתוף עם העולם.
לַחֲלוֹק
Section titled “לַחֲלוֹק”למעלה מוצגת תמונה עם כל הפעולות הזמינות עבור רשת הדירוגים שלך:
- לְעַדְכֵּןמעדכן את תצורת הרשת שלך.
- הוסף ל-WinkLinksמוסיף את טבלת הדירוגים לחשבון WinkLinks שלך.
- לְשַׁבֵּץמראה לך כיצד להטמיע את הרשת הזו כ-רֶשֶׁתלתוך אתר האינטרנט שלך.
- שימוש עם וורדפרסמראה לכם כיצד להשתמש בשירותינותוסף וורדפרסכדי להטמיע כרטיס זה באתר שלך.
נכסה חלק מהאפשרויות הללו, ביתר פירוט, להלן.
לְשַׁבֵּץ
Section titled “לְשַׁבֵּץ”<html> <head> <link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link> </head> <body> <wink-content-loader layout="RANKED" id="2483d55e-62a5-11ef-ac3f-42004e494300" ></wink-content-loader>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR CLIENT ID GOES HERE" configuration-id="YOUR CUSTOMIZATION ID GOES HERE" ></wink-app-loader> </body></html>
כך תטמיעו את הרשת שלכם באתר שלכם:
- שורה 3 מראה לך כיצד להטמיע את סגנונות ה-Wink באתר שלך.
- שורות 6 עד 9 מראות לכם כיצד להשתמש ב-טוען תוכן-winkרכיב אינטרנט ולהורות לו לאחזר רשת מדורגת עבור הקוד שלך.
- שורה 11 מראה לכם כיצד להטמיע את קוד ה-Javascript שלנו באתר שלכם.
- שורה 13 מראה לך כיצד להטמיע אתטוען אפליקציות winkרכיב האינטרנט והורה לו לאחזר את העדפות התצורה שלך ברמת הדף.
ממשק API
Section titled “ממשק API”מפתחים שרוצים לנהל רשתות יכולים לגשת אלמפתחים > API > מלאי.
קריאה נוספת
Section titled “קריאה נוספת”- למידע נוסף על הקולקציה שלנו שלרכיבי אינטרנט.
- למידע נוסף על התוסף וורדפרס Wink.