שינויים בעיצוב של אתר וורדפרס קיים, כל אחד כמשימה קטנה במחיר קבוע ובלי לבנות מחדש. בקטגוריה תיקון עיצוב רספונסיבי, תיקון מיקום לוגו, שינוי סכמת צבעים, התאמות טיפוגרפיה, עיצוב תפריט ושיפור הניווט, התאמות CSS, יצירת תבנית בת ועריכה בטוחה של קובצי התבנית. לצד אלה שיפורי נגישות נקודתיים וחבילת נגישות מלאה לאתר.
רוב הבקשות שמגיעות אליי בתחום הזה נשמעות קטנות, וזה בדיוק העניין: הלוגו יושב נמוך מדי, התפריט נשבר בנייד, הכותרות בגודל לא נכון, הצבע בכפתורים לא תואם למיתוג. אף אחת מהן לא מצדיקה בנייה מחדש של האתר, ובכל זאת יחד הן מה שגורם לאתר להיראות לא מטופל.
לכן כל התאמה כאן היא משימה נפרדת בתבנית שכבר יש לכם, בלי להתחיל מאפס. מי שכן מגיע למסקנה שהתבנית הנוכחית לא מספיקה – שווה לקרוא קודם למה תבנית מוכנה עלולה להיות רעיון גרוע, ואם השאלה היא כבר על אתר חדש לגמרי, התמונה המלאה נמצאת בעיצוב ובניית אתרים לעסקים.
התאמות CSS, יצירת תבנית בת, תיקון מיקום לוגו, שינוי סכמת צבעים, התאמות טיפוגרפיה, עיצוב תפריט ושיפור ניווט, תיקון עיצוב רספונסיבי, עריכה בטוחה של קובצי התבנית ושיפורי נגישות – לצד חבילת נגישות מלאה למי שצריך לכסות את הנושא כולו.
רוב האתרים עוצבו על מסך גדול ונבדקו על מסך גדול, בזמן שרוב הגולשים מגיעים מהטלפון. התוצאה היא טקסט שנדחס, טבלה שגולשת מחוץ למסך, או כפתור שנצמד לקצה ולא ניתן ללחיצה נוחה. תיקון רספונסיבי הוא לרוב עניין של נקודות עצירה ולא של עיצוב מחדש – התיעוד של MDN מסביר את המנגנון למי שרוצה להבין מה קורה מתחת. הרחבתי על החשיבות של זה בבניית אתרים רספונסיביים ומדוע זה חשוב.
זו הטעות היקרה ביותר בקטגוריה. מי שעורך ישירות את קובצי התבנית מאבד את כל השינויים ברגע שהתבנית מתעדכנת, ואז או שמוותרים על העדכונים – מה שפותח פרצות אבטחה – או שמאבדים את העבודה. הפתרון הוא תבנית בת, שמחזיקה את השינויים שלכם בנפרד ושורדת כל עדכון. אם עוד לא עשיתם את זה, זו המשימה הראשונה שכדאי להזמין כאן.
גופן נוסף, ספריית אייקונים או תמונת רקע כבדה נראים תמימים ומשלמים עליהם בזמן טעינה. יש גם השפעה ישירה על היציבות הוויזואלית – תוכן שקופץ בזמן הטעינה נמדד על ידי גוגל, ומדד ה-CLS הוא בדיוק זה. לכן שינוי עיצוב ומהירות אתר הם לא שני נושאים נפרדים, כפי שהסברתי במדוע זמן טעינת אתר קריטי לקידום.
נגישות דיגיטלית היא דרישה חוקית בישראל לעסקים, ולא שיפור אסתטי. הרבה אתרים מתקינים תוסף שמוסיף אייקון צד ומניחים שסיימו, אבל תוסף לא מתקן ניגודיות חלשה בין טקסט לרקע, לא מוסיף תיאורים לתמונות ולא מסדר סדר ניווט הגיוני במקלדת – והחלקים האלה הם לב העניין. התקן שעליו הכול נשען הוא WCAG, וכתבתי על הצד המעשי בהצהרת נגישות לעסקים דיגיטליים.
בונוס שלא כולם שמים לב אליו: רוב עבודת הנגישות משפרת גם את הקידום בתוך הדף. תיאורי תמונות, מבנה כותרות הגיוני וטקסט קישור שמסביר לאן הוא מוביל – כל אלה נכתבים עבור מי שמשתמש בקורא מסך, ומשרתים בדיוק את אותם דברים שמנוע החיפוש מנסה להבין.
ברוב המקרים כן, וזו כל הנקודה של הקטגוריה הזאת. צבעים, גופנים, מיקום לוגו, מרווחים ותפריט הם התאמות בתוך התבנית הקיימת. בנייה מחדש נדרשת כשהמבנה עצמו לא משרת אתכם, לא כשהצבע לא מוצא חן בעיניכם.
תבנית בת היא שכבה דקה שיושבת מעל התבנית שלכם ומחזיקה את כל ההתאמות שלכם. כשהתבנית המקורית מתעדכנת, השינויים שלכם נשארים במקום. בלי זה כל עדכון מוחק את העבודה, וזו הסיבה שאתרים רבים תקועים עם תבנית ישנה ופרוצה.
הוא חלק מהפתרון ולא כולו. סרגל נגישות עוזר למי שצריך להגדיל טקסט או להגביר ניגודיות, אבל הוא לא מתקן את הקוד עצמו – תמונות בלי תיאור, כותרות בסדר שבור או טפסים בלי תוויות נשארים לא נגישים. בדיקה אמיתית עוברת על העמוד ולא על התוסף.
לרוב זה גודל מסך, דפדפן או גרסה ישנה של קובץ עיצוב ששמורה בזיכרון המטמון של אותו גולש. לפני שמחפשים באג עמוק, שווה לבדוק את אותו עמוד בכמה רוחבי מסך ובחלון גלישה פרטית – זה מסנן חלק ניכר מהמקרים.
כן, וגם מול תבניות שנבנו בקוד או בעורך הבלוקים. ההבדל הוא בכלים ולא בעיקרון: התאמה בתוך בונה עמודים נעשית בממשק, והתאמה בתבנית קוד נעשית ב-CSS או בתבנית בת. את הבחירה הזאת אני עושה לפי מה שקיים באתר, לא לפי העדפה שלי.
אלה התאמות ממוקדות בתבנית קיימת, שמטרתן לסגור את הפער בין איך שהאתר נראה לאיך שהוא אמור להיראות. הן מהירות, מוגדרות ולא דורשות ממכם להתחיל תהליך.
מה שהן לא: אפיון ועיצוב. שפה עיצובית חדשה, מיתוג, בניית עמודים מאפס או חשיבה על מבנה האתר ומסע הלקוח – אלה פרויקטים שמתחילים בשיחה ובהבנה של העסק, ולא במשימה בקטלוג. אפשר לראות דוגמאות לעבודות מהסוג הזה בפורטפוליו בניית האתרים. גם התאמת נגישות מלאה עם בדיקה חיצונית והצהרה חתומה חורגת ממשימה בודדת, ומתחילה בסקירה של האתר כולו.
היקף כל משימה מפורט בעמוד המוצר שלה. האמור בנושא נגישות אינו ייעוץ משפטי ואינו תחליף לבדיקת נגישות מוסמכת.
פרטיות באתר
האתר משתמש בקוקיז לשיפור חוויית הגלישה, בהתאם לתיקון 13 לחוק הגנת הפרטיות - התשפ"ה 2025. למדיניות המלאה
