Search

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

הקדמה על Variable Fonts – העתיד של פונטים ברשת

לפני כשלוש שנים הוצגה אבולוציה של פונטים מסוג OpenType (הפורמט בו השתמשנו שנים) המשנה כמה דברים בצורה מאד מעניינת. פונטים אלו נקראים Variable Fonts או ״פונטים פרמטרים״. ומעבר לכך שהם חוסכים bandwidth הם גם מספקים תכונות בלתי נגמרות כראות עיני [...]

קו מפריד עם אלמנט באמצע – כיצד עושים זאת ב CSS?

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

מהם UTM Parameters, מדוע צריך אותם וכיצד להשתמש בהם?

הסתכלתם פעם בגוגל אנליטיקס ולתהות כיצד המשתמשים הגיעו או נחתו בעמוד מסויים ולא באחר? אם כן אז UTM Parameters או ״פרמטרים UTM״ הם התשובה. UTM Parameters הם הדרך הטובה ביותר לראות את הנתיב המדוייק אותו לקח...

Google Search Console – מדריך מקיף (מעודכן 2024)

קונסולת החיפוש של גוגל הנקראית Google Search Console היא כלי חינמי המאפשר מעקב אחר ביצועי האתר שלכם בתוצאות החיפוש של גוגל ומספק אינפורמציה על בעיות באתר שעליכם לשפר. מכיוון והשימוש בקונסולת החיפוש...

על התכונה Grid Areas של CSS Grid בהרחבה

בעימודים או layouts מבוססי CSS Grid - ברירת המחדל להצבת אלמנטים בגריד עצמו היא על ידי הגדרת השורות, או בעצם הגדרת קווי הגריד לפיהם יתחילו ויסתיימו אלמנטים. התכונה Grid Area היא אלטרנטיבה לקביעת קווי הגריד ומציעה דרך שֵׁמִית בה ניתן [...]

הצמדת אלמנט לתחתית קונטיינר באמצעות flex-grow

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

הבנת הנתון ״משתמשים״ (Users) בגוגל אנליטיקס

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

שימוש ב Lightbox להצגת תמונות ותוכן באמצעות Lity

Lity היא ספריית lightbox קלת משקל, נגישה ורספונסיבית התומכת בתמונות, וידאו, iframes ואף inline content. הספרייה שוקלת כ 3K בלבד כאשר היא דחוסה ובמידה ו gzip מופעל בשרת שלכם. בפוסט קצר זה נראה כיצד להשתמש בה בכדי להציג תוכן ב [...]

כיצד למנוע הצגת שגיאות PHP בוורדפרס

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

יצירת פורטפוליו (Masonry) בוורדפרס עם אנימציית טעינה

בפוסט זה, אשר לא מעט מהקוד המופיע בו נלקח מהפוסט הבא אותו כתבה Mary Lou, נראה כיצד ליצור פורטפוליו באמצעות masonry.js ונשתמש ב anime.js (עליו כתבתי לא מעט) בכדי ליצור אנימציות טעינה מגניבות לאותו פורטפוליו. הסיבה שאני כותב פוסט זה [...]

הסרה, הוספה ועריכת לשוניות (Tabs) במוצרי ווקומרס

ווקומרס מאפשרת להוסיף לשוניות חדשות לעמוד המוצר בנוסף ללשוניות הקיימות - ״תיאור״, ״מידע נוסף״ ו״חוות דעת״. אלו נקראים Product Data Tabs וייתכן ותרצו בפרוייקט כזה או אחר להוסיף לשוניות חדשות, לשנות את שמותיהן, להסיר אלו וכדומה.