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

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

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

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

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

בהרכבת העיצוב הכנסתי לא מעט קוד לא תקני כך שאין טעם לרוץ ולבדוק אותי. מדובר בקוד CSS3 כולל שימוש בהוראות עיצוב "פרטיות" כדי לתמוך בכל הדפדפנים. מאחר ולא הקדשתי אפילו חצי דקה במהלך העבודה לתאימות ב־Internet Explorer 6, לא קיימים בעיצוב כל מיני טריקים של עיצוב סלקטיבי כך שהעיצוב יענה לגחמותיו של הדפדפן הנ"ל. למרות שפיתחתי את העיצוב לעבודה מול Gecko, הוא מצליח להיראות סביר גם על Webkit, ואפילו חושף באג משעשע במנוע הנ"ל. Opera מצליח להציג רק חלק מהעיצוב, אבל הגלילה של הדף הפכה להיות איטית בצורה מדאיגה.

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

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

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

מה קרה ומה התרחיש?

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

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

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

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

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

מה השיעור שלמדנו?

במיוחד לפני שדרוג, נא להקפיד לבצע גיבויים -

א. צרו גיבוי עדכני לבסיסי הנתונים.
ב. צרו גיבוי עדכני לכל הקבצים שבשרת.

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

מה הלאה?

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

אל תשכחו את הגיבויים שלכם שוב, כאשר אתם משתמשים בגירסה 2.8.1 או כל גירסה עתידית. עדיף "יש לי" מאשר "אם אצטרך".

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

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

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

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

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

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

http://www.popup.co.il/?p=3248&feed=rss2

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

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

http://www.dakars.info/category/tutorials/feed

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

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

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

http://tomercohen.com/?s=לינוקס פיירפוקס&feed=rss2

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

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

http://example.com/?p=123

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

http://example.com/2008/09/03/post

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

הפתרון:

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

לדוגמה, הכתובת של הפוסט האחרון בבלוג של יהודה (פתרון לצפייה באתר האינטרנט של קשת דרך פיירפוקס, והוא הוסיף לאחרונה תמיכה בתת האתר של האח הגדול. מומלץ מאד להכניס אותו ל־RSS) תופסת 185 תווים.

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

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

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

 <div class="post" id="post-170">
<p class="date">2/9/2008</p>
<h2><a href="http://yehudab.com/blog/2008/09/%d7%a1%d7%a7%d7%...9c/" rel="bookmark" title="Permanent Link: סקריפט אתר קשת גרסה 1.2: האח הגדול">סקריפט אתר קשת גרסה 1.2: האח הגדול</a></h2>
<div class="entry">

כפי שניתן לראות בדוגמה המצורפת, המזהה של הפוסט הנ"ל הוא 170, כך שצריך להכניס לדף פרמטר p=170 בשביל להגיע ישירות לקטע. את הפרמטר מוסיפים לכתובת הדף הראשי במערכת – yehudab.com/blog/?p=170, ווורדפרס באופן קסום יעביר אותנו לכתובת האמיתית של הקטע ברגע שנלחץ על הקישור.

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