התגובות שלי בפורום
-
תגובות
-
תעברי אל > הגדרות > מבנה קישורים > תשני את המבנה קישורים לברירת מחדל > תעשי שמירה > תעדכני אם זה הסתדר
דבר ראשון משהו אצלך בתמונות לא מוגדר טוב
תעבור על המדריך הבא הוא יעשה לך קצת סדר:
מעבר לזה, יש לך פה מוצרים עם כותרות בגדלים שונים, שורה אחת / שתיים / שלש וזה גורם לקפיצות
לאחר שאתה מסדר את התמונות, שים את הקוד CSS הבא ב > עיצוב > התאמה אישית > Live CSS ותעדכן
.woocommerce ul.products li.product .inbox .caption, .woocommerce-page ul.products li.product .inbox .caption { min-height: 110px; }1. ככה אמורה להיות התצוגת חנות באטלנטה: http://demo.getpojo.com/atlantahe/product-category/%D7%92%D7%95%D7%A4%D7%99%D7%95%D7%AA/
לכל ערכת עיצוב יש מאפיינים שונים, מה שיש באוורסט זה עיצוב שונה.2. לגבי התמונה תקרא את המדריך הבא: https://pojo.co.il/topic/regenerate-thumbnails-wordpress-woocommerce
3. מה בדיוק משובש אצלך?
כמו שכתבתי לעיל ברוב המקרים אין קשר בין ערכת העיצוב לבין מהירות האתר (בכל אופן בערכות העיצוב שלנו..), אנחנו משתדלים לדחוס את כל הסקריפטים וגליונות עיצוב כדי לגרום למהירות טעינה מקסימאלית, והם שוקלים כמה מאות KB בלבד.
מה כן גורם לאיטיות האתר?
1. שרתים – זיכרון, רוחב פס, כונן אחסון, מיקום השרת מול הגולש וכדו'
2. מדיה – בסופו של דבר כל תמונה ששמים בעמוד מכבידה על הטעינה, במיוחד אם זו תמונה שנמצאת באזורים שנטענים בכל עמוד כמו ההידר והפוטר, שימו לב פשוט להעלות תמונות ברזולוציות הגיוניות ותמיד טוב גם לכווץ אותן לפני עם כלים ייעודיים.
3. סקריפטים חיצוניים – גוגל פיקסל, פייסבוק פיקסל, וידג'טים של פייסבוק / טוויטר / גוגל+ / וכדו', כפתורי לייק ופלוס למיניהם, Avatar ועוד, כל אלו טוענים מידע משרתים חיצוניים וזה מאט את עליית העמוד באופן משמעותי.
4. תוספים – עומס של תוספים מקשה על המערכת, אם אתם לא משתמשים בתוסף מסויים פשוט תכבו אותו, עדיף גם למחוק למניעת פרצות אבטחה עתידיות.
5. ערכת עיצוב – כן, בסופו של דבר גם ערכת עיצוב טוענת קבצי CSS JS Fonts וישנה חשיבות רבה לכתיבת קוד חסכונית. ערכת עיצוב טובה תכווץ את הקבצים הללו לגרסת min שישקלו כמה שפחות.
לכן, דבר ראשון הייתי ממליץ לבדוק את מהירות הפינג מול שרתי האחסון שלך ולראות מה הגורמים שמאיטים את זמן עליית האתר ברמת התוספים, מדיה וכל השאר.
זה בהחלט רעיון לכתיבת מאמר בנושא עם מספר טיפים שיעזרו לאתר להעלות בצורה מהירה יותר.
1. ראשית כל, פשוט לא הכנסת את התוכן באזור הגלריה, שים לב שבכל גלריה יש לך אזור נפרד שם צריך להכניס את הגלריה עצמה
לגבי הלייטבוקס תשתמש ב PhotoSwipe זה יעבוד כמו שצריך
2. פשוט הכנסנו וידג'ט עם גלריה ישירות לעמוד בית וזה יעבוד לך גם
שגיאות מסוג 502 קשורות אך ורק לשרת האחסון שלך. אין קשר לערכת עיצוב כזו או אחרת. אמרת גודדי, אמרת הכל.
זה יכול להיות מאלף ואחד סיבות, כמו עומסים זמניים, זיכרון מוגבל וכדו'
האמת היא שבכל ערכות העיצוב שלנו יש אפשרות ללוגו נפרד למובייל, ועכשיו אני שם לב שבטיטניום לא הוספנו את האפשרות הזאת, אז אנחנו בשבוע הבא נשחרר עדכון גרסה שמוסיף את הפונקציה הזאת גם לערכת העיצוב הזאת – אני חושב שזה פשוט יפתור לך את כל הבעיות..
ככל הנראה 🙁
שימי לב שאת הפורמט SVG הוא לא חובה, אבל שאר הפורמטים נצרכים כדי ליצור התאמה לכל הדפדפנים
סיכום נוכחי של אפשרויות התוסף שלנו:
- קונטרסט לכבדי ראיה
- קונטרסט לעוורי צבעים
- שינוי גודל פונט
- שורטקוד / ווידגט / PHP / סרגל צד עם כפתורי הנגישות לתצוגה
- Skiplinks באמצעות תפריטי WP
- ניהול מצבי קונטרסט באמצעות התאמה אישית
- עמוד הגדרות לניהול קיצורי מקשים, לדוגמא: s < skip to content
התוסף WordPress SEO by Yoast בודק את העורך טקסט של WP אבל זה לא באמת קשור לגוגל, עדיין בעמוד עצמו התוכן מודפס בדיוק אותו דבר.
רק פשוט ברגע שהעמוד שלך בנוי באמצעות הבילדר שלנו, התוסף WordPress SEO by Yoast לא יודע לבדוק את התוכן בבילדר שלנו. אבל כאמור זה לא ממש משנה.
טוב, עברתי על הדברים, נראה שההכל נמצא במקום, היה פשוט צריך להגדיר את הקטגוריה המתאימה כדי להציג את הפוסטים בוידג'טים השונים
אנא בדוק את זה עכשיו
עכשיו אני רואה שכבר כתבת פה שהתקנת את זה קודם, אז תן לנו גישה זמנית לניהול ונבדוק מה הסיפור (שים פה כתגובה פרטית)
1. דווקא בוידג'טים הללו שהזכרת יש אפשרות להוספת טקסט חלופי לכל תמונה (ALT)
2. רעיון טוב להוסיף שליטה על הכותרות הללו ברמת הוידג'ט, אבל כמובן שניתן להוסיף כותרות בצורה מסודרת לפי H על ידי הוידג'ט "כותרת"
3. לא הצלחתי להבין מה הפיתרון שלך יפתור את הבעיה, זה דבר הכי מקובל להוסיף את הכותרת של האתר ללוגו, לא הצלחתי להבין מה הטקסט חלופי יפתור?
4. זה כבר לא ממש קשור לערכת העיצוב שלנו אלא לתוסף חיצוני שמגיע כבונוס למשתמשים שלנו, אז לא יודע כמה זה רלוונטי
בכל אופן תודה על ההערות
טוב, מה שגורם לבעיה של הלוגו זה השינוי של האחוזים בקובץ
הכי טוב שפשוט תעלה קובץ לוגו מעודכן בגודל מוקטן יותר.
כרגע הקובץ בלוגו הראשי הוא בגודל: 371 * 136 פיקסל
תקטין אותו שיהיה במקסימום גובה של: 80 פיקסל
את הלוגו שנמצא בהידר דביק תקטין שיהיה במקסימום גובה של: 40 פיקסל
לאחר מכן הכל אמור להסתדר לך היטב
@michali תודה על הקישור לתוסף ההוא, זה מפתח ישראלי ששחרר אותו, אז זו כבר סיבה מספיק טובה כדי לפרגן שהוא עשה שם עבודה טובה מאוד (במיוחד הרעיון של שימוש בתפריטי WP בשביל Skiplinks).
בתוסף הזה יש בהחלט כמה פיצ'רים מעניינים, אבל אנחנו רוצים שהתוסף יהיה מותאם כמו שצריך לערכות העיצוב של Pojo ויאפשרו התממשקות עם ההתאמה אישית ואזורי הוידג'טים.
הנה סיכום זמני של אפשרויות התוסף שלנו:
- קונטרסט לכבדי ראיה
- קונטרסט לעוורי צבעים
- שינוי גודל פונט
- שורטקוד / ווידגט / PHP / סרגל צד עם כפתורי הנגישות לתצוגה
- Skiplinks באמצעות תפריטי WP
- ניהול מצבי קונטרסט באמצעות התאמה אישית
