הרבה פעמים אני רוצה לכתוב פוסט על קטע קוד קצר שיכול לעזור בכל מיני משימות בוורדפרס אבל זה לא בדיוק פוסט. אלו יכולים להיות קטעי css ו html או סניפטים קצרים למטרה מוגדרת ב js או php. במקרים אלו אני לא רוצה להאריך ולהסביר את כל הרקע וההסתעפויות שיכולות להיות אלא רק להראות בעיה ופתרון על ידי קוד קצר. ההתמקדות תהיה בעיקר על קוד לאלמנטור ולשיפורי ביצועים אבל לא רק.
בשביל זה יצרתי באתר סוג פוסט מסוג Snippet בו אני משתדל לא להעמיס במילים אלא לתת קוד ישר ולעניין. סיבה נוספת היא, בשביל ארכיון לעצמי. כמובן שיש עוד מקומות לשמור קוד אבל אם אני יכול לעשות את זה באתר כך שגם אני אהנה מזה וגם הקוראים, זה עדיף יותר לכולם.
מקווה שתמצאו פה קטעי קוד מועילים, אני מתכוון להוסיף לפה דברים מעניינים. כרגיל, אם יש שאלות תגיבו ואשתדל לענות.
אם תרצו להחליף את השימוש של האייקונים חץ לכיוון מטה בתפריט הנפתח של אלמנטור לכזה שלא מצריך אייקון תוכלו לכתוב את ה CSS הבא: זה ידמה לכם את החץ אבל על ידי טקסט מה שיחסוך עוד אייקון בקובץ האייקונים המותאים אישית שתצרו.
תוספת קטנה לעיצוב התפריט שיש כאלה שאוהבים. קו מפריד בצבע תואם בין האייטמים בתפריט. הוסיפו את ה CSS הבא: שחקו עם הצבע ועם ה margin לפי מה שמתאים לכם. יש כמה דרכים למנוע מהקו להיות מוצג בתפריט נפתח, זו אחת מהן:
יש כאלה שרוצים למנוע מהגולשים להעתיק תוכן מהאתר, האמת שכאן אני לא מתכוון לצורך זה אלא למנוע הדבקת תוכן בעמוד ספציפי. לדוגמה מניעת הדבקת טקסט בעמוד צור קשר מה שיכול למנוע מספאמרים לשלוח לכם כל מיני פרסומות. כדי לעשות את זה יש כמה אפשרויות על
יכול להיות שתרצו לאפשר לגולשים להדפיס את הפוסטים שלכם. אם על ידי ctrl+p ואם על ידי כפתור ייעודי להדפסה. בכל מקרה אולי תרצו לקנפג מה יודפס ומה לא. לדוגמה, אולי לא תרצו ש "פוסטים קשורים" יודפסו אלא רק המאמר עצמו. בעיה מוכרת יותר היא גם
כדי לאפשר ל Advanced Custom Fields להשתמש בגוגל מפות, תצטרכו להוסיך את ה API Key. כדי לעשות זאת, יש לכתוב את הקוד הבא בקובץ functions.php.
אחת הבעיות הכי גדולות בטעינת דפים היא טעינת סקריפטים במהלך הפירסור של ה html. במצב כזה, הפירסור יפסק, הסקריפט ירד, יפורסר, יופעל ורק אז פעולת הפרסור תמשך. במצב אידיאלי נרצה למנוע מכל הסקריפטים לרוץ במהלך הפירסור של הדף. (מצב אידאלי אחר הוא לאחר את כל
שינוי מועד הטעינה של jQuery עלול להיות בעייתי במקרה שיש משאב שתלוי בו ונקרא לפניו. אם אתם לא רוצים לעשות לו defer אבל רוצים להעבירו לפוטר (footer) תוכלו לכתוב את הקוד הבא בקובץ functions.php. הפעולה תסיר את ההרשמה ותוסיף אותה מחדש הפעם עם פרמטר שאומר
אם בדקתם דף באתר שלכם ב Lighthouse או בכלי בדיקה אחרים, יתכן וראיתם הערה או מידע על כמות האלמנטים שיש לכם ב DOM. ב Lighthouse לדוגמה, תהיה התרעה אם כמות האלמנטים בדום היא מעל 1500 אלמנטים – Avoid an excessive DOM size.יש התרעה גם על
ווידג'ט אקורדיון באלמנטור (או ספוילר) מוצג כשהאלמנט הראשון פתוח כברירת מחדל. לרוב זה מתאים אבל אם בכל זאת תרצו להציגו סגור כברירת מחדל, יש לזה שתי אפשרויות. על ידי הוספת item ריק בתחילת האוקרדיון והוספת css (מתקדם -> custom css) אם מסיבה כלשהי אתם לא
מגרסה 5.5 של וורדפרס, lazy loading לתמונות מאופשר כברירת מחדל על ידי שימוש ב native lazy loading. זה אומר שוורדפרס יוסיף לכל img שמוגדר לו גובה ורוחב את הדבר הבא: loading="lazy" זה דבר טוב בגדול אבל מה אם תרצו לבטל את זה לתמונות מסוימות? או
וורדפרס מגרסה 5.5 מאפשר לבחור לבצע עדכון אוטומטי לתבניות ותוספים. הכוונה טובה כי עדכונים יכולים להציל לכם את האתר לפעמים אבל לפעמים גם להיפך. במיוחד אם אתם בונים אתר ללקוח ופוחדים שהוא יבחר את האופציה ויגרום לבעיה. על ידי הקוד הבא תבטלו את האפשרות לבחור
אם יש לכם favicon באתר ואתם צורכים אותו בקריאה נפרדת אולי שמתם לב להופעה המעצבנת שלו במפל המים לקראת סוף הטעינה שבדרך כלל יש מרווח עד הקריאה אליו מה שמגדיל את ה fully loaded time. מכיוון ש favicon הוא בדרך כלל תמונה קטנטנה ללא הרבה
WP Optimize © 2021 All rights reserved
