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

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

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

סאבי בלוג | מאמרים אחרונים

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

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

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

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

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

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

יצירת פילטר וסינון אלמנטים באמצעות הספרייה Isotope

בפוסט זה נראה כיצד ליצור פילטר המאפשר לסנן אלמנטים לפי תכונה כלשהי ובמקרה שלנו נאפשר סינון של פוסטים לפי טקסונומיה. את הסינון נבצע באמצעות הספרייה Isotope בה יצא לי להשתמש בלא מעט פרוייקטים מכיוון וזו מאפשרת לסנן ולמיין מידע…

ההשפעה של קישורי Nofollow, Sponsored ו UGC על קידום אתרים

גוגל הרעישה את עולם ה SEO ויצאה בהכרזה על שתי  תכונות חדשות לסימון קישורי nofollow ואלו יעזרו לגוגל להבין את טוב יותר את טבעם של קישורים. עם זאת, הכרזה זו גרמה לבלבול מסויים בעולם ה SEO ואצל מקדמי אתרים.…

מדריך Google PageSpeed Insights למשתמשי וורדפרס - חלק ב׳

זהו חלקו השני של המדריך על Google PageSpeed Insights ואולי אף החלק המעניין יותר לחלקכם. בחלק הקודם דיברנו בעיקר על נתוני המעבדה ש PageSpeed Insights מציג לנו. בחלק זה נראה איך לשפר את אותם ציונים ונתוני מעבדה המוצגים לפנינו.…

Disavow - דחייה והתנערות מקישורים באיכות נמוכה

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

מדריך Google PageSpeed Insights למשתמשי וורדפרס - חלק א׳

PageSpeed Insights (בקצרה PSI) יכול להיות כלי עזר נחמד עבור מפתחי אתרים. כוונותיו טובות אך בהחלט ניתן לומר כי כלי זה אינו מתאים לבעלי אתרי וורדפרס ממוצעים. ולמרות העובדה ש PageSpeed Insights מציג לאחרונה הערות ספציפיות עבור משתמשי וורדפרס,…

הפניות 301 קבועות וחשיבותן מבחינת קידום אתרים ו SEO

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

סלקטורים מגניבים ב CSS Level 4 שיגיעו אלינו בקרוב

הסטטוס הנוכחי של CSS Selectors Level 4 הוא סוג של טיוטה, עם זאת, דפדפנים מודרניים כבר החלו להטמיע חלקים מסויימים של הספסיפיקציות החדשות. תכלס, לעולם לא יהיה CSS4 כפי שלעולם לא יהיה HTML6 אך מה שכן יהיה זה pseudo-classes…