ווידג'ט לשוניות של JetTabs
אם אתם בוני אתרים ותיקים יחסית ועוד לפני שאלמנטור יצאו עם הפיטשר של אלמנטים מקוננים ללשוניות (החל מגרסת 3.10) – בטח יצא לכם להתמודד עם השאלה "איך אני יוצר תוכן שהוא קצת מעבר לעריכת טקסט בסיסי בתוך לשונית"?
כמובן שזאת שאלה שנשאלה לא מעט ובסופו של תהליך, קרוקובלוק יצאו עם JetTabs שבעצם מאפשר להכניס טמפלייט פשוט לתוך לשונית. בתוך הטמפלייט אפשר לשים איזה ווידג'טים שתרצו כדי ליצור את הלשונית האולטימטיבית.
ג'ט שבור הוא ג'ט שלם
אז לאחר שיצרתם את הלשוניות, השקתם את האתר של הלקוח וגרפתם את כל המחמאות – עברו כמה חודשים ופתאום קיבלתם צלצול מהלקוח שהאתר נראה שבור. לאחר שהתמקדתם במקור הבעיה הבנתם שהלשוניות של ג'ט שיצרתם פשוט נשברו. לא נורא.. הפתרון באמת פשוט 😎
הפתרון
כל מה שנדרש הוא הוספת שורת CSS לתבנית ובזה סיימתם את ההגדרה.
מי שלא סגור על איך מגיעים לעריכת הCSS של התבנית, פשוט תוסיפו את השורה הבאה לכתובת המקור של האתר שלכם:
/wp-admin/customize.php
שימו לב:
.jet-tabs {
flex-direction: column;
}
למיטיבי הלכת, מה שבעצם עשינו זה הוספנו הגדרה שהיתה חסרה בג'ט טאבז. הלשוניות עובדות במבנה של Flex (לחצו לקריאה נוספת – מאמר מעשיר ביותר מבית היוצר של CSS Tricks). המבנה הדיפולטיבי הוא זה שהיה מוגדר והוא כמובן – פלקס בשורה. אנחנו פשוט הגדרנו אותו שיהיה פלקס בעמודה ("column").
לסיכום
למדנו והבנו את מקור הבעיה בשבירת התוכן בJetTabs. יישמנו את התיקון ולהבא – גם לא נתרגש כשהלקוח ממש לחוץ כי האתר שלו נשבר.
מקווה שנתרמתם. שאלות, הערות והארות – ממש כאן למטה 👌