עבודה ראשונית עם תבניות וורדפרס

עבודה ראשונית עם תבניות וורדפרס

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

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

נתחיל.

מהו RTL? ולמה הוא כל כך חשוב לאתרים בשפת הקודש?

RTL (Right To Left) הוא בעצם כיוון של השפה, האלמנטים, וכמובן התוכן מימין לשמאל. וגם הסיד ברים והתפריט הראשי. באתרים בשפה העברית זה כמעט מתבקש. לעומת זאת, באתרים הנבנים בשפה האנגלית נצטרך להפוך את היפוך המילים ל: LTR (Left To Right).

בעבר לפני המון שנים, לא היו ממש תבניות הנדרשות לשימוש בעברית, כלומר, הם לא היו מותאמות ל- RTL וגם אם כן הם לא היו מותאמות במאה האחוזים. כלומר, ההינו צריכים לבצע התאמות. לרוב, ההינו צריכים להיכנס לקובץ הסטייל (style.css) ולהפוך את המילים בין שמאל וימין, מעבר לכך, עשינו התאמות ברמת הקוד הפנימי יותר. שהאמת? זה היה לפני הרבה מאוד זמן והיום אנו כבר לא ממש זוכרים את הנגיעות הקטנות לקוד ובכלל את שמו של הקובץ. אבל בעיקרון זה היה הליך מסורבל ולא פשוט. היום, אפשר למצוא תבניות חינמיות בעלות תמיכה ב- RTL. ואף נוצרו קבצים ייעודים בשם RTL, דוגמא מוחשית היא בתבניות ה- POJO קוד: rtl.css. בשנת 2019 כמעט כולן הוברתו לשפה העברית, כך שהיום זה חוסך לנו לא מעט כאבי ראש. ובכלל, תבניות הפרימיום הניתנות לרכישה במחיר 59$ כולן מותאמות ל-  RTLואפילו מכילות המון דרכים יצירתיות וכלים אשר יעזרו לנו לבנות את האתר.

מאיפה ניתן לקבל ו/או לרכוש תבניות וורדפרס?

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

דוגמא חיה:

גולת הכותרת: מהיכן ניתן לרכוש את תבניות הפרימיום? מכמה אתרים:

1. Theme Forest – לפי הניסיון שלנו, תבניות החל מ- 59$ הן התבניות שתרצו לרכוש ולבחור לאתרכם. האתר נותן בחירה של אלפי תבניות בכל מיני צבעים, סגנונות ולכל סוג של אתר, חלקן מגיעות עם תוספים. לדוגמא: בילדרים, תוספי מערכת שימושיים, הרחבות המעניקות אפשרויות צד לתבניות ועוד.

  1. Pojo – אתר המרכז בחובו לא מעט תבניות (כחול לבן), אשר מותאמות לכל סוג של אתר. ומעבר לכך יפות ומסודרות בצורה טובה ועם דגל ארצנו. (פיתוח ישראלי)הערה: קבוצת POJO עברה מהפך לא קטן, וכעת שמה את כל תשומת לבה על הפיתוח החדש שלה: אלמנטור. ולכן, תבניות אלה לא מקבלות יותר עדכונים. מה שיכול להשפיע על המשך עבודותיכם, אז לשיקולכם בלבד.

התקנת תבנית הוורדפרס

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

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

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

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

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

איך ניתן למחוק את התבנית הישנה?

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

ספר לי עוד דברים על תבניות הוורדפרס

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

עדכוני תבניות: ביצעתם שינויים ברמת הסטייל? (style.css) או ברמת קבצי האדר, פוטר וכו' וכו'? ייתכן שהעדכונים הבאים של התבנית ידרסו לכם את כל ההשקעה שביצעתם. עצוב קצת, אבל אל תדאגו גם כאן אחיכם מסדר אתכם! כל מה שתצטרכו במטרה למנוע את זה, הוא שימוש בתבניות בת. תבניות בת היא סוג של הגנה על השינויים שאנו עושים בתבניות האב – התבנית הראשית שלנו.

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

ניתן לערוך שינויים בקבצי התבנית ממשק הוורדפרס: כן כן! ניתן לערוך שינויים בקבצים, כמו לדוגמא: footer.php, functions.php, header.php, וגם כמה קבצי CSS נחמדים. זה אופציה ממש נחמדה אך די מסוכנת, והאמת שחברות האחסון מעניקות לכם את האופציה לחסום את האפשרות. וחלק מן התבניות הגדולות יודעות שזה נותן סיבה לחגיגה למי שכבר פרץ לכם, וחסמו מראש את האופציה. ובכל זאת, במידה ותרצו לעשות שינויים כן תוכלו.

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

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

בעיות נפוצות בשימוש עם תבניות וורדפרס

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

  1. התבנית לא מתעדכנת אוטומטית: חלק קטן מן חברות האחסון רוצות לשמור על רוחב פס שקט, ולכן מאחורי הקלעים, החברה עשויה לבטל את האופציה הזו ולמנוע ממכם את העדכון האוטומטי.
  2. העלאת תבניות: לעיתים אנו יוצאים אהבלים, כן. אנו מנסים לעלות תוסף במקום תבנית במקום הלא נכון להעלאה. במקרה זה, תתקבל הודעת שגיאה או קבצים חסרים. ולעיתים גם, תקבלו שגיאה הדומה ל: "לא ניתן להפעיל את התבניות, חסר בה קובץ css" בדרך כלל מדובר על העלאה של תבניות פרוצות, חינמיות או לא תקינות בעליל.
  3. האייקונים לא עובדים: משתמשים הרבה ב- Font Awesome? תרצו לדעת שחשוב לעדכן את שורות הקוד, להתאמה של גרסת מערכת ה- Font Awesome. תקלה נפוצה היא כאשר הגרסה העדכנית באתר שלנו היא 4, והאייקונים לא עובדים בכלל. מחזירים תצוגה מעוותת? ייתכן שאתם משתמשים באייקונים בגרסה 5, ולכן לאחר שתעדכנו את שורות הקוד לגרסה החמישית, הבעיה תסתדר. לחלופין, במידה ואתם עדיין נמצאים על הגרסה ה- 4 ואין לכם כוח או מושג איך לשדרג, תמיד תוכלו להשתמש בגרסה הישנה של האיקונים.

ולסיום: 2 תוספי מערכת שלא תוכלו להסתדר בלעדיהם:

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

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

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