התאמת עמודים לטאבלט

[נוכחות]

כשאני פותח אתר מסויים מטאבלט העמודים נפתחים כברירת מחדל יותר גדולים מהעמוד הנצפה בטאבלט עצמו.
כיצד ניתן להגדיר בהתאמה אישית או ע"י תוסף שבכל מכשיר העמודים המוצגים לא יהיו גדולים יותר מהדפדפן המוצג במכשיר?
תודה מראש על התשובה

 

[UU]

השורה הבאה צריכה להיות כתובה בתוך ה-HAED של העמודד
<meta name="viewport" content="width=device-width, initial-scale=1" />
זה מצבע את הנ"ל
כמובן רק במידה ואין רוחב אבסולוטי לשום אלמנט שחורג מ-100% מסך

 

[נוכחות]

השורה הבאה צריכה להיות כתובה בתוך ה-HAED של העמודד
<meta name="viewport" content="width=device-width, initial-scale=1" />
זה מצבע את הנ"ל
כמובן רק במידה ואין רוחב אבסולוטי לשום אלמנט שחורג מ-100% מסך

ניתן לעשות בפעם אחת לכל האתר?

 

[UU]

ניתן לעשות בפעם אחת לכל האתר?

זה אמור להיות כתוב בכל דף בנפרד.
אבל לא נראהלי שאתה כותב HTML נפרד לכל דף.
אם זה וודפרס - אמור להיות מקום אחד שזה כתוב לכל האתר.
מלבד זאת צריך לעבור עמוד עמוד ולראות שאין שום חריגה מגבולות 100% של הדף של שום אלמנט (גם לתמונות צריך להיות max-width:100%

 

[נוכחות]

זה אמור להיות כתוב בכל דף בנפרד.
אבל לא נראהלי שאתה כותב HTML נפרד לכל דף.
אם זה וודפרס - אמור להיות מקום אחד שזה כתוב לכל האתר.
מלבד זאת צריך לעבור עמוד עמוד ולראות שאין שום חריגה מגבולות 100% של הדף של שום אלמנט (גם לתמונות צריך להיות max-width:100%

באיזה מקום בוורדפרס אמורים להכניס את זה לכל האתר?

 

[UU]

באיזה מקום בוורדפרס אמורים להכניס את זה לכל האתר?

לא יודעת בדיוק מה סדר התקיות בוורדפרס
בגדול מדובר בקבצי CSS בתקייה ערכת העיצוב - יש שם תמיד קובץ פתוח לשינויים של המתכנת או שאפשר לשנות את הקבצים המקוריים של ערכת העיצוב
קובץ זה נטען בכל דפי האתר

 

[BoneAtar]

ערב טוב.

לגבי אתר רספוניסבי:
ניתן באפשרות bootstrap להגדיר את רוחב האתר.

אסביר :
Bootstrap הינה ספרייה בקוד פתוח שמאפשרת לנו לכתוב פרוייקטים גמישים למחשבים טאבלטים וניידים ועוד...

בדקומנטציה תוכל לראות אפשרות להגדיר על כל אלמנט האם אתה רוצה שיוצג בכל גודל של מכשיר וכן באיזה אופן תרצה שהוא יוצג. ( הקטן ביותר הוא sm ומגודר עבוא כל מסך שרוחבו קטן מ576px והגדול ביתור הואxl ומוגדר עבור כל מסך שרוחבו גדול מ1200px . )

הייתרון של עבודה עם ספרייה זה (מלבד זה שהיא מאוד פופלארית) הינו, היכולת שלך כבונה אתר לתת class לכל אובייקט ובכך אתה שולט לחלוטין על הופעתו ופריסתו באתר.

מקווה שעזרתי.

 

[לירן הכט]

השורה הבאה צריכה להיות כתובה בתוך ה-HAED של העמודד
<meta name="viewport" content="width=device-width, initial-scale=1" />
זה מצבע את הנ"ל
כמובן רק במידה ואין רוחב אבסולוטי לשום אלמנט שחורג מ-100% מסך

ברוב התבניות של וורדפרס זה אמור להופיע אוטומטי אם לא יש אפשרות לערוך את קובץ header.php של התבנית ולהוסיף בחלק הhead

 

[@shaye]

ערב טוב.

לגבי אתר רספוניסבי:
ניתן באפשרות bootstrap להגדיר את רוחב האתר.

אסביר :
Bootstrap הינה ספרייה בקוד פתוח שמאפשרת לנו לכתוב פרוייקטים גמישים למחשבים טאבלטים וניידים ועוד...

בדקומנטציה תוכל לראות אפשרות להגדיר על כל אלמנט האם אתה רוצה שיוצג בכל גודל של מכשיר וכן באיזה אופן תרצה שהוא יוצג. ( הקטן ביותר הוא sm ומגודר עבוא כל מסך שרוחבו קטן מ576px והגדול ביתור הואxl ומוגדר עבור כל מסך שרוחבו גדול מ1200px . )

הייתרון של עבודה עם ספרייה זה (מלבד זה שהיא מאוד פופלארית) הינו, היכולת שלך כבונה אתר לתת class לכל אובייקט ובכך אתה שולט לחלוטין על הופעתו ופריסתו באתר.

מקווה שעזרתי.

אבל למה להעמיס ספריה שלמה כדי לפתור עניין כל כך בסיסי, (שיש לה פיתרון פשוט - כמו ש@UU הציע)??

 

[BoneAtar]

תלוי כמה שליטה אתה רוצה באלמנטים שיצגו

 

[נוכחות]

ברוב התבניות של וורדפרס זה אמור להופיע אוטומטי אם לא יש אפשרות לערוך את קובץ header.php של התבנית ולהוסיף בחלק הhead

הכוונה תחת מקטע הזה?