-
תגובות
-
היי,
נתקלתי בבעיה ואולי אני לא אהיה היחיד שיש לו אותה.
העליתי פוסטים עם תמונות מיושרות שמאלה, וכשבדקתי אותן בנייד הן נראו ככה:
http://www.israel-nvc.co.il/wp-content/uploads/2016/02/mobile-picture.jpgאז הוספתי את הקוד הבא:
@media (max-width:767px) { img.alignleft { float: left !important; margin-right: 5px !important; } } @media (max-width:500px) { img.size-medium { float: none !important; display: block !important; } }ועכשיו הם נראים ככה:
http://www.israel-nvc.co.il/wp-content/uploads/2016/02/mobile-picture-after.jpgוכשהמסך ממש קטן אז הם תופסים את כל השורה.
אני לא מתכנת, אבל חשבתי שאולי לעוד אנשים יש את הבעיה שלי, ואולי יש לכם פתרון יותר טוב…
שיהיה אחלה יום,
עידן.צהריים טובים,
יכול להיות שהכנסת את זה לגריד כלשהו בעורך טקסט בפוסט?
תוכל לשלוח צילום מסך של העריכה של הפוסט (לפני הוספת הקוד שציינת)?
היי נועה,
לא עשיתי שום דבר יוצא דופן, רק הכנסתי תמונה ויישרתי אותה לשמאל
http://www.israel-nvc.co.il/wp-content/uploads/2016/02/edir-screen.jpg
היי נועה,
לא ברור לי מה את מבקשת. הוספתי את הקוד ב live css.
אם אתם רוצים אני אעשה לכם יוזר ותוכלו להסיר את הקוד ולבדוק בעצמכם.
היי נועה, תודה רבה.
מה קורה אם יש לי כמה תמונות בפוסט אחד? חלק מהם אני אצטרך לשים באמצע הפוסט.
(בדרך כלל יהיו לי 2 תמונות בכל פוסט)א. אם אני יוצר רווח, אז בנייד התמונה לא מיושרת לשמאל.
ב. לפעמים אני לא יכול ליצור רווח.לא ברור לי בכלל למה אמורה להיות בעיה ביישור לשמאל בניידים
במובייל אין יישור או עמודות כי זה אוטומטי מקבל רוחב של 100%.
אתה יכול לראות את זה גם בבילדר, כאשר אתה ממקם 2 עמודות, במובייל הם אוטומטי מתמקמים אחד מעל השני.
בכל אופן ניתן לפתור את זה רק באמצעות CSS כמו מה ששלחת בהתחלה.
כשאת כותבת ש"זה אוטומוטי מקבל רוחב של 100%" אני מרגיש תסכול, כי בתמונה הראשונה שצירפתי אפשר לראות שהתמונה לא מקבלת רוחב של 100%, ובגלל שהיום חצי מהאנשים גולשים לאתרים שלי מהנייד, יש לי צורך שהאתר יראה טוב בנייד.
אני מבקש לדעת 2 דברים:
א. האם אני היחיד שהתמונות שלו בפוסטים נראות לא טוב בניידים?
ב. אני לא מתכנת, ולקח לי כמה שעות להגיע לקוד ה CSS שפרסמתי כאן. האם הפתרון זה באמת פותר את הבעיה? אם לא, אתם יכולים בבקשה לתת לי פתרון אחר?1. אני רואה את הבעיה, היא קוראת בגלל שזה נמצא בתוך הפסקה עצמה
2. כדי לסדר את זה בדרך הכי פשוטה תוסיף את הקוד CSS הבא וזה אמור לסדר את זה שבכל המכשירים הניידים התמונה תתמרכז בעמוד והטקסט יופיע מתחתיה ולא לצידה:
@media (max-width:767px) { img.alignleft, img.alignright { display: block; } }היי אריאל, תודה רבה.
אז אני מניח שאני לא היחידי שזה קורה לו?
האם יש אפשרות שתמונות מוקטנות כן יהיו מיושרות לשמאל?האמת שזה קרה אצלך בצורה די נדירה, כי התמונה הייתה ממש בתוך הפסקה ולכן היה צריך להוסיף את הקוד.
אבל רגע, אתה רוצה שזה יוצג עדיין משמאל גם במובייל?
אני היחיד ששם תמונות בתוך הפסקאות בפוסטים?
נניח ויש לי 3 תמונות שאני רוצה לשים בתוך פוסט, מה הדרך הנכונה להוסיף תמונות לפוסטים?כשאני מכניס תמונה אני יכול לבחור אם היא תהיה בגול מלא, בינוני או מוקטן. הייתי רוצה שכל עוד זה יוצא יפה, שהתמונות יהיו מיושרות לשמאל בנייד.
יש הבדל אם אתה שם את התמונה בתוך הפסקה עצמה או מחוץ לפסקה, תכלס זה קשור יותר ל HTML של התוכן, אני לא רוצה סתם להלאות אותך בניואנסים של קוד
בכל מקרה כברירת מחדל התמונות שמוגדרות להיות עם יישור לשמאל או לימין במובייל מקבלות יישור לרוחב מלא. ככה זה אמור לעבוד בצורה נכונה
אם אתה בכל מקרה תרצה לשנות את זה, אפשר עם כמה שורות CSS לשנות את זה
- הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.