CSS מותנה למייקרוסופט אאוטלוק- מסדר לכם את המייל!

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

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

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

CSS Code

זה בדיוק מה שהייתם עושים אם הייתם מתכווננים על אינטרנט אקספלורר 7 כשאתם בונים אתר, רק שהפעם אתם מתמקדים על אופיס של מייקרוסופט, או ‘mso’. בדוגמא שלמעלה, ‘gte’ מתווסף בשביל שהפקודה תהיה תקפה רק עבור גרסאות של מייקרוסופט אופיס 9 ומעלה. אתם יכולים גם להתמקד בגרסאות פשוטות או ישנות יותר על ידי שימוש ב ’lt’. שימוש ב ‘gt’ ו ‘lte’ יתמקד בגרסאות 'גבוהות מ', 'נמוכות מ', או 'שוות ל' בהתאמה.

מספרי הגרסאות של אאוטלוק

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

  • אאוטלוק 2000 – גרסא 9
  • אאוטלוק 2002 – גרסא 10
  • אאוטלוק 2003 – גרסא 11
  • אאוטלוק 2007 – גרסא 12
  • אאוטלוק 2010 – גרסא 14
  • אאוטלוק 2013 – גרסא 15

בגלל שאאוטלוק 2003-2003 משתמש במנוע רינדור IE6, הגרסאות של הלקוחות האלה יחסית יציבות. החל מאאוטלוק 2007 ואילך, מנוע הרינדור הוחלף ל Word, מה שהופך את אאוטלוק לבעייתי מאוד לאימייל. אתם יכולים למנף את ה CSS המותנה בשביל לחסל באגים ולצמצם באופן משמעותי כאבי ראש שקשורים לפיתוח אימייל.

בעיית העברת העמוד של אאוטלוק 2007-2010

אחד מהנימוקים הטובים ביותר לשימוש ב CSS המותנה הזה הוא בכדי לצמצם מגוון בעיות רינדור באאוטלוק, כולל את בעיית העברת העמוד שלו. לאאוטלוק 2007, או מדויק יותר לומר, למנוע Word, יש מגבלת אורך מסמך של 22 אינצ'ים, או 1800 פיקסלים בערך. כשמסמך – במקרה זה, אימייל – מגיע לאורך הזה, אאוטלוק מוסיף מעבר עמוד בשביל לסייע להדפסת המסמך. למעבר עמוד הזה יכולות להיות השפעות רציניות על האימייל:

Outlook email view

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

החדשות המשמחות הן שהבאג הזה כבר לא מופיע באאוטלוק 2013! זאת התחלה…

 

סגור לתגובות.