שינוי סדר עמודות רספונסיבי עם אלמנטור בעזרת css

שתפו את הפוסט

Facebook
LinkedIn
Twitter
Email

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

מה זה אלמנטור?

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

סדר עמודות באלמנטור

כאשר אנו בונים איזור עם מספר עמודות באלמנטור, הן מסתדרות לפי הסדר שבנינו.
ניתן לשנות בצורה רספנוסיבית סדר של עד 2 עמודות בלי התערבות של קוד או תוסף.
לדוגמא בDesktop:

css בלי להשתמש ב

ובMobile:

רספונסיב.

סידור 3 עמודות או יותר בעזרת css

אך מה בדבר 3 עמודות או יותר? כאן נצטרך להתקין תוסף או נשתמש בקטע קצר של css בעזרת המדריך הבא:

שינוי סדר עמודות בעזרת css

אז מה למדנו היום?
איך אפשר לשנות סידור עמודות של 3 או יותר בעזרת css מבלי להשתמש בתוסף חיצוני או באיזור נסתרים .
אהבת את המדריך? אשמח לקבל פידבק ממך בתגובות ובעמוד שלי.

שתפו את הפוסט

Facebook
Twitter
WhatsApp
Telegram
Email

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *