קוד HTML להצגת באנר או תמונה כקישור

על מנת להציג תמונה (או באנר) שיופיע באתרי HTML או בחלונית וידג'ט בוורדפרס יש להתשמש בקוד HTML.

בתוך לוח הבקרה של וורדפרס יש לגשת לתפריט Apperance ולתת תפריט Widgets,

יש לגרור וידג'ט מסוג Text מהצד השמאלי או תוך הסרגל הצדדי.

בתוך תיבת התוכן של הוידג'ט יש להזין את הקוד הבא:

<a href="TARGET URL"/><IMG SRC="IMAGE URL" alt="text" width="XX" height="YY"></A>

כאשר יש להחליף את השדות המודגשים כך:

TARGET URL – כתובת היעד אליה יופנה הגולש בעת לחיצה על התמונה.

IMAGE URL – כתובת האינטרנט של התמונה.

TEXT – תיאור התמונה.

XX – רוחב התמונה הרצוי לתצוגה (ידרוס את גודל התמונה המקורי)

YY – גובה התמונה הרצוי לתצוגה (ידרוס את גובה התמונה המקורי)

אם אתם מעוניינים להציג את התמונה בגודלה המקורי יש להסיר את שני הפרמטרים (width="XX" height="YY")

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

אודות קובי טריקי

תגובות

7 תגובות ל “קוד HTML להצגת באנר או תמונה כקישור”
  1. מאת יעל:

    אך, תענוג, סוף סוף הסבר לעניין.
    תודה, עשית לי את היום.

  2. מאת קובי טריקי:

    הי יעל,
    תענוג לקבל פידבקים כאלו :)
    אשמח לכתוב הסברים על כל דבר שתבקשו.

    קובי

  3. מאת חגית:

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

  4. מאת קובי טריקי:

    התמונות שמשמשות את ערכת העיצוב נמצאות בנתיב:
    http://www.domain.com/wp-content/themes/THEME/images

    קובי

  5. מאת dikla:

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

    תודה לך :)

  6. מאת קובי טריקי:

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

  7. נכון אפשר להציג תמונה בצורה זו אבל רצוילעשות זאת ב css

תגובות

ניתן להוסיף תגובות...