ארכיון תגיות: וורדפרס

תבנית וורדפרס Twenty Twelve

בגרסה הבאה של WordPress תוכנס לשימוש תבנית ברירת מחדל חדשה בשם Twenty Twelve ‏(2012), כחלק ממסורת בה מוחלף עיצוב ברירת המחדל של התוכנה פעם בשנה. עיצוב זה יוכנס לשימוש בגרסה הבאה של וורדפרס (3.5), אבל זמין כבר עתה להורדה מאתר התבניות של וורדפרס.

הייחוד הגדול בתבנית זו לדעתי הוא היותה תבנית מגיבה (רספונסיבית). משמעות הדבר שהתבנית משתמשת ביכולות Media Queries של CSS3 כדי להתאים את מראה האתר לגדלי מסך שונים ללא צורך בתחזוקה של גיליון סגנון נפרד או תוספים מיוחדים שכל מטרתם היא לזהות את פרטי הדפדפן ולשלוח עבורו הוראות עיצוב מיוחדות. למעשה, ניתן להשתמש ביכולות אלו גם בהקשר של מחשבים רגילים ולא רק טלפונים ניידים ומחשבי לוח; נסו לשנות את גודל החלון של אתר שמשתמש ב־Media Queries ותראו איך אלמנטים שונים בדף משנים את המיקומים שלהם בהתאם לגודל החלון. עוד על התכונות החדשות של התבנית ניתן למצוא אצל רמי מאתר wp-tricks.

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

קובץ השפה זמין פה ובצורה בינרית כאן. הדרך הפשוטה ביותר לשלב תרגום בעברית לעיצוב היא להתקין את התבנית כרגיל דרך ממשק הניהול של המערכת או ידנית באמצעות העתקת הקבצים לתיקייה המתאימה לשרת, ולאחר מכן למקם את הקובץ הבינרי על השרת בתת התיקייה languages בשם he_IL.mo. הקובץ הבינרי מכיל את הקובץ הטקסטואלי לאחר שהועבר התאמות קלות, וניתן לייצר אותו ידנית באמצעות הפקודה msgfmt he_IL.po -o he_IL.mo אם מעוניינים לבנות אותו בעצמנו או לבצע שינויים בקובץ השפה לפני שממקמים אותו בשרת. כולי תקווה שהאנשים האחראים כיום על תרגום המערכת יראו לנכון לשלב חזרה את השינויים שביצעתי, כך שבעתיד נזכה לתצוגה עברית ברמה הגבוהה ביותר ולא נצטרך לבצע שינויים כלשהם בצורה ידנית לשם כך.

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

כדי ליצור תבנית בת, מספיק ליצור תיקייה חדשה בתוך תיקיית התבניות שלנו, ובה שני קבצים בלבד; style.css ו־rtl.css. תוכנם של הקבצים יהיה כדלקמן:
style.css
/*
Theme Name: My website theme
Theme URI:
Description:
Author:
Author URI:
Template: twentytwelve
Version:
*/
@import url("../twentytwelve/style.css");

(כדאי מאד להקפיד למלא גם את השדות הריקים!)

rtl.css
@import url("../twentytwelve/rtl.css");
לאחר יצירת שני הקבצים הנ"ל וטעינת התבנית החדשה שיצרנו, היא אמורה להיראות זהה לתבנית twentytwelve. אם זה לא עובד טוב, כדאי לוודא כי התבנית המקורית אכן יושבת במיקום /wordpress/wp-content/themes/twentytwelve/. מכאן אתם רשאים לעצב את התבנית האישית שלכם כיד הדמיון הטובה עליכם.

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

  • טעינת גופן Gladia של מיזם קולמוס באמצעות @font-face שנותן לכותרות באתר מראה מרובע ועתידני.
  • הוספת צלליות לכותרות ולתפריטים באמצעות text-shadow ו־box-shadow.
  • הסרת כותרת המשנה והגדלת גופן הכותרת הראשית.
  • הגדרת עברית על התבנית TwentyTwelve. אני מקווה שמתחזקי השפה העברית של וורדפרס יראו לנכון לשלב חזרה את כל התיקונים שביצעתי.

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

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

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

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

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

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

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

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

ממשק הניהול של Webydo. לא עולה.

ממשק הניהול של Webydo. איטי ומסורבל.

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

משדרגים את האתר

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

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

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

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

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

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

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

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

אזהרה לגבי שדרוג אוטומטי לוורדפרס 2.8

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

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

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

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

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

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

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

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

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

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

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

מה הלאה?

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

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


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

טיפ וורדפרס – פיד RSS מפולח

אחד מהאלמנטים הבסיסיים לכל בלוג הוא ה־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

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