אני כמעט תמיד משתמש בתמונות כרקע של קונטיינרים כבונה ומעצב אתרים באלמנטור. זה מעניק שליטה מלאה על מיקום, חיתוך, יחס וגודל – בלי להתעסק עם ווידג’טים נוספים ובלי לשבור את הראש עם קומפוזיציות מורכבות.
אבל יש לזה חיסרון משמעותי.
Google לא רואה רקעים (כלומר background-image ב־CSS). התוצאה? התמונה לא מתאנדקסת, אין לה טקסט אלטרנטיבי (alt), והיא לא תופיע בתוצאות חיפוש – לא בגוגל תמונות, ולא בכלל.
איך נולד BacDex?
באחד הפרויקטים שבניתי ללקוח, מקדם האתרים דרש לא להשתמש בכלל בתמונות רקע – רק בווידג’טים של תמונה.
מבחינתו, זה חשוב לקידום. מבחינתי – זה מגביל אותי כמעצב.
ניסיתי לחפש תוסף שימיר רקע לתמונה, או לפחות פתרון חלקי. מצאתי כל מיני מעקפים, אבל כולם היו מסורבלים, חלקם דרשו קוד, ואף אחד מהם לא פתר את הבעיה באמת – בצורה חלקה, ויזואלית ונוחה לשימוש.
אז החלטתי לבנות את הפתרון בעצמי.
אז מה BacDex עושה?
התוסף מוסיף מתג פשוט לכל קונטיינר באלמנטור.
בלחיצה אחת, BacDex הופך את background-image לתגית <img> אמיתית, כולל alt שנשלף מספריית המדיה – וכל זה בלי לשנות פיקסל בעיצוב, בלי לגעת בקוד, ובלי לשבש את מבנה האתר.
לא צריך להפעיל את זה על כל תמונת רקע – רק על אלו שבאמת חשובות לקידום האורגני שלכם.
למה לא פשוט לעבוד עם תגית <img>?
כי זה לא נותן את אותה רמת גמישות.
ב־background אפשר לקבוע יחס, חיתוך, כיסוי, מיקום מדויק – בלי לגעת בקוד, וזה קריטי במיוחד בעיצוב רספונסיבי.
ומה עם CSS ו־absolute כמו שהציעו לי?
זה עובד, כן – אבל כשמוסיפים לתוך הקונטיינר עוד טקסטים, כותרות או תמונות, זה הופך מהר מאוד לסלט של position, z-index וסרט רספונסיבי שלא נגמר.
אני מעדיף תוסף שעושה את זה בשבילי – בקליק אחד – ומפנה לי זמן ואנרגיה למה שחשוב באמת.
האם התוסף מכביד על האתר?
ממש לא. BacDex בנוי בצורה נקייה, קלה ויעילה.
אין ספריות מיותרות, אין JS כבד. הקוד מינימליסטי, מותאם בדיוק למטרה היחידה שלו – בלי בלאגן.
העתיד של BacDex
האמת? הייתי שמח אם זה היה פיצ’ר מובנה באלמנטור.
עד אז – BacDex ממלא את המקום הזה בצורה מצוינת.
יכול להיות שאפתח עוד תוספים כאלה בעתיד – קטנים, ממוקדים ולא מכבידים – אם יעלו צרכים דומים בפרויקטים הבאים.
התהליך של בניית BacDex היה לא רק שימושי אלא גם ממש כיף ומלמד.
נסו את BacDex בעצמכם – זה בחינם
BacDex נולד מתוך צורך אמיתי של הסטודיו, ועוצב בדיוק למה שאני (ואולי גם אתם) חיפשתי: פתרון פשוט, מהיר ואלגנטי לבעיה קטנה אבל מעצבנת.
אני מאמין שתוספים כאלה – קטנים, חכמים ולא מכבידים – הם בדיוק מה שהופך את העבודה שלנו לנעימה ויעילה יותר.
מוזמנים להוריד את BacDex מהאתר שלי ולהתנסות.
אם יש לכם רעיונות, בקשות או פידבק – אני כאן.
