קטגוריה: wordpress

עיצוב הבלוג – ניצול טוב יותר של שטח המסך

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

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

לכאורה בשביל "לשחרר" את הטקסט כל מה שצריך לעשות הוא למחוק את הגבלת הרוחב ולקבוע רוחב יחסי לרוחב החלון, או את גודל השוליים הימניים והשמאליים. למעשה זה יצר לי שתי בעיות חדשות:
  • התמונה תופסת פחות מקום מהטקסט ויוצרת מאין חוסר איזון ויזואלי שמאוד מפריע לאנשים שתצוגה גרועה מפריעה להם. הפתרון הפשוט לזה היה להורות לדפדפן לשכפל את התמונה כל פעם שהיה יותר מקום פנוי מאשר דרוש להצגת התמונה. זה יצר בעיה אחרת מאחר והתמונה לא עוצבה לשימוש כזה צד ימין ושמאל שלה שונים מאוד בבהירות שלהם ולכן נוצר תפר מעט מכוער במקום שבו שתי תמונות מתחברות.
  • קווי התיחום של האזורים השונים המשיכו להופיע במקום הקודם בלי שום התחשבות שכעת האזור של הטקסט יותר גדול, והקטע הזה שיגע אותי במשך מספר שעות. אומנם אני לא מעצב אתרים מדופלם אבל חשבתי שיש לי מספיק ידע, ובעזרת שימוש בDOM Inspector שמצורף לסוסון הים בשביל לעשות שינויים קטנים כאלו. בסופו של דבר (אחרי שהחלטתי ששרלוק הולמס צודק ואחרי שמנפים את כל התאוריות שהופרכו , מה שנישאר, עד כמה שאינו סביר, הוא האמת) ירדה עלי ההשראה לראות מה נמצא בקבצי התמונות, ואכן מיד ראיתי שמעבר לאפקט המידרוג (gradient) גם התיחומים מופיעים בתמונות. מפה זה כבר לקח לא יותר מ5 דקות בעזרת הpaint להגיע לתצואה הנוכחית.

כרגע הציון שאני מעניק לתבנית הבסיסית שבה השתמשתי (red train) הוא 9+ על יופי אבל רק -7 על על קלות שינוי.

מה יותר מרגיע מעיצוב בלוג?

תשובה נכונה: פאזל.

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

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

על הדרך העלתי גם תמונה שלי לשמחת המעריצות.

ההתקנה הופכת לפרויקט בפני עצמו

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

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