ארכיון תגיות: עיצוב

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

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

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

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

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

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

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

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

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