Clik here to view.
מהו קובץ robots.txt וכיצד להשתמש בו נכון
הקובץ robots.txt מכיל הנחיות למנועי חיפוש לגבי האופן בו עליהם לסרוק את האתר שלכם. בלעז הנחיות אלו נראות directives, וניתן להשתמש באלו בכדי להנחות בוטים ומנועי חיפוש כי עליהם להמנע מסריקת חלקים...
View ArticleClik here to view.
מה זה Facebook Pixel ואיך להוסיפו לאתר וורדפרס?
במידה ואתם תוהים במקרה מהו אותו Facebook Pixel (פייסבוק פיקסל), ואם (גם כן במקרה) אתם מעוניינים לדעת האם אתם צריכים להוסיפו לאתר הוורדפרס שלכם, אז הגעתם למקום הנכון. בפוסט זה אסביר מהו אותו פיקסל של...
View ArticleClik here to view.
למה גם העסק שלך צריך צ'אט בוט, והאם כל הבוטים נולדו שווים?
שנת 2020 הפכה את רובנו לבודדים יותר, בין אם נשלחנו לבידוד או מצאנו עצמנו בסגר ממשלתי, ובין אם אנו דואגים להורים ולסבים שלנו ונמנעים מלפגוש אותם על מנת לשמור על בריאותם. סיטואציה זו, תוצר של מגיפת...
View ArticleClik here to view.
משחק עם מערכים בג'אווה סקריפט (JavaScript Arrays)
לבטח אתם יודעים כי ב JavaScript אנו משתמשים במערכים (arrays) בכדי לשמור מספר ערכים במשתנה אחד. במערך JavaScript לכל אלמנט קיים מספר (אינדקס/Index), כאשר אינדקס של מערך מתחיל מאפס ועולה מעלה באחדות,...
View ArticleClik here to view.
הצגת ״מדיניות פרטיות״ ו״תנאי שימוש״ בעמוד התשלום של ווקומרס
בפוסט קצר ופשוט זה נראה כיצד ניתן להוסיף קישור לעמוד ״מדיניות פרטיות״ (Terms & Conditions) בעמוד התשלום וכיצד לשנות את הטקסט המוצג בעמוד התשלום בהקשר זה. בנוסף, נראה גם כיצד להוסיף קישור בשם ״תנאי...
View ArticleClik here to view.
הוספה ושינוי התוכן של לשוניות המוצר הדיפולטיביות –ווקומרס
כבר כתבתי פוסט בעבר על הסרה, הוספה ועריכת לשוניות בעמודי מוצר. אני מדבר על אותן לשוניות המופיעות בדרך כלל תחת המוצר עצמו, מחירו והתמונות שלו בעמוד מוצר יחיד של ווקומרס (Single Product Page). אני מדבר...
View ArticleClik here to view.
אפקט פרלקס בגלילה – Parallax Scrolling Effect
חזרה בזמן לשנת 2011, אפקט פרלקס בגלילה (parallax scrolling effect) יצר הדים והסתמן כטרנד חדש בעיצוב אתרים. אופנות רבות הגיעו ועזבו מאז אך אפקט זה ביסס מקומו ואינו מתכוון לעזוב בקרוב. בפוסט זה נסביר מה...
View ArticleClik here to view.
Scroll Snapping –שליטה בחווית הגלילה בעזרת CSS
עם כניסת הספסיפיקציות CSS Scroll Snap, קיימת עבורינו המפתחים האפשרות לשלוט על התנהגות הגלילה של עמוד אינטרנטי (עד דרגה מסויימת בכל אופן), וזאת על ידי שימוש בסטנדרטים של הרשת וללא צורך להסתמך על ספריות...
View ArticleClik here to view.
מספר מילים על התכונה flex-wrap
flex-wrap היא תכונה ספציפית הקיימת במודול CSS flexbox. באמצעות תכונה זו ניתן לקבוע כיצד flex items יוצגו ויתנהגו ב flex container כשאין לרשותם מספיק מקום. התכונה flex-wrap אף מספקת לנו דרך מהירה להפוך...
View ArticleClik here to view.
על CSS Containment ודרכים לאופטימיזציה ושיפור ביצועי רינדור
CSS Containment הוא מודול המתאר תכונת CSS יחידה הנקראית contain . תכונה זו מאפשרת לנו כמפתחים לבודד Subtree של אלמנט מסויים ב DOM ולהגדירו כעצמאי ונפרד משאר האלמנטים ב DOM. המטרה העיקרית של CSS...
View ArticleClik here to view.
CLS –על מדד היציבות החזותית של עמוד והדרכים לשפר אותו
המדד (Cumulative Layout Shift (CLS, או בעברית ״מדד יציבות חזותית״ הוא חלק מסדרת מדדים בשם Core Web Vitals. נתון או מדד זה בודק את תדירות השינויים המתרחשים בזמן שהדפדפן מבצע את תהליך פריסת העמוד. פוסט...
View ArticleClik here to view.
איך לבטל את התכונה srcset של תמונות רספונסיביות בוורדפרס?
בפוסט קצר זה נראה כיצד ניתן לבטל הוספת srcset המתווסף אוטומטית ל html של תמונות באתרי וורדפרס. אם תתנו מבט בקוד המקור של עמוד באתר שלכם המכיל תמונות, תגלו כי תגיות ה מכילות תכונת srcset אחת או יותר....
View ArticleClik here to view.
מהם Core Web Vitals, כיצד לנטר, למדוד ולשפר מדדים אלו?
Core Web Vitals מייצגים סט של מדדים המשמשים את גוגל בכדי להעריך את חווית המשתמש (UX) של אתר מסויים ואינם קשורים לאיכות התוכן באתר. מדדים אלו הולכים להצטרף לאחרים כסט של מדדים בעלי השפעה על SEO ודירוג...
View ArticleClik here to view.
בניית מבנה קישורים מותאם באמצעות ה- Rewrite API של וורדפרס
אחד ה- API החשובים והפחות מוכרים בוורדפרס הוא ה- Rewrite API. אותו API מספק את האפשרות והפונקציונליות ליצירת מבנה קישורים מותאמים אישית. בפוסט זה נלמד כיצד להשתמש במשתני השאילתה (Query Vars)...
View ArticleClik here to view.
מספר מילים על שיעור נטישה/עזיבה (Bounce Rate) בגוגל אנליטיקס
במשפט, המונח Bounce (עזיבה) מתאר סשיין של עמוד אחד באתר שלכם. Bounce בגוגל אנליטיקס מחושב ספציפית כסשיין של משתמש שמייצר בקשה יחידה בלבד מהשרת של אנליטיקס. למשל כאשר משתמש נכמס לעמוד מסויים ויוצא ממנו...
View ArticleClik here to view.
מבט נרחב על אירועים (Events) בגוגל אנליטיקס
אירועים (Events) בגוגל אנליטיקס הם אינטראקציות של המשתמש עם תוכן אותם ניתן למדוד עצמאית (בנפרד) לזמן הטעינה של עמוד אינטרנטי. למשל הורדות של קבצים, לחיצה על קישורים, שליחת טפסים, וצפייה בוידאו הם כולם...
View ArticleClik here to view.
בדיקה האם מוצר שייך לקטגוריה או תגית מוצר מסויימת
אם ניסיתם להשתמש בפונקציה in_category בכדי לבדוק אם מוצר מסויים נמצא בקטגוריית מוצרים מסויימת, כנראה שלא הצלחתם. זוהי טעות נפוצה האמת וגם אני התבלבתי לא פעם בנושא. אז נתחיל בכך שמוצרים בווקומרס הם סוג...
View ArticleClik here to view.
שינוי סדר הלשוניות (טאבים) בעמוד המוצר של ווקומרס
זהו פוסט קצר המסביר כיצד לשנות את סדר הלשוניות בעמוד המוצר של ווקומרס. אני מדבר על אותן שלוש הלשוניות הדיפולטיביות: "תיאור״, ״מידע נוסף״ ו״חוות דעת״. ניתן בקלות להציג למשל את לשונית ״חוות הדעת״ ראשונה...
View ArticleClik here to view.
הצגת פוסטים מבלוג אחר באתר שלכם באמצעות REST API
כפי שבטח שמעתם כבר, REST API מאפשר לכם לבצע אינטאקציה עם אתר הוורדפרס שלכם מבחוץ, כלומר מאפליקציית מובייל למשל או מאתר אחר. בוא נראה דוגמת קוד קצרה המתארת כיצד ניתן למשוך פוסטים מהאתר CSS Tricks...
View ArticleClik here to view.
יצירת טבלה רספונסיבית באמצעות CSS
אני בטוח כי תמצאו המון שיטות ומקורות המראים כיצד ליצור טבלה רספונסיבית, חלקן טובות וחלקן פחות. בין שיטות אלו תמצאו טבלאות מתוחכמות הבנויות באמצעות CSS Grid, ואף טבלאות מאד פשוטות, שאינן יכולות להקרא...
View Article