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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

התאמה אישית

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

תצוגת מובייל

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

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

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

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

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

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

 

 

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

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

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

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

ביטול

מפתח לעולם הדיגיטל
תוסף לוח וכרטיסים לארועים בוורדפרס

תוסף לוח וכרטיסים לארועים בוורדפרס

יומן אירועים – The Events Calendar צרו יומן אירועים ונהלו אותו בקלות.

תוסף ווידג'ט קבוע – Fixed Widget

תוסף ווידג'ט קבוע – Fixed Widget

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

חיתוך תמונה במדיה של וורדפרס

חיתוך תמונה במדיה של וורדפרס

בסרטון הבא תוכלו לראות איך ניתן לחתוך תמונה (crop) במדיה של מערכת

הצטרפו לטיפים והמלצות

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

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

מגיפת הקורונה שינתה את העולם בכמה וכמה אופנים,

אחסון ותחזוקת אתרי וורדפרס

אחסון ותחזוקת אתרי וורדפרס

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

כללים בסיסיים לזיהוי פישינג (דיוג)

כללים בסיסיים לזיהוי פישינג (דיוג)

פישינג (דיוג) הוא ניסיון גניבת מידע אישי כמו

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

לוגו קליקי

קליקי – מפתח לעולם הדיגיטל
אימייל: [email protected]
טלפון: 0544511133

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

קבלו טיפים והמלצות לוורדפרס

הצטרפו לרשימת התפוצה

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

Send this to a friend