תגית: עיצוב

CSS Variables - מדוע וכיצד להשתמש במשתנים אלו?

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

איך ליצור ווידג׳ט צף בסרגל הצידי של וורדפרס

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

על היררכיה טיפוגרפית ופונטים בעיצוב אתרים

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

איך להסיר CSS הנטען כברירת מחדל בווקומרס

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

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

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

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

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

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

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

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

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

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

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

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

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