תגית: קישורים

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

שימוש בקישורים מיתר את הצורך בהעתקה או יצירה של קוד HTML כפי שנדרש עבור שימוש בוידג'ט טקסט בעוד ששימוש בויד'גטי טקסט הוא הרבה יותר גמיש

ראשית צריך לדעת מהן הכתובות של כל התמונות.

• אם התמונה נמצאת באתר אחר נוכל בדרך כלל לדעת מה כתובת התמונה על ידי ביצוע קליק ימני עליה ובחירה באפשרות "הצגת התמונה" (המיקום של אפשרות זו בתפריט עשוי להיות שונה בין הדפדפנים אבל לכולם יש כזו). כאשר מוצגת התמונה ניתן להעתיק את הכתובת שלה משורת הכתובת של הדפדפן.
• אם זו תמונה שלנו, נצטרך להעלות אותה לאתר דרך אפשרות העלאת קובץ מדיה.  אחרי ההעלאה נוכל לראות את הכתובת בשדה "כתובת URL לקובץ". את הכתובת ניתן לראות גם במסך העריכה של קובץ המדיה.

לצורך ההמשך נניח שהכתובת של התמונה היא
http://mysite.co.il/wp-content/uploads/2013/10/5/pic.png
הכתובת אליה מקשרים היא http://thatsite.co.il/page.html
וטקסט הקישור הוא "אתר מומלץ"

עבור שימוש בוידג'טי טקסט

כעת נוסיף לעמודה הצדדית וידג'ט טקסט  ולתוכו נוסיף את הטקסט הבא

<a href="http://thatsite.co.il/page.html"><img src="http://mysite.co.il/wp-content/uploads/2013/10/5/pic.png">אתר מומלץ</a>

אם הגודל של התמונה לא מתאים לרוחב העמודה יש שתי אפשרויות

• לערוך את התמונה במחשב האישי ואז להעלות מחדש ולחזור על התהליך
• להשתמש בעורך התמונות לעריכת התמונה. בסיום העריכה צריך מחדש את הכתובת משדה "כתובת URL לקובץ"
• להורות לדפדפנים להציג את התמונה ברוחב הרצוי (זו האפשרות החוקית היחידה אם התמונה לא שלכם). אם הרוחב הרצוי הוא 300 פיקסלים נשנה את הטקסט הקודם ל

<a href="http://thatsite.co.il/page.html"><img width="300" src="http://mysite.co.il/wp-content/uploads/2013/10/5/pic.png">אתר מומלץ</a>

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

<a href="http://thatsite.co.il/page.html" target="_blank"><img src="http://mysite.co.il/wp-content/uploads/2013/10/5/pic.png">אתר מומלץ</a>

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

עבור שימוש בקישורים

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

כעת עבור כל קישור נבצע הוספת קישור תוך כדי הזנת:

• "אתר מומלץ" כשם הקישור
• http://thatsite.co.il/page.html ככתובת URL של הקישור
• http://mysite.co.il/wp-content/uploads/2013/10/5/pic.png ככתובת התמונה של הקישור
• דירוג המתאים למקום בו הקישור צריך להיות מוצג בין כל הקישורים

ושיוך הקישור לקטגורית הקישורים אותה יצרנו בשלב הראשון.

כעט נוסיף את וידג'ט הקישורים לעמודה הצדדית בה נרצה שהקישורים יופיעו, תוך הגדרת:

• קטגורית הקישורים – הקטגוריה שיצרנו
• איך למיין את הרשימה? – לפי דירוג
• הצג את תמונת הקישור – מסומן
• יתר האפשרויות לא מסומנות או ריקות

ישנן שתי אפשרויות להציג קישורים בעמודה צדדית – וידג'ט קישורים או וידג'ט תפריט. הבחירה בין האפשרויות תלויה מאוד במראה שרוצים להגיע אליו.

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

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

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

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

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

• תפריט נופל – כאשר עוברים עם העכבר על קישור ראשי, הקישורים בהיררכיה שמתחתיו מוצגים כרשימה יורדת בה לכל קישור יש שורה משלו מתחת לקישור עליו נמצאים ו"מעל" התוכן של האתר.
  כאשר עוברים על קישור ברמה משנית ההיררכיה שמתחתיו מוצגת כרשימה יורדת בה לכל קישור יש שורה משלו משמאל לקישור עליו נמצאים.
  רוב ערכות העיצוב משתמשות בתפריטים נופלים כתפריטים ראשיים ומשניים שלהן.
• רשימת קישורים – כאשר אין למעשה היררכיה, תפריט הוא פשוט דרך להציג רשימת קישורים.
• תפריט אופקי – כאשר עוברים עם העכבר על קישור ראשי, הקישורים בהיררכיה שמתחתיו מוצגים בשורה מתחת לתפריט הראשי. סוג התפריט הזה יצא מהאופנה אבל הוא עדיין יכול להיות אפקטיבי כאשר יודעים שיש רק שתי רמות בהיררכיה.
• תפריט אקורדיון – רשימה אנכית של קישורים שהקלקה על אחד מהם גורמת להצגה של הקישורים בהיררכיה שמתחתיו מתחת לקישור עצמו כך שיתר הקישורים "נדחקים" למטה.
• תפריט fly out – רשימה אנכית של קישורים שכאשר עוברים עם העכבר על אחד מהם, הקישורים בהיררכיה שמתחתיו מוצגים כרשימה יורדת בה לכל קישור יש שורה משלו  משמאל לקישור עליו נמצאים.

לקריאה נוספת עלתפריטים ודרכי השימוש בהם