מדריך זה יעוזר לכם להבין את השימוש במתודות querySelector() ו querySelectorAll(). נלמד כיצד למצוא בקלות אלמנטים ב DOM באמצעות querySelector ו querySelectorAll. המונח DOM מתייחס ל document object model, המציג את כל ה HTML Elements במבנה של עץ. אל כל [...]
סאבי בלוג - מדריכים ומאמרים, מפתח וורדפרס עצמאי, ישראל | עמוד 3
פונקציה היא סט של הכרזות (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 לצורך ניווט לעסק או לאירוע שלכם. בואו נראה כיצד עובדת האינטגרציה [...]
ב 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; [...]
אם אתם משתמשים בגוגל אנליטיקס, אז אתם כבר יודעים כי הכלי מציג לכם לא מעט מידע על אינטראקצית המשתמש עם האתר. אם תרצו לעשות שימוש במידע שאנליטיקס מספק לכם בכדי לעקוב טוב יותר אחר אינטראקצית הגולשים שהגיעו לאתר שלכם בעקבות [...]
לאחרונה נדרשתי להוסיף אפשרות עריכה לעמוד ארכיון כלשהו (Archive Page) באתר מסויים העובד עם פולילנג. מכיוון ובעזרת ACF לא ניתן להוסיף שדות לעמוד ארכיון (וזאת כי לא קיים בפועל עמוד כזה שניתן לערוך), היה עליי להוסיף את אפשרות העריכה על [...]
אני מאד מחבב את Advanced Custom Fields וכבר כתבתי עליו בעבר. ולמרות שקיימות אלטרנטיבות מעניינות ליצירת שדות תוכן חדשים, ב 99% התוסף ACF בגירסת ה PRO שלו מספק את כל מה שאני צריך כמפתח בכל מה שקשור לפיתוח תבניות ייעודיות [...]
בפוסט זה נראה כיצד להשתמש בפונקציה unslick שהספרייה Slick Slider מספקת. הפונקציה unslick מאפשרת לנו לבטל את הפונקציונליות של הסליידר בנקודת שבירה (breakpoint) מסויימת, ואת זו ניתן לקבוע כשאנו מאתחלים את הקרוסלה תחת אפשרות ה responsive. זה נראה כך: $('.slider').slick({ dots: true, [...]