כיצד להציג את גרסת המובייל של אתר וורדפרס

האם אתם רוצים להציג תצוגה מקדימה של גרסת המובייל של אתר הוורדפרס שלכם? תצוגה מקדימה של פריסת הנייד עוזרת לראות כיצד האתר נראה במכשירים ניידים.

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

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

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

מדוע להציג תצוגה מקדימה של פריסת המובייל של האתר?

יותר מ- 50% ממבקרי האתר שלכם ישתמשו בטלפונים הניידים שלהם כדי לגשת לאתר. כ -3% ישתמשו בטאבלט.

משמעות הדבר היא שהאתר במובייל צריך להיראות ולעבוד מצויין.

למעשה, הנייד כל כך חשוב שגוגל משתמשת כעת במדד "Mobile First" עבור האלגוריתם של דירוג האתר.

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

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

שימוש בהתאמה אישית להצגת גרסת מובייל במערכת ניהול

פשוט התחברו למערכת וורדפרס והיכנסו למסך עיצוב »התאמה אישית.

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

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

שימוש במצב DevTools בדפדפן גוגל כרום

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

פשוט פתחו דפדפן גוגל כרום בשולחן העבודה ובקרו בדף שברצונכם לבדוק. בשלב הבא עליכם ללחוץ באמצעות לחצן העכבר הימני על הדף ולבחור 'בדוק'.

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

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

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