שיפוצים באמבט – סיכום שדרוג האתר

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

הפוסט ×”×–×” יהווה סיכום של העניינים וינסה להבהיר למה בכלל עשיתי את ×–×”, להסביר מה השתנה – ולא פחות חשוב: לתת אלטרנטיבה לאלו מכם שסובלים מהשינוי (ומסתבר שיש ויש כאלו).

למה בעצם?
לפני כמה חודשים החלטתי שנמאס לי מהעיצוב של האתר. העיצוב ×”×™×” מבוסס על קובריק, תבנית העיצוב הבסיסית של וורדפרס ולמרות ששיניתי קצת צבעים וכו' – ×–×” ×”×™×” די בנאלי ודומה-מדי-לאתרים-אחרים. אז החלטתי שבקיץ, כשתמלא שנה להקמת האתר, אפנק אותו בעיצוב חדש. ×›×›×”, ליומולדת.
במקביל התחלתי לחשוב איך אני יכול לשפר את השימושיות באתר לטובת אותם גולשים מזדמנים שמגיעים אליו למשל ממנועי חיפוש. תתפלאו או לא אבל הרוב המכריע של הגולשים באתר איננו ×”"קבועים" אלא אנשים שמגיעים מגוגל ומנועי חיפוש אחרים. ובדרך כלל הם לא נשארים יותר מדי זמן באתר ולא מעמיקים לתוך שלל הפוסטים שקיימים בו – וזה משהו שרציתי לשנות.
אז זהו – אלו הן שתי הסיבות לשינוי העיצוב. נכון שהשינויים הקשורים לסיבה השניה לא מחייבים שינוי תבנית והם הולכים להיות מוטמעים גם בתבנית המקורית – אך כאמור, מאז ומתמיד רציתי לשנות עיצוב. לא לחינם כתוב בעיצוב המקורי "עיצוב זמני באופן קבוע"…

מה נשתנה?
אז ×›×›×”. קודם כל שדרגתי את וורדפרס לגרסה 2.3 – מה שלא משנה לכם בעצם. אחר כך תרגמתי לעברית את תבנית Sea Shore ושיניתי אותה בכמה מקומות כדי שתתאים למטרות שלי ולרוח שלי.
בנוסף, החלפתי והוספתי מספר תוספים שלדעתי פונקציונליים לטובת השימושיות והניווט באתר. למשל, התוסף Random Redirect שמאפשר הצבת לינק (כמו זה) שלחיצה עליו לוקחת את הגולש לפוסט שרירותי באתר (לינקים אלו מופיעים בסוף כל פוסט ובתפריט הניווט בתחתית העמוד).
תוסף נחמד חדש הוא What would Seth Godin Do שמאפשר הצגת הודעה לגולשים המגיעים בפעם הראשונה לאתר המזמינה אותם להרשם לעדכוני רסס או רשימת תפוצה או למעשה כל הודעה שרוצים. וזה משתלב עם תוסף הצגת ההתראות המצוין של חנית.

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

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

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

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

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

שדרוג האתר – עדכונים מהשטח

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

כמה עדכונים מהשטח. המערכת רצה יפה על גרסה 2.3 למרות שהייתי צריך לעדכן כמה מהתוספים באופן ידני. מי מכם שעובר/עבר לגרסה החדשה ודאי יודע שבעמוד התוספים המערכת מעדכנת אותו על גרסאות חדשות לתוספים. ובכן, המערכת מפספסת! יש תוספים שעודכנו והמערכת לא מגלה לך על זה וחבל כי זה יוצר בעיות אחר כך.
מה עושים? עבודת נמלים. נכנסים לעמוד הבית של כל תוסף ומגלים אם יש גרסה חדשה. במקביל נכנסים לעמוד הזה באתר של וורדפרס שבו יש רשימה של כל התוספים שתומכים בגרסה 2.3 ובודקים גם שם. אני מצאתי ככה משהו כמו 3-4 תוספים שעודכנו והמערכת לא ידעה.

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

הבעיה המרכזית שעוד יש לי לפתור היא התאמת התבנית לגרסה החדשה. כמו שאמרתי בפוסט הקודם, התבנית הזו לא תומכת בגרסה החדשה וכפועל יוצא מזה מה שקורה הוא שבכל עדכון למערכת מקבלים הודעת שגיאה. וזו הודעה מיותרת לחלוטין ×›×™ העדכון מתבצע. בניגוד למה שאמרתי קודם – ×–×” כן משפיע עליכם. איך? ובכן, כשאתם מנסים להשאיר תגובה אתם מקבלים את הודעה השגיאה הזו. ×–×” לא אומר שהתגובה לא נשלחה!! התגובה אכן נשלחת ומתפרסמת, למרות ההודעה. שימו לב לא לפרסם תגובות פעמיים ×›×™ סתם חבל.
הבעיה היא שאני לא ספץ בנושאים האלה ואין לי מושג איך להתאים את התבנית לגרסה החדשה ואני לא מצליח לאתר את יוצר התבנית כדי להתייעץ איתו בנושא. מצד שני אני לא רוצה לחפש תבנית חדשה ×›×™ אני נורא אוהב את זו – אך אם לא תהיה ברירה…

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

עמודים: 1 2 3 4

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

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

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

הלטאה משתנה ומשתדרגת

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

Happy birthday Bath Lizard
התמונה צוירה על ידי מירב בנדק גולדשטיין המוכשרת (היא התחתנה לפני שנה ואני עוד לא מתרגל)

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

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

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

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

Bubble Bath Lizard
התמונה צוירה על ידי מאיה סדרינה המוכשרת גם היא

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

  • שינוי לחלוטין של מבנה ×”-Footer (האלמנט שמופיע בתחתית כל עמוד באתר) כך שיכיל יותר מידע על האתר ואפשרות להעמקה בתוך האתר.
  • עיצוב מחדש של דף 404 (הדף שמגיעים כשהלינק שעליו הקלקלתם איננו קיים) כך שיכיל אפשרויות מובנות למציאת התוכן המבוקש. דוגמה אפשר לראות כאן.
  • הורדת "שם הבלוג" ו"תיאור הבלוג" מראש העמוד. ×–×” סתם מכוער בעיניי.
  • שינוי של חלק מהצבעים (בעיקר של הלינקים)
  • וכמובן, עדכון טקסטים מסוימים לרוחי המשועשעת (×¢"×¢ הטקסט של כמה תגובות התקבלו, לדוגמה)
  • התבנית נבדקה על פיירפוקס 2.0.0.7, IE6 ו-IE7. בפיירפוקס מתחת לגרסה 2 מצאתי שמשום מה העברית בחלק מהאלמנטים מתהפכת.
    חשוב לציין שכרגע התבנית לא תומכת בוורדפרס 2.3 – המשמעות מבחינת הקוראים, למיטב ידיעתי, היא אפסית. המשמעות מבחינתי היא סרבול בכל תהליך העבודה מאחורי הקלעים (כל פעולה כמו הפעלת/כיבוי תוסף, עדכון פוסט וכדומה גוררת הודעת שגיאה אך מצד שני הפעולה מתבצעת בכל מקרה).

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

    הכי חשוב!
    העיצוב ×”×–×” כל כך לא גמור! לא תכננתי להעלות אותו במצב הלא מושלם שלו אך למעשה דווקא בגלל השדרוג לגרסה 2.3 נאלצתי לעשות את השינוי. אז יאללה, אני רץ עם ×–×”. אתם תראו שינויים נוספים שיגיעו ואני מניח שאעדכן כאן מה קורה עם ×–×”. השינויים שעוד צפויים להגיע, והם ×”×›×™ כיפיים, הם אלו שיחזירו לאתר את הצביון הלטאתי שלו – בקיצור, ציורים ותמונות של לטאות 🙂

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