CLICKY בניית אתרים לעסקים
  • בניית אתרים לעסקים
  • השירותים שלנו »
    • בניית אתרי וורדפרס
    • בניית חנות וירטואלית
    • בניית אתר תדמית
    • אחסון ותחזוקת אתרי וורדפרס
    • תמיכה והדרכה וורדפרס
    • עיצוב אתרים בהתאמה אישית
    • קידום אתרי וורדפרס
    • שיפור יחס המרה CRO
    • כתיבת תוכן לאתר
  • תיק עבודות
  • וורדפרס למתחילים
  • מפתח לעולם הדיגיטל
  • למה כאן
  • צרו קשר
  • בניית אתרים לעסקים
  • בניית אתרי וורדפרס
  • בניית חנות וירטואלית
  • בניית אתר תדמית
  • אחסון ותחזוקת אתרי וורדפרס
  • קידום אתרי וורדפרס
  • תמיכה והדרכה וורדפרס
  • עיצוב אתרים בהתאמה אישית
  • תיק עבודות
  • וורדפרס מדריך למתחילים
  • מפתח לעולם הדיגיטל
  • למה כאן?
  • צרו קשר
CLICKY בניית אתרים לעסקים
  • בניית אתרים לעסקים
  • השירותים שלנו »
    • בניית אתרי וורדפרס
    • בניית חנות וירטואלית
    • בניית אתר תדמית
    • אחסון ותחזוקת אתרי וורדפרס
    • תמיכה והדרכה וורדפרס
    • עיצוב אתרים בהתאמה אישית
    • קידום אתרי וורדפרס
    • שיפור יחס המרה CRO
    • כתיבת תוכן לאתר
  • תיק עבודות
  • וורדפרס למתחילים
  • מפתח לעולם הדיגיטל
  • למה כאן
  • צרו קשר
  • בניית אתרים לעסקים
  • בניית אתרי וורדפרס
  • בניית חנות וירטואלית
  • בניית אתר תדמית
  • אחסון ותחזוקת אתרי וורדפרס
  • קידום אתרי וורדפרס
  • תמיכה והדרכה וורדפרס
  • עיצוב אתרים בהתאמה אישית
  • תיק עבודות
  • וורדפרס מדריך למתחילים
  • מפתח לעולם הדיגיטל
  • למה כאן?
  • צרו קשר
מפתח לעולם הדיגיטל
ראשי » מפתח לעולם הדיגיטל » בניית אתרים » כיצד להציג את גרסת המובייל של אתר וורדפרס

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

25 בפברואר 2020 אין תגובות david

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

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

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

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

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

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

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

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

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

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

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

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

התאמה אישית

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

תצוגת מובייל

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

בדוק
לחצו להגדלה (+)

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

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

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

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

 

 

תצוגת מובייל
לחצו להגדלה (+)

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

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

שתפו חברים...
  • פייסבוק
  • ווטסאפ
  • לינקדין
  • הדפסה
  • אימייל

אולי גם יעניין אותך:

  • כיצד להשתמש בחלק ההתאמה האישית בוורדפרס כדי לשנות את מראה האתר
  • עדכון גרסת php של וורדפרס ב- cpanel
  • כיצד להעביר אתר וורדפרס מ- HTTP ל- HTTPS/SSL
  • כיצד להקים דפי נחיתה באמצעות וורדפרס?
  • כיצד לסרוק ולהגן על אתר וורדפרס מקוד זדוני ופריצות
  • « הקודם
    הבא »
    השארת תגובה

    ביטול

    חפשו לפי נושאים
    • אחסון אתרים
    • אלמנטור
    • בניית אתרים
    • ווקומרס – חנות וירטואלית
    • וורדפרס
    • מפתח לעולם הדיגיטל
    • סרטוני הדרכה
    • קידום ושיווק דיגיטלי
    מדריכים וטיפים ישירות לאימייל
    הרשמה לניוזלטר שלנו זה קל!

    טיפים ומדריכים נוספים
    תוסף מעקב Follow-Up לחנויות ווקומרס

    תוסף מעקב Follow-Up לחנויות ווקומרס

    עם למעלה מ- 14,000,000 הורדות, WooCommerce

    עיצוב לוגו בחינם

    עיצוב לוגו בחינם

    האם אתם מחפשים את מחולל הלוגואים

    קידום אתרים אורגני או ממומן? מה נכון עבור העסק שלי?

    קידום אתרים אורגני או ממומן? מה נכון עבור העסק שלי?

    בשעה טובה, האתר שבניתם עלה לאוויר.

    המלצה על תוספי גלריית תמונות לאתר וורדפרס

    המלצה על תוספי גלריית תמונות לאתר וורדפרס

    גלריית תמונות מכניסה חיים באתר אינטרנט,

    ארגון תכנים באתר וורדפרס

    ארגון תכנים באתר וורדפרס

    ארגון התוכן באתר אינטרנט בצורה נכונה

    קישורים שימושיים
    • Fontello – icon fonts generator
    • WordPress.org
    • אייקונים בפורמטים שונים
    • אלמנטור – בונה אתרים וויזואלי גרור ושחרר
    • גלה היכן מאוחסן האתר שלך
    • הדגמה אונליין למערכת וורדפרס
    • כתיבת תקנון ותנאי שימוש לאתר אינטרנט
    • מאגר תמונות וסרטונים בשימוש חופשי
    • מילון מונחים
    • נגישות אתרים
    • נושאי אבטחת אתרים
    • רישום שם דומיין
    • שרותי מחשוב מבוססי ענן
    • תוכנת ftp filezilla
    • תוסף אתר רב לשוני WPML
    • תמונות באתר unsplash.com
    יש לכם שאלה? פנו אלינו..

    מפתח לעולם הדיגיטל

    • 054-4511133
    • [email protected]
    • קראו ביקורות בגוגל
    Facebook-f Youtube Whatsapp

    כללי

    • למה כאן
    • תיק עבודות
    • הבלוג שלנו
    • תקנון ותנאי שימוש באתר
    • צרו קשר
    תפריט
    • למה כאן
    • תיק עבודות
    • הבלוג שלנו
    • תקנון ותנאי שימוש באתר
    • צרו קשר

    בניית אתרים

    • בניית אתרים לעסקים
    • בניית אתרי וורדפרס
    • בניית אתר תדמית
    • בניית חנות וירטואלית
    • בניית אתרים למסעדות
    • בניית אתר למשרד עורך דין
    תפריט
    • בניית אתרים לעסקים
    • בניית אתרי וורדפרס
    • בניית אתר תדמית
    • בניית חנות וירטואלית
    • בניית אתרים למסעדות
    • בניית אתר למשרד עורך דין

    שירותים נוספים

    • אחסון ותחזוקת אתרי וורדפרס
    • תמיכה והדרכה וורדפרס
    • עיצוב אתרים בהתאמה אישית
    • קידום אתרי וורדפרס
    • כתיבת תוכן לאתר
    • כתיבת תקנון לאתר אינטרנט
    • שיפור יחס המרה CRO
    תפריט
    • אחסון ותחזוקת אתרי וורדפרס
    • תמיכה והדרכה וורדפרס
    • עיצוב אתרים בהתאמה אישית
    • קידום אתרי וורדפרס
    • כתיבת תוכן לאתר
    • כתיבת תקנון לאתר אינטרנט
    • שיפור יחס המרה CRO

    הרשמה לניוזלטר שלנו זה קל!

    זכויות שמורות © קליקי בניית אתרים

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

    קבלו מפתחות לעולם הדיגיטל

    טיפים ומדריכים לוורדפרס

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

    Send this to a friend