בימים קשים אלו, כל פעולה קטנה יכולה לעשות הבדל גדול. אם יש לך אתר ואתה רוצה להביע תמיכה ולהעלות מודעות לחטופים, אפשר להוסיף באנר שמראה כמה זמן הם נמצאים בשבי. הבאנר הזה זמין באתר Bring Them Home Now וניתן להטמיע אותו באתר שלך בצורה פשוטה.
שלב 1: גישה לאתר והורדת הקוד
- ביקור באתר: כנס לאתר Bring Them Home Now.
- מציאת הקוד: באתר תוכל למצוא את הקוד של הבאנר שמראה את הזמן שהחטופים נמצאים בשבי.
- העתקת הקוד: העתק את הקוד המוצע במלואו. ודא שהקוד תקין וכולל את כל השורות.
שלב 2: הוספת הבאנר לאתר שלך
מיקום הקוד:
- הקוד צריך להיות מודבק בתוך תג ה-<body> של האתר שלך. זאת כדי להבטיח שהבאנר יוצג נכון בכל עמוד שבו הוא יוטמע.
אם האתר שלך מבוסס על WordPress:
- התחברות לאתר שלך: התחבר למערכת הניהול של WordPress.
- פתיחת עורך HTML:
- גש לעמוד שבו תרצה להוסיף את הבאנר ולחץ על "ערוך".
- ב-Elementor או בעורך הבלוקים של WordPress, בחר להוסיף "בלוק HTML" או "ווידג'ט HTML מותאם אישית".
- הדבקת הקוד בתוך תג ה-<body>:
- בעורך ה-HTML, הדבק את הקוד שהעתקת מהאתר בתוך תג ה-<body>.
- ודא שהקוד מודבק במלואו וללא שינויים.
- שמירה ופרסום: שמור את השינויים ופרסם את העמוד. וודא שהבאנר מוצג נכון באתר שלך.
אם האתר שלך מבוסס על Wix:
- התחברות לאתר שלך: התחבר למערכת הניהול של Wix.
- פתיחת עורך HTML:
- גש לעמוד שבו תרצה להוסיף את הבאנר.
- לחץ על "הוספת אלמנט" ובחר באפשרות "טקסט" או "HTML מותאם אישית".
- הדבקת הקוד בתוך תג ה-<body>:
- בעורך ה-HTML שהופיע, הדבק את הקוד שהעתקת.
- ודא שהקוד מודבק במלואו וללא שינויים.
- שמירה ופרסום: שמור את השינויים ופרסם את העמוד. וודא שזה מוצג נכון באתר שלך.
שלב 3: התאמת הבאנר לשפה העברית
אם תרצה שזה יוצג בעברית, תוכל לשנות את השפה של כך:
- בתוך הקוד שהעתקת, מצא את ההגדרה lang="en".
- החלף את הערך ל-lang="he" כדי להציג את הבאנר בעברית.
הקוד ייראה כך: lang="he".
הצעה מיוחדת: שירות חינמי להטמעת הבאנר באתר שלך
חשוב לי להדגיש: אם אתה רוצה להוסיף את הבאנר לאתר שלך אבל מרגיש לא בטוח איך לעשות זאת, אני כאן כדי לעזור לך. אני מציעה ללא עלות את השירות שלי להטמעה באתר שלך. זהו שירות שאני מעניקה מתוך תחושת שליחות ורצון לתמוך במאבק להשבת החטופים.
הטמעת הטיימר היא תהליך טכני פשוט, אבל אני מבינה שלא לכל אחד יש את הידע הטכני הדרוש. לכן, אני מציעה את זמני וניסיוני כדי להקל עליך את התהליך, כך שתוכל לתרום למאבק החשוב הזה בדרך המשמעותית ביותר עבורך.
ליצירת קשר ולבקשת השירות החינמי: חייגו אלי או שלחו לי הודעה 054-346-7634 או מלא את טופס יצירת הקשר באתר שלי, ואני אחזור אליך בהקדם כדי לוודא שהטיימר יופיע באתר שלך בצורה מושלמת.
איפה למקם באנר קבוע
שלוש אפשרויות: מעל התפריט, מתחת לתפריט, או בתחתית העמוד. מעל התפריט מקבל את מירב תשומת הלב אבל דוחף את התוכן למטה. תחתית העמוד כמעט לא נראית. באמצע יש את הפשרה: מתחת לתפריט, מעל התוכן.
מה לבדוק אחרי ההוספה
שהבאנר לא שובר את התצוגה במובייל, שהוא לא מסתיר את כפתור התפריט, ושהוא לא נטען לפני התוכן ומאט את העמוד. באנר שמוסיף שנייה לזמן הטעינה פוגע בכל העמודים, לא רק בעצמו.
נגישות
אם הבאנר מכיל טקסט – שיהיה טקסט אמיתי ולא תמונה, כדי שקורא מסך יוכל להקריא אותו. אם הוא מכיל תמונה, חובה טקסט חלופי. ואם יש בו אנימציה, כדאי שתעצור אחרי כמה שניות או תכבד את העדפת המערכת להפחתת תנועה.
קריאה נוספת
כתבתי בהרחבה על חוק נגישות אתרים ועל קידום טכני בוורדפרס שכולל את נושא מהירות הטעינה.
אם אתם עורכים את האתר בעצמכם, שווה להכיר גם את הצד של המהירות והמבנה. כתבתי על זה בSEO טכני בוורדפרס, ועל בניית האתר מאפס בהמדריך להקמת אתר.
שאלות נפוצות
איפה מוסיפים קוד HTML בוורדפרס?
באלמנטור דרך ווידג'ט HTML, או בעורך הבלוקים דרך בלוק HTML מותאם אישית. לבאנר קבוע בכל העמודים משתמשים בתבנית של הכותרת.
איך גורמים לבאנר להופיע בכל העמודים?
מוסיפים אותו לתבנית הכותרת ולא לעמוד בודד. ככה מספיק לערוך במקום אחד.
הבאנר שובר את המובייל, מה עושים?
מגדירים לו רוחב מלא ומאפשרים לטקסט לרדת שורה. גובה קבוע בפיקסלים הוא הגורם הנפוץ לשבירה.
איך מסירים באנר בלי לשבור כלום?
מוחקים את הווידג'ט מהתבנית. אם הוספתם קוד ידנית לקובץ ערכת עיצוב, מסירים אותו משם ובודקים בעמוד אחד לפני שמפרסמים.
באנר משפיע על מהירות האתר?
תלוי במה שיש בו. טקסט ו-CSS כמעט לא. תמונה כבדה או סקריפט חיצוני כן, ובמיוחד במובייל.
