התגובות שלי בפורום
-
תגובות
-
זה דורש ידע ב CSS3 אבל תוכלי להיעזר בדוגמאות פה: http://blog.nmsdvid.com/css-filter-property
1. גובה ההידר בדסקטופ זה מה שאתה מגדיר ב > עיצוב > התאמה אישית > תפריטים > גובה > 130px זה הברירת מחדל
2. גובה הידר לאחר גלילה הינו 60px
את מתכוונת לבאנר עמוד?
באוורסט, מתי שהבאנר עמוד מופיע אז כל ההידר מקבל את הרקע שלו. במידה ואת רוצה שזה יהיה אותו רקע כמו ההידר הרגיל, תגידיר זאת בהתאמה אישית > באנר עמוד
1. לצערי אפשרות זו אינה קיימת בערכת העיצוב שלנו
2. בדיוק על זה עניתי לך בתגובה הקודמת. אחזור על כך: ברגע שאתה גולל מופיע לך ההידר עם הלוגו והתפריט במצב דביק. דבר זה נקרא אצלינו "הידר דביק". הלוגו שמופיע שם זה אותו לוגו בדיוק כמו שמופיע במובייל. וניתן להגדיר אותו ב > עיצוב > לוגו > לוגו הידר דביק > הגדרת לוגו
3. אין אפשרות להגדיר את הגובה של ההידר במצב דביק. אם תרצה אוכל לכתוב לך פה קוד שנותן יותר גובה לאזור זה, רק אצטרך שתכתוב לי את הגובה הנדרש
זה אמור להשפיע על כל הדפדפנים. זה קוד די פשוט.
אני עכשיו נכנסתי ולא ראיתי שהוא קיים. האם הכנסת כבר את הקוד?
תכניסי את הקוד הזה ל Live CSS או לקובץ CSS עצמו בתבנית בת, זה יסדר לך את זה.
@media (max-width: 1200px) { body.rtl .sf-menu > li:last-child:hover ul, body.rtl .sf-menu > li:last-child.sfHover ul { left: 0; right: auto; } }שימי לב שהגדרתי את זה רק למסכים קטנים יותר מרוחב של 1200px
כי במסכים גדולים זה עובד בסדר גמור.אגב, אתר מהמם!
שלח לנו אותו בסוף העבודה https://pojo.co.il/submit-pojo-site 🙂
טוב הפיתרון הכי פשוט במקרה כזה זה ליצור שורה במצב דסקטופ ושורה אחרת לתצוגה במצב מובייל.
אם אתה משתמש בגרסאות האחרונות שלנו, יש לך את האפשרות לשנות את הנראות של כל שורה בהגדרות שלה.
במקרה שלנו, לא שייך לעשות שינוי בתמונה באמצעות CSS. היות ואנחנו מדפיסים את התמונה שבחרת בהתאמה אישית.
יש לכם שתי פתרונות אפשריים:
1. לבטל את הקריאה ל IMG שלנו וליצור באמצעות CSS דיב שמקבל תמונות רקע שונות במצב רגיל והובר
2. אם כל מה שאתם רוצים זה לשנות את הצבעוניות של התמונה, אפשר לעשות את זה באמצעות CSS בלבד, ללא צורך לשינוי התמונה עצמהאגב, האם אתם מדברים על הלוגו הזה?
פשוט שם לא קורה כלום במצב הובר
אוקי,
הבעיה הייתה כי היה מוגדר בתוסף "מדיה – הפעלת תרגום שפות עבור מערכת המדיה"
מה שקורה במצב כזה שכל תמונה שהעלת בפוסט מקבל שיוך לפי השפה
בקיצור, ביטלתי את זה, ועכשיו הכל עובד היטב 🙂
אין לי מושג איך התוסף שורטקודים הזה עובד. אני אשמח אם תסביר יותר, למה אתה משתמש בו, אולי יש פיתרון יותר פשוט, בלי קוד חיצוני.
לגבי התמונות הממוזערות, שים לב שגם אחרי ששינית את הגודל, אתה צריך לחתוך את התמונות שכבר העלת לגודל החדש. תוכל לקרוא על זה כאן:
https://pojo.co.il/topic/regenerate-thumbnails-wordpress-woocommerce/אוקי, רק עכשיו הבנתי מה הסיפור פה.
אני חושב שכיון שהתוסף Polylnag עובד בצורה מסויימת, מה שאתה מנסה לעשות לא ממש אפשרי, ואני אסביר:
Polylang נותן למערכת ליצור פוסטים (גם עמודים או כל CPT אחר) וקטגוריות (גם תגיות וכל Taxonnomies אחרים) עם שיוך לפי שפה.
לצורך העניין, אם פתחתי גלריה בעברית, ואני רוצה להציג אותה בעמוד שמשוייך לאנגלית, יכולה להיות פה בעיה מסויימת, היות והמערכת מתייגת את העמוד גלריה למשהו ששייך לעברית.
לכן, כדי לעשות את הדברים בצורה נכונה יותר. הייתי פותח שתי גלריות שונות. אחת לעברית שניה לאנגלית ובעמוד באנגלית קורא לגלריה באנגלית ובעמוד בעברית קורא לגלריה בעברית.
מניסיון שלי עם התוסף, אי אפשר לקרוא לגלריה בעברית בעמוד באנגלית או להפך.
מקווה שהצלחתי להסביר את הרעיון.
במידה והיה לך ידע ב CSS זה באמת לא מסובך. זה אפילו די פשוט.
כל מה שאתה צריך זה לתת Class לכל פריט בתפריט, ולאחר מכן לתת CSS את התמונות והמאפיינים שאתה רוצה שיוצגו בפריט
אין כזה דבר HTML של דף הבית. זה וורדפרס. המערכת מורכבת יותר מזה.
תגידי מה את רוצה לשנות בעמוד הבית, וננסה לעזור.
1. לגבי התפריט מובייל, התפריט נפתח ונסגר בלחיצה. ברגע שאתה רוצה לסגור אותו, אתה פשוט לוחץ שוב על האייקון
2. לגבי הלוגו במצב "הידר דביק" (Sticky) כמו שכבר כתבתי לך לעיל, יש לך מקום מיוחד לשים לוגו בשבילו > עיצוב > לוגו > לוגו הידר דביק (מופיע גם במובייל) > תעלה את הלוגו המוקטן שלך וזה יעבוד היטב גם במובייל.
3. גובה הכותרת הינו 60px. במידה ואתה רוצה לשנות את הגובה שלו, זה מצריך קצת נגיעות CSS – בעינינו זה הגובה האולטמטיבי למצב מובייל
תודה רבה
תנסי לשים את הקוד CSS הזה, ונראה איך זה זורם:
// Category Page body.category-testimonials .hentry {direction: ltr;} // Single Posts .category-testimonials .hentry {direction: ltr;}1. אפשר לסדר את זה המרווח העליון באמצעות > עיצוב > התאמה אישית > לוגו > ריווח מעל הלוגו > תכתוב 30px > ותקבל את המרווח העליון הרצוי
2. באמצעות איזה קוד שינית את תצוגת הלוגו שתופיע משמאל ולא מימין? פשוט יש לנו כבר קוד שעושה את זה בצורה אופטימלית על הגריד שלנו.
תשים את הקוד הבא באזור Live CSS בהתאמה אישית או בקובץ assets/css/style.css בתבנית בת:
body.rtl #header .logo, body.rtl .sticky-header .logo {float: left;} body.rtl .nav-main {float: right;} body.rtl .navbar-toggle {float: right;} @media (max-width: 767px) {body.rtl #header .logo,body.rtl .sticky-header .logo {float: none;}}3. כנ"ל לגבי הסמארטפון, ברגע שתשים את הקוד הזה, זה יעבוד לך היטב בכל המצבים, גם במובייל.
בהצלחה
