הרבה פעמים אני רוצה לכתוב פוסט על קטע קוד קצר שיכול לעזור בכל מיני משימות בוורדפרס אבל זה לא בדיוק פוסט. אלו יכולים להיות קטעי css ו html או סניפטים קצרים למטרה מוגדרת ב js או php. במקרים אלו אני לא רוצה להאריך ולהסביר את כל הרקע וההסתעפויות שיכולות להיות אלא רק להראות בעיה ופתרון על ידי קוד קצר. ההתמקדות תהיה בעיקר על קוד לאלמנטור ולשיפורי ביצועים אבל לא רק.
בשביל זה יצרתי באתר סוג פוסט מסוג Snippet בו אני משתדל לא להעמיס במילים אלא לתת קוד ישר ולעניין. סיבה נוספת היא, בשביל ארכיון לעצמי. כמובן שיש עוד מקומות לשמור קוד אבל אם אני יכול לעשות את זה באתר כך שגם אני אהנה מזה וגם הקוראים, זה עדיף יותר לכולם.
מקווה שתמצאו פה קטעי קוד מועילים, אני מתכוון להוסיף לפה דברים מעניינים. כרגיל, אם יש שאלות תגיבו ואשתדל לענות.
אם אתם שולחים מייל בדרך הדיפולטית של וורדפרס ואתם רוצים להוסיף מידע כמו from, bcc, reply to תוכלו לעשות זאת על ידי הוספת הקוד הבא ל functions.php אם אתם רוצים לשנות את הכתובת ממנה המייל נשלח כדי שיראה משהו יותר אמיתי מהדיפולטי, תוכלו להשתמש בקוד
במצב עריכת פוסט, כשאתם מכניסים קישור אתם יכולים לבחור האם לפתוח אותו בטאב חדש או לא. אבל מה אם אתם רוצים להגדיר בצורה גורפת לכל הפוסטים שקישורים יפתחו בטאב חדש? או אם כבר יש לכם מאות פוסטים ואתם רוצים לנות את ההתנהגות של פתיחת הקישורים?
כדי לשלוט ב font-display של elementor cusom fonts תוכלו להשתמש בקוד הבא ב functiond.php במקרה הזה יתווסף swap לכל הפונטים שלכם. תוכלו גם לבדוק את הפרמטר font_family כדי להחליט איזה ערך להחזיר בהתאם לסוג הפונט.
יש כל מיני אפשרויות כדי להגן על כתובות מיילים באתר שלכם. מי שמשתמש ב cloudflare מכיר בטח את השירות הזה שלהם (שעולה בקובת js שמוזרק לכם לאתר). אופציה פשוטה שמובנת בוורדפרס היא שימוש בפונקציית antispambot. לדוגמה אם תרצו להכניס את כתובת המייל בהדר או בפוטר
טעינה מאוחרת של תמונות היא טובה אבל טעינה מאוחרת של תמונות ב viewport היא לא נעימה לעין. כדי להחריג תמונות מסוימות – לוגו לדוגמה – מ lazy load של wp-rocket, תוכלו להוסיף את הקוד הבא לקובץ functions.php:
בסניפט קודם הראתי איך ניתן לשפר את השימוש בגוגל פונטס על ידי subset או text. פה נראה איך ניתן להשתמש ביכולת של unicode-range כדי להשיג שיפור בשימוש בפונטים. מה שנפלא בזה אפשר להגדיר unicode-range ב font-family והפונט הזה ישמש רק למה שמוגדר בטווח והפונט יורד
את האפשרות הזאת העלה בפני Dror Limer וממש אהבתי את הרעיון! מי שמכיר את ה API של גוגל פונטס מן הסתם לא יופתע אבל מי שלא מכיר, אסביר בקצרה שניתן לבקש מגוגל subset של הפונטים או על ידי פרמטר subset או על ידי פרמטר טקסט.
באלמנטור ניתן לבחור לעשות מסגרת לאלמנט ולתת לה צבע. אבל החסרון שאי אפשר לעשות מעבר צבע (gradient color) כמו ברקע למשל אלא רק צבע אחד. אם בכל זאת תרצו מסגרת עם מעבר בצע, כתבו את ה CSS הבא: המילה selector באלמנטור מתייחסת לאלמנט עליו עובדים.
תוסף Flying Scripts חביב עלי בגלל שהוא עושה עבודה מצוינת ובצורה פשוטה. כל מה שצריך זה לתת לו שמות של סקריפטים שתרצו שיטענו באיחור והוא ידאג לזה. אבל מה אם נניח נרצה שסקריפט מסוים יטען באיחור בכל האתר חוץ מבעמוד אחד? סיטואציה שהגיוני מאוד שתקרה
wp-rocket יודע להתמודד יפה מאוד עם lazy load של תמונות אבל הוא לא תומך ב lazy-load של תמונות רקע. טעינה מאוחרת של תמונות רקע היא בעייתית בגלל הדרך בה התמונה מוגדרת. ישנם תוספים שתומכים בזה, חלקם מקומיים חלקם שירותי CDN אבל פה אני רוצה להראות
אם יש לכם תפריט ארוך עם תת אייטמים יכול להיות שהוא יתפוס את כל אורך המסך וכך לא תוכלו לגלול לתחתית התפריט. כדי לפתור את הבעיה, רשמו את קוד ה CSS הבא:
במסגרת שיפור מהירות האתר רצוי מאוד להסיר את השימוש בקובץ ברירת המחדל הענק של Font Awsome וכן את קובץ האייקונים של אלמנטור – eicons. אחרי שתעשו את זה תצטרכו לטפל באייקון ההמבורגר של התפריט הנפתח באלמנטור מכיוון שכברירת מחדל הוא משתמש באייקונים של אלמנטור. כדי
WP Optimize © 2021 All rights reserved
