איך לבחור תבנית וורדפרס לאתר העסק: הבדיקות לפני ההתקנה

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

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

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

בוורדפרס יש היום שני סוגים של תבניות. לפי התיעוד הרשמי למפתחים, תבניות בלוקים הן הדרך המודרנית לבנות תבנית, והן בנויות כולן מבלוקים. תבניות קלאסיות משתמשות במערכת תבניות מבוססת PHP, שעדיין נתמכת. בתבנית בלוקים עורכים את התבניות עצמן ב-Site Editor, ובתבנית קלאסית משתמשים ב-Customizer.

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

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

תבנית שלא נבנתה לכתיבה מימין לשמאל תציג תפריטים הפוכים, אייקונים בצד הלא נכון ושדות טופס מבולגנים. במאגר התבניות של וורדפרס יש תגית בשם RTL language support, ואפשר לסנן לפיה.

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

תבנית שלא עוברת את הבדיקה הזו עדיף להחליף. תיקון של כתיבה מימין לשמאל בתבנית שלא תוכננה לזה הוא עבודה שחוזרת בכל עדכון שלה.

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

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

לכן תבנית וורדפרס רספונסיבית היא תנאי בסיס. רוב התבניות מצהירות על זה, והשאלה היא איך זה נראה בפועל.

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

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

גוגל מודדת חוויית משתמש בשלושה מדדים שנקראים Core Web Vitals. לפי web.dev, היעד הוא LCP של עד 2.5 שניות, INP של עד 200 מילישניות ו-CLS של עד 0.1, כשהמדידה נעשית באחוזון ה-75 של טעינות העמוד, בנפרד לנייד ולמחשב.

כדי לבדוק תבנית, מריצים את עמוד הדמו שלה ב-PageSpeed Insights. הדמו לא כולל את התוספים, התמונות והתוכן שלך, ולכן הוא מראה את נקודת ההתחלה ולא את התוצאה הסופית.

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

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

תבנית שלא מתעדכנת היא סיכון. בעמוד של כל תבנית במאגר של וורדפרס מופיע מתי היא עודכנה לאחרונה, וכמה התקנות פעילות יש לה. בנוסף, לפי כללי הבדיקה של צוות התבניות, כל תבנית במאגר מציינת בקובץ style.css, בשדה Tested up to, מה גרסת וורדפרס האחרונה שעליה נבדקה.

את תאריך העדכון האחרון ואת Tested up to משווים לגרסת וורדפרס הנוכחית. בתבנית בתשלום כדאי לבדוק גם אם יש יומן שינויים פתוח ומה כולל רישיון התמיכה.

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

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

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

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

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

במאגר של וורדפרס יש תגית accessibility-ready, שניתנת רק אחרי בדיקה ידנית. צוות התבניות כותב במפורש שהתגית לא אומרת שהתבנית עומדת בהנחיות WCAG ברמה AA, אלא שהיא עומדת בסף מינימלי שהצוות קבע.

בישראל, תקנה 35 בתקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), התשע"ג-2013, עוסקת בנגישות של שירות שניתן באינטרנט. זה לא ייעוץ משפטי, ואת מה שחל על העסק שלך כדאי לבדוק מול עורך דין.

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

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

גם אחרי שעשית את כל הבדיקות, כדאי לתכנן את השינויים כך שלא ילכו לאיבוד. לפי התיעוד של וורדפרס, תבנית בת מאפשרת לעדכן את תבנית האם בלי לאבד את השינויים שלך. הקובץ היחיד שהיא חייבת הוא style.css, עם שדה Template שתואם בדיוק לשם התיקייה של תבנית האם בתוך wp-content/themes:

את הקובץ שמים בתיקייה חדשה בתוך wp-content/themes, ואת parent-theme-folder מחליפים בשם התיקייה של תבנית האם.

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

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