מה זה אתר ריספונסיבי?
"אתר ריספונסיבי" או Responsive, כלומר "מגיב" או "בעל תגובה", הינו אתר שמשנה את העיצוב להחלקים השונים בעיצוב ובמבנה שלו על מנת להתאים את עצמו לגודל וצורת המסך של הגולש.
אתר ריספונסיבי הוא למעשה אתר המתאים לרוב המסכים שמשתמשים בהם כיום לגלישה, לרבות סלולרי וטאבלטים.
מה נדרש לאתר ריספונסיבי?
בשביל שאתר יוגדר ריספונסיבי הוא צריך להתאים לפחות ל-3 גדלים עיקריים של מסכים: מחשב, טאבלט וסלולרי.
במידה והוא לא מתאים לאחר מהם הוא בעייתי מבחינה ריספונסיבית, כיום הגולשים נהנים מגלישה מהירה מכל מכשיר והמכשירים מהם הם גולשים מגיעים בגדלים שונים. מצופה מאתר אינטרנט להיות מותאם לגדלים שונים על מנת שהגולש יוכל להכנס לאתר מאיפה שהוא רוצה ונוח לו ברגע הנתון ההוא.
איך לבנות אתר ריספונסיבי?
עם CSS
במידה ואתם מפתחים את האתר שלכם עם קוד, תוכלו להשתמש ב-CSS על מנת "לשבור" את העיצוב לפי גודל המסך של הגולש, לדוגמא:
@media only screen and (max-width: 600px) {
body {
background-color: lightblue;
}
}
בעזרת וורדפרס ואלמנטור פרו
אם אתם רוצים להקים אתר אינטרנט ריספונסיבי בקלות ומהירות ובתקציב הגיוני או בעצמכם, תוכלו לשלב את הבונה החזותי אלמנטור פרו על גבי מערכת וורדפרס, ולהתאים את התכנים שלהם ל-3 גדלי מסך שונים, ואף לגדלים נוספים אם תרצו. קראו עוד על אלמנטור פרו כאן