מדריך זה מכסה את המתודות querySelector() ו-querySelectorAll() – איך הן עובדות, מתי להשתמש בכל אחת, ואיך לבצע לולאה על התוצאות. ה-DOM (Document Object Model) מייצג את כל אלמנטי ה-HTML במבנה של עץ. לכל אלמנט בעץ ניתן לגשת באמצעות JavaScript וה-API [...]
פונקציה היא סט של הכרזות (statements בלעז) המקבלות input, מבצעות חישוב מסוים, ומספקות output. במילים אחרות, פונקציה היא סט של הכרזות המבצעות מספר פעולות או חישובים ולאחר מכן מחזירה את התוצאה למשתמש. הרעיון הוא להכניס מספר פעולות שחוזרות על עצמן [...]
קישורים יוצאים (Outbound Links) הם הטקטיקה הכי פחות מוערכת בשיווק תוכן (Content Marketing) ובתהליך האופטימיזציה לתוכן (On-Page SEO Optimization). כל מי שמתעסק עם קידום אתרים ו SEO, לבטח יודע כי קישור מהעולם החיצון המצביע לאתר שלכם הוא סיגנל חשוב התורם לדירוג [...]
המודול CSS Text Decoration Module Level 3 מספק לנו מספר דרכים חדשות לקִשּׁוּט ועִטּוּר טקסט בעמודים אינטרנטים, ותמיכת הדפדפנים לשמחתנו במודול זה היא די רחבה. תכונות ה CSS החדשות דוגמת text-decoration-thickness ו text-decoration-color יכולות לעזור בקִשּׁוּט ועִטּוּר טקסט וקווים תחתונים [...]
לא מזמן שאל אותי אחד הגולשים בסאבי בלוג האם עליו להפנות את כל העמודים שמחזירים שגיאה 404 לעמוד הבית. את תשובתי תמצאו בקישור מעלה, אך שאלה זו יחד עם אחרות בהן נתקלתי גרמו לי להבין כי ישנה מיסקונספציה לגבי ההתנהלות [...]
Waze Deep Links מאפשר למשתמשים באתר שלכם לפתוח את אפליקציית Waze באמצעות קישור חיצוני מוטמע, כך שתהיה למשתמש חוויה רציפה במעבר בין האתר שלכם לאפליקציה לצורך ניווט לעסק או לאירוע שלכם. בואו נראה כיצד Waze Deep Links עובדים באתרים ובאפליקציות. [...]
ב CSS לא ניתן לבצע אנימציה או שינוי חלק של Gradients בעזרת התכונה transition. במילים אחרות, ה transition הבא לא יעבוד: .gradient { min-height: 200px; background-image: linear-gradient( to right, hsl(49.68, 97.89%, 62.75%), hsl(200, 51.54%, 44.51%) ); transition: background-image 0.5s linear; [...]
אם אתם משתמשים בגוגל אנליטיקס, אז אתם כבר יודעים כי הכלי מציג לכם לא מעט מידע על אינטראקצית המשתמש עם האתר. אם תרצו לעשות שימוש במידע שאנליטיקס מספק לכם בכדי לעקוב טוב יותר אחר אינטראקצית הגולשים שהגיעו לאתר שלכם בעקבות [...]
אם אתם צריכים לנהל תוכן שניתן לתרגום בעמודים ש-ACF לא יכול לטרגט ישירות (כמו עמודי ארכיון), עמודי אפשרויות של ACF הם הפתרון. באתר רב-לשוני עם פולילנג, צריך שכל עמוד אפשרויות ישמור ערכים נפרדים לכל שפה. עמודי ארכיון הם "עמודים וירטואליים" [...]
אם אתם עובדים על פרויקטי וורדפרס עם מספר סביבות – פיתוח מקומי, staging וייצור – אתם יודעים כמה מתסכל לשמור על סנכרון של קבוצות שדות Advanced Custom Fields (ACF) בין כולן. במדריך זה תלמדו כיצד פיצ'ר ה-Local JSON של ACF [...]
בפוסט זה נראה כיצד להשתמש בפונקציה unslick שהספרייה Slick Slider מספקת. הפונקציה unslick מאפשרת לנו לבטל את הפונקציונליות של הסליידר בנקודת שבירה (breakpoint) מסויימת, ואת זו ניתן לקבוע כשאנו מאתחלים את הקרוסלה תחת אפשרות ה responsive. זה נראה כך: $('.slider').slick({ dots: true, [...]
תגית ה-<title> היא אחד מאלמנטי ה-SEO החשובים ביותר בעמוד. היא מספרת הן למנועי חיפוש והן למשתמשים על מה העמוד עוסק, והיא הטקסט העיקרי המוצג ככותרת הניתנת ללחיצה בדפי תוצאות החיפוש (SERPs). גוגל מייצרת כותרות ותיאורים (סניפטים) לעמודים בתהליך לגמרי אוטומטי, [...]