בניית אתרים באזור רחובות
5 בפברואר 2020 אין תגובות
בניית אתרים ברחובות היא מילת המפתח העיקרית שלי, המאמר הזה יספר לכם כיצד ניתן להשתמש במאמר בשביל לקדם מילת מפתח, ע"י הכנסת מילים בעלות תוכן משמעותי ולא סתם גבב מילים אקראי.
לפני כמה ימים גיליתי כי באחת מקבוצות הפייסבוק שלי, "אסטרטגיה שיווקית בכיף" מתחיל יריד וירטואלי.
חייבת לפרגן ולומר שהיריד הזה הוא בית ספר לשיווק, לא משנה אם תמכרו, תקנו או סתם תציצו, בטוח שתקבלו מזה משהו. אז הכנתי דף נחיתה עם פוסט היכרות מרגש שיסביר לכולם כמה אני שמחה להשתתף ביריד. רק בשביל לקום בבוקר למחרת, ולהבין שאולי הגרסה למחשב בכלל לא רלוונטית ליריד הזה, הרי בפייסבוק כמעט כולם גולשים בנייד (וגם שהרגשות שלי לא ממש מעניינים אף אחד). הפוסט הפך לטיפ קטן על התאמה לנייד.
בפוסט הזה אשתדל לתת את ההסבר הטכני איך עושים את ההתאמות. כיוון שהפוסט נכתב ברגע האחרון , אין לי את הזמן לעבור ולראות מה שכחתי להסביר, אשמח לענות על שאלות כאן או בדף העסקי שלי.
התכנון הראשוני היה במחשב, החלק הראשון מורכב משלושה ריבועים עם לוגו של היריד ושל מרחב משלך. הוספתי חלק נוסף בצהוב, שמזכיר את תמונת הקאבר של הקבוצה, כולל קריצה אינטראקטיבית לאתר מרחב משלך. החלק האחרון הכתוב הוא של הטיפ.
בנייד היה חשוב לי שהלוגו יהיה גדול וברור. לכן, בחרתי להשאיר רק ריבוע אחד עם הלוגו של מרחב משלך. הוצאתי את התפוח הירוק מהרקע והורדתי אותו מטה, גם אפקט התזוזה לא היה חיוני כאן. הוצאתי את החלק הצהוב כיוון שאנשים לא אוהבים לגלול יותר מידי למטה. החלק האחרון של הכתוב נשאר אותו הדבר כמו במחשב.
התמונה היא שילוב של שלושה צילומי מסך, שביחד יוצרים את דף הנחיתה.
חלקים 1,5 מופיע רק במסך גדול. חלקים 2,3 מופיעים רק בנייד. חלקים 4,6 מופיעים גם וגם.
חלק 1 נראה יפה וברור במסך גדול, אך בנייד לא ניתן היה לראות בבירור את לוגו מרחב משלך. לכן, בחרתי להחליף אותו בשני חלקים 2-3. הסרתי את הרקע האדום מהתפוח בשביל ליצור הפרדה.
חלק 5 נועד להכניס קצת אינטאקטיביות והומור לדף, בעוד שבמחשב זה נתן עומק לדף, במעבר לנייד זה הפך לארוך מידי ולכן בחרתי להסיר אותו.
חלקים 4,6 נראו טוב בשני המסכים, לכן בחרתי לשנות רק את גודל האותיות.
אז איפה עושים את זה?
אלמנטור מחולק לשלושה אזורים שניתן לערוך. אזור ראשי, עמודה או אזור משני והאלמנט עצמו (בצורת עיפרון בתמונה).
כשנכנסים לערוך כל אחד מהם, ניתן למצור תחת לשונית "מתקדם". אופציה להצגה לפי גודל מסך = רספונסיביות.
ניתן לראות בתמונה כי בחלק המסומן באדום, ניתן לבחור את גודל המסך שבו רוצים להסתיר את האלמנט או האיזור (ניתן לעשות את הפעולה לכל סוגי האזורים). כמובן שאם חסמנו אזור עיקרי שלם להצגה בנייד,אין טעם לערוך את איזורי המשנה או האלמנטים בתוכו.
בתוך הגדרות האלמנט, ניתן לתת ערכים שונים לפי גודל המסך.
כאן יש דוגמה של גודל אותיות שונה במסך קטן וגדול. כאשר נכנסים לתוך האלמנט, בדוגמה "עורך טקסט" ובתוך העורך בוחרים בלשונית האמצעית (למעלה) "סגנון".
בואו נבחר בטופוגרפיה (מסומן בריבע אדום מימין), לוחצים על העיפרון הכחול ליד טופוגרפיה, ונפתחת החלונית שאנחנו רואים בתמונה.
כאשר תפתחו את החלון יופיע רק הריבוע הגדול המסומן בחץ אדום, בשביל שיופיעו שאר האפשרויות, עמדו על העיגול ולחצו על העכבר.
ניתן לעבור בין גדלי המסך ע"י לחיצה על העיגולים בהתאמה. אם תרצו גודל אותיות אחיד לכל המסכים, מספיק להגדיר את המסך הגדול.
ניתן לתת הגדרות שונות לכל גודל מסך, שימו לב כי היום קיים מגוון גדול של גדלי ביניים. לכן, רווחים וכדומה עדיף להגדיר באחוזים ולא בפיקסלים px שזה גודל קבוע (כמו ס"מ לצורך הדוגמה).
לרוב, אני בונה את הדף בכמה שלבים.
א. דף רגיל במחשב.
ב. בדיקת הדף ב"תצוגה מקדימה" בדיקת העיצוב במחשב ובמסך משתנה.
ג. התאמות לנייד לפי התצוגה במסך מחשב מכווץ.
ד. שליחת לינק לנייד, בדיקה נוספת בנייד (לרוב יש דברים נוספים שלא ניתן לראות במחשב.
מקווה שהמאמר עזר לכם. מוזמנים לשאול שאלות נוספות כאן או בדף העסקי.
שתפו אם אהבתם
בניית אתרים ברחובות היא מילת המפתח העיקרית שלי, המאמר הזה יספר לכם כיצד ניתן להשתמש במאמר בשביל לקדם מילת מפתח, ע"י הכנסת מילים בעלות תוכן משמעותי ולא סתם גבב מילים אקראי.
פוסט על צמיחה לטו-בשבט הקשר בין אתר אינטרנט למנהג הנטיעות בטו-בשבט טו בשבט, לפני הכל בשבילי, הוא חג המסמל צמיחה, מתוך מחשבה לטווח ארוך. כמה
"זכור שאם תרצה, גם אתה תוכל לשנות את סוף המחזה" המילים האלו מתוך שיר הפתיחה של זהו זה התוכנית המיתולוגית, מסמלים בצורה הטובה ביותר את
עמי ותמי – כי אם זה חינם, סימן שאתם המוצר. תובנות על עולם הפרסום הדיגיטלי. עמי ותמי, מטיילים בין צמחים ועצים, עד שהם רואים במקרה
אומרים ששלגיה לא מתה, למרות שנגסה מהתפוח המורעל שנתנה לה האם החורגת. היא פשוט התנתקה מהעולם החיצוני, בדיוק כמו הטיינאג'רים שלי, מול הנייד. התפוח של
SEO – סינדרלה איכות או-מותג מאמר על הקשר בין סיפור סינדרלה וקידום במנוע החיפוש של גוגל. הרבה לפני שהנסיך המקסים חיפש כלה, המוצר סינדרלה היה