מה זה טולטיפ (ToolTip) ולמה הוא משמש?

מה זה טולטיפ (ToolTip) ולמה הוא משמש אותנו?

ToolTip, שלדעתי צריך להיקרא – CoolTip זה בעצם פיצ’ר שעוזר לנו לראות תצוגה מקדימה מעל קישור.

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

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

דוג’ מויקיפדיה:

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

אז איך עושים את זה באתר וורדפרס?

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

מורידים ומתקינים את התוסף הבא שנקרא Essential Addons for Elementor (בחינם)

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

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

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

לאחר ההתקנה נלחץ על כפתור ההפעלה ונפתח את העמוד בו נרצה לשים טולטיפ.

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

נבחר באלמנט שנקרא Tooltip ונגרור אותו לאזור העריכה בעמוד.

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

באיזור Tooltip Setting נוכל לשנות את התוכן שיוצג כאשר נרחף עם העכבר מעל האייקון/ תמונה/ קישור.

המדריך עזר לכם? מוזמנים להגיב כאן או לשתף אותו.

יש לכם שאלות נוספות? מוזמנים להגיב ולשאול כאן 🙂

Share this with friends

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

רוצים להקים אתר איכותי שמותאם בול לצרכי העסק והמותג שלכם?

השאירו פרטים ואתם בחצי הדרך לשם :)