כשבועיים לפני כתיבת פוסט זה, פורסם כאן מדריך קצר כיצד להציג בכל פוסט את משך זמן הקריאה שלו. במדריך ישנה פונקציה פשוטה מאוד המחשבת ומציגה את משך זמן הקריאה של פוסט על ידי חלוקה של מספר המלים בפוסט ב-200, שזה מהירות [...]
קטגוריה: עיצוב וחווית משתמש | עמוד 8
נראה כיצד להשתמש ב Walker Class בכדי להדפיס תפריט בעל markup נקי. כברירת מחדל, רוב תבניות הוורדפרס מגיעות עם תפריט במיקום המסורתי. בחלקו העליון של הדף או בסרגל הצידי. ברוב המקרים העיצוב של אותם תפריטים גם כן עוקב אחר המסורת [...]
כנראה שנתקלתם באתרים מסויימים המספקים את משך זמן הקריאה המוערך של מאמר כזה או אחר. ביני לבין עצמי, כשראיתי זאת חשבתי שזה קצת מגוחך. אך נתקלתי כבר במספר מאמרים המסבירים כי הצגת משך זמן הקריאה מגדילה את ה engagment עם [...]
נראה כיצד ליצור סליידר על מסך מלא בוורדפרס ללא שימוש בתוסף. מכיוון ותוספי סליידרים (שבד״כ מגיעים עם תבניות קנויות) הם די איטיים ומאד מסורבלים לשימוש, נכון יהיה בהרבה מצבים לבנות סליידר בעצמכם ולמנוע כאבי ראש שלכם ושל הלקוח. ישנם כמובן [...]
במדריך זה נסביר איך לבנות פופאפ יציאה בוורדפרס ללא תוסף. המונח פופאפ יציאה (exit intent popup) צבר פופולריות בשנים האחרונות, באתרי וורדפרס בכלל ובאתרי ווקומרס וחנויות דיגיטליות בפרט. במהותו, פופאפ יציאה משתמש ב javascript על מנת לעקוב אחר תנועת העכבר [...]
אני חושב שניתן לומר בוודאות שקרוסלות הן פיצ׳ר שמשתמשים בו רבות באתרי וורדפרס. בצעו חיפוש בגוגל ותמצאו עשרות תוספים, ספריות ומדריכים כיצד ליצור כאלו. עם זאת, כשמדובר על קרוסלה אותה הלקוח יכול לעדכן בקלות, זה מעט יותר מסובך... כמובן שכבעלי [...]
באחד מהפרוייקטים עליהם עבדתי, הייתה דרישה לשימוש במספר לא מועט של סרטונים (וידאו) בעמודים מסויימים. חלק מאותם סרטונים נדרשו להיות לרוחב כל המסך וחלקם קטנים יותר הנמצאים בקונטיינר מסויים. תוך כדי עבודתי על האתר שמתי לב כי הלפטופ שלי (שאיני [...]
מסך רטינה (Retina Display) הוא סימן רשמי בשימוש של אפל למסכים בעלי צפיפות פיקסלים גבוהה (DPI גבוה או HiDPI). בימינו, כל מסכי המובייל ורוב מסכי הלפטופים המקצועיים הם בעלי מסכי רטינה וניתן לראות במסכים אלו תמונות רטינה באיכות גבוהה. טכנולוגיה זו [...]