Search

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

קידום בגוגל – SEO טכני (Technical SEO) – חלק א׳

זהו החלק הראשון במדריך קידום אתרים בגוגל ומדבר על SEO טכני (Technical SEO). זהו חלק הכרחי וחשוב לביצוע לפני שאתם מגיעים לשלב של אופטימיזציה לתוכן ו On-Page SEO המתוארים בחלק ב׳ של המדריך. אז אתם מעוניינים לקדם אתר וורדפרס (או [...]

מדוע האתר שלי לא מופיע בגוגל? הגורמים והפתרונות…

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

רעיונות יצירתיים ל Hover Effects על כפתורים

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

משחקים עם התכונה background-clip

נסביר בפוסט זה על התכונה background-clip. התכונה background-clip מאפשרת לנו לשלוט על המרחק בו תמתח תמונת הרקע (או צבע הרקע) מעבר ל Padding או לתוכן עצמו של אלמנט כלשהו. אני מניח שהסבר זה קשה להבנה ללא דוגמאות ומבט על קוד [...]

אנימציות על טקסט באמצעות Anime.js

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

מה זה תקציב זחילה (Crawl Budget) בהקשר של SEO

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

התכונה clip-path ב CSS וכיצד להשתמש בה

clip-path היא תכונת CSS מאד מעניינת המאפשרת לכם ״לקטום״ (clip) חלק כלשהו הגלוי לעין באלמנטים כגון SVG, תמונות ו HTML. התכונה יוצרת צורה כלשהי הקובעת איזה חלק מהאלמנט יהיה גלוי. החלק אשר בתוך הצורה יהיה גלוי והחלק מחוצה לה יהיה [...]

עימוד רספונסיבי עם CSS Grid ללא שימוש ב Media Queries

אימוץ הפלקסביליות של CSS Grid מספקת לנו את האפשרות ליצור אתרים עמידים וחזקים (Frontend Wise) בהם במקום להשתמש בגדלים ספציפיים וקבועים, אנו תוחמים אלמנטים בגבולות מסויימים ומאפשרים להם למלא את השטח הריק הנותר. אז לא רק ש CSS Grid שינה [...]

התכונה supports@ ב CSS וכיצד להשתמש בה

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

מדריך שימוש בהוקים של ווקומרס (WooCommerce Hooks)

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

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

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