קטגוריה: עיצוב אתרי וורדפרס וחווית משתמש | עמוד 6

הוספת פירורי לחם באתרי וורדפרס (Breadcrumbs)

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

יצירת תוסף המציג את משך זמן הקריאה של פוסט ותרגומו

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

יצירת תפריט בעל markup נקי בתבניות וורדפרס

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

הצגת משך זמן הקריאה המוערך של פוסט באתרי וורדפרס

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

יצירת סליידר בוורדפרס באמצעות Vegas Slider

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

בניית פופאפ יציאה בוורדפרס (Exit Intent Popup)

במדריך זה נסביר איך לבנות פופאפ יציאה בוורדפרס ללא תוסף. המונח פופאפ יציאה (exit intent popup) צבר פופולריות בשנים האחרונות, באתרי וורדפרס בכלל ובאתרי ווקומרס וחנויות דיגיטליות בפרט. במהותו, פופאפ יציאה משתמש ב javascript על מנת לעקוב אחר תנועת…

יצירת קרוסלה באמצעות Slick ו Advanced Custom Fields

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

עצירת וידאו מחוץ ל Viewport באתרי וורדפרס

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