סאבי בלוג - מדריכים, מאמרים וטיפים על וורדפרס, מפתח אתרי וורדפרס עצמאי, ישראל | עמוד 8

המדריך המלא לשימוש ב Flexbox

במדריך זה נסביר בהרחבה כיצד להשתמש ב flexbox ובתכונות ה justification וה alignment שהוא מציע (בין היתר) ליצירת גריד ועימודים שונים.

משחקים עם הצללות טקסט והתכונה text-shadow

התכונה text-shadow ב CSS מוסיפה הצללה לטקסט. היא מקבלת רשימה של הצללות המופרדות בפסיק ואלו מתווסופות לטקסט ולדקורציה של אותו טקסט. כל הצללה מתוארת על ידי קומבינציה של הֶסֵּט X ו Y (במילים אחרות offset) [...]

הקפצת הודעה לאחר הוספת מוצר לעגלת הקניות - ווקומרס

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

הוסף לעגלה - Ajax בעמוד מוצר יחיד של ווקומרס

ווקומרס כברירת מחדל מאפשרת בעמודי ארכיון החנות להוסיף מוצר לעגלה באמצעות Ajax, כך שהעמוד אינו מבצע טעינה מחדש בעת הוספת המוצר. אך אותו כפתור אינו בעמוד מוצר יחיד (Single Product Page) אינו משתמש ב Ajax [...]

הוספת אנימציות ל Slick Slider עם animate.css

זה יהיה פוסט קצר וקולע. אם אינכם מכירים את Slick Slider - זוהי ספריית Javascript המאפשרת ליצור סליידרים/קרוסלות בצורה מאד נוחה. כתבתי מאמר על השימוש ב Slick Slider, מוזמנים לתת מבט אם אינכם מכירים. בפוסט זה [...]

רעיונות מגניבים ליצירת Tooltips באמצעות anime.js

במדריך זה נראה כיצד ליצור Tooltips נחמדים. אותם Tooltips הם בעצם SVG's, כאשר האנימציות עצמן מבוצעות עם Anime.js. כבר נכתב פוסט על השימוש ב Anime.js ואני ממליץ לקרוא אותו לפני שאתם מנסים להטמיע את ה [...]

מהן כתובות קנוניות (Canonical URLs) וכיצד להשתמש בהן?

אם יש לכם עמוד כלשהו באתר הנגיש על ידי מספר כתובות URL, או ברשותכם עמודים שונים עם תוכן זהה - למשל עמוד לו גירסת מובייל וגירסת דסקטופ, גוגל יראו אלו כגירסאות משוכפלות של אותו עמוד. [...]

כיצד להשתמש בתגיות rel=next & rel=prev בסדרת עמודים?

האלמנטים rel="next" ו rel="prev" הם  HTML Link Elements שנועדו בכדי לציין יחסים בין כתובות URL בסדרה או סט של עמודים. ברמת אתרי אינטרנט, סדרה ממוספרת של תוכן כלשהו יכולה להתבטא במספר צורות. היא יכולה להיות [...]

בנייה ושליחה של Sitemap (מפת אתר) באתרי וורדפרס

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

הקשר בין מהירות טעינת האתר לזמן בייט ראשון (TTFB)

כאשר אתם בודקים מהירות וזמן טעינה של אתרי וורדפרס (ובכלל), ישנם מספר נתונים העוזרים להבין את הגורמים לאתר איטי ואת הפתרונות. אחד מאותם נתונים הינו Time to First Byte או TTFB בקצרה. נתון מדיד זה נבדק [...]

איך לתקן שגיאת התחברות למסד הנתונים באתר וורדפרס?

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