תגית: עיצוב

כיצד עובדת הפונקציה ()minmax

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

המדריך המלא לשימוש ב CSS Grid

נתחיל ונאמר כי CSS Grid הוא מודול המאפשר ליצור עימוד (Layout) המבוסס רשת (Grid) על ידי שימוש בעמודות ושורות. ניתן לומר, שעד לא מזמן העימוד ב HTML נבנה באמצעות Tables, Floats ועוד תכונות כאלה ואחרות ב CSS שלא התאימו ליצירת עמודים מורכבים. ואז הגיחה Flexbox לעולם…

הצגת פופאפ באתרי וורדפרס באמצעות Javascript Cookie

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

כיצד להפוך סרטון Youtube לרספונסיבי בוורדפרס?

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

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

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

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

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

הוספת עימוד ממוספר (Pagination) בתבנית וורדפרס

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

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

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

הוספת אפשרויות עיצוב לעורך הויזואלי בוורדפרס

וורדפרס מגיעה עם אפשרויות די בסיסיות בעורך הויזואלי (visual editor), עם זאת, לפעמים אנו מעוניינים להוסיף אפשרויות משלנו לעורך הויזואלי עם עיצוב מותאם אישית כגון כפתורים, כותרות וכו׳... אסביר במדריך קצר זה כיצד להוסיף אפשרויות עיצוב מותאמות אישית לעורך הויזואלי בוורדפרס.