תבנית חדשה לאתר

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

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

או כך חשבתי.

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

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

1. עמודה צדדית  – כבר הרבה זמן שאני מבינה שאני צריכה מקום לשים בו דברים שהם לא פוסטים, כמו קישורים לעדכוני RSS ו-ווידג’ט של תגובות אחרונות, וטקסט קצר על אודותיי והרשמה לרשימת התפוצה (שני האחרונים קיימים בתבנית הקיימת, אבל בתחתיתה). התבנית הזאת יוצרת עמודה צדדית בצורה מושלמת, לדעת – להיות עם ולהרגיש בלי – בכך שהעמודה הצדדית סגורה בברירת מחדל ובכך נותנת את מלוא המקום לפוסטים.
2. קישורים למדיה החברתית – היתה לי התחלה של זה בתבנית שלי, אבל להוסיף מדיה חברתית היה סיפור. בתבנית הזאת זה חלק מאפשרויות התבנית.

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

אחרי הפסקה ארוכה חזרתי לזה לפני כמה שבועות, והתקנתי את cosimo באתר טסט. אחרי ההתקנה התחלתי לעשות לה התאמות. בהתחלה התפתיתי לחשוב שמאחר שהיא דומה מאוד לשלי, רק אשפץ אותה קלות ואגרום לה להיראות כמעט זהה. התחלתי לעבוד על זה – הוספתי את האלמנטים הגרפיים שיש לי בבלוג (השיבולים, המגל, העננים) – אבל אחרי שעבדתי על זה שעתיים-שלוש, זה עדיין היה רק חצי אפוי. הראיתי את זה לרחלי – בשלב הזה היא כבר לא הייתה באורט וכל הדיונים איתה היו בסלאק – והיא מיד איפסה אותי: “למה את משנה את התבנית? מה שאת מנסה לעשות זה להלביש את התבנית הקיימת על תבנית חדשה, וכל המטרה בתבנית חדשה זה גם התרעננות עיצובית, לא?”.
וואלה – צודקת! פתאום קלטתי שאני מתנהגת כמו לקוח אופייני שמקבל סקיצה עיצובית. התגובה שלו היא תמיד “זה מצוין, רק תוסיפי / תורידי / תחליפי…”.
הלו, אם זה מצוין – לא נוגעים בזה! זה מה שיש. כי אחרת, ברגע שמתחילים לגעת בדברים – לא יוצאים מזה. לכן החלטתי להיות לקוחה לדוגמה, ופשוט לזרום עם התבנית.

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

1. סוג גופן – שינינו את כל הגופן בבלוג ל-open sans hebrew. האמת היא שזמן רב לפניכן השתעשעתי ברעיון לשנות גופן בתבנית שלי, אבל בעיניי היה משהו נחמד בהישארות בגופן אריאל, משהו שלא נכנע לטרנדים ונשאר עם ברירת המחדל הבנאלית והיציבה. אבל בתבנית החדשה החלטתי לזרום עם הטרנד על אף הידיעה שכשהטרנד יעבור, הבלוג שלי ייראה מיושן.
2. גודל גופן – הגדלנו את הגופן כדי שהבלוג יהיה נגיש יותר. הגופן בתבנית המקורית ממש קטן בחלק מהמקומות.
3. כותרת המשנה (זה שכתוב בו “הבלוג הטכנולוגי של לאה כהן”) – נתתי רקע לכותרת המשנה של הבלוג, כי אחרת הוא נבלע בתמונת הרקע.
4. מסגרות לפוסטים – אמנם התבנית מתאימה גם לפוסטים ללא תמונה ראשית, אבל במצב כזה קצת קשה להבחין איפה כל פוסט מתחיל ונגמר. לכן לקחנו את מצב מעבר העכבר של כל פוסט – שבו הפוסט מקבל מסגרת – והפכנו אותו למצב הרגיל. כעת במעבר עכבר, המסגרת משנה צבע.
5. הקישורים  – נתתי לכל הקישורים את העיצוב של הקישורים בתבנית שלי – קו תחתון ירוק מקווקו.
6. תאריכים עבריים – הוספתי תאריכים עבריים ליד הלועזיים.
7. עברית – תרגמתי מחרוזות לעברית. כדי שהתרגום לא יידרס בכל עדכון של התבנית, מאפסנים אות במקום בטוח: תחת תיקיית wp-content יש תיקיית languages ובתוכה תיקיית themes, ושם שמים קבצי תרגום של כל תבנית שרוצים, וזה מוגן מדריסות.

את שינויים 1-5 עשיתי באזור ה-“CSS מותאם” שבהתאמה האישית בממשק הניהול, כדי שזה לא יידרס בעדכוני התבנית. את מספר 7 ביצעתי בתבנית עצמה, גם זה ללא חשש – קבצי התרגום לא אמורים להידרס. את מספר 6 עשיתי בתוסף ע”י דריסה של הפונקציה המתאימה בתבנית, כי פונקציות תוסף רצות לפני פונקציות תבנית. למה לא יצרתי תבנית בת? מפני שבתבנית cosimo יש שדות בהתאמה האישית, ולמרבה הצער, תבנית בת לא יורשת שדות כאלה. אמנם כנראה אפשר להוריש אותם באמצעות קוד מתאים, אבל בינתיים לא עשיתי את זה.

זו התבנית הרביעית שהבלוג מקבל. כלומר, זאת פעם שלישית שאני מחליפה עיצוב, אבל מאז שעברתי לוורדפרס לפני 6.5 שנים, זו ההחלפה הראשונה. אשמח מאוד לשמוע את דעתכם – אני תמיד מעוניינת לשמוע דעות שונות ומנוגדות, גם אם אני לא מסכימה עם כל הערה – ומקווה שתהנו ממנה (מי שלא קורא אותי בקורא RSS).

היי שלום תבנית יקרה. ברוך בואך תבנית חדשה.