התחל כאן
אם זה עתה רכשת את תבנית המסחר האלקטרוני של Web3 X Webflow ואתה מחפש את היסודות כיצד להתחיל לערוך אותה, התחל כאן.
תחילת
תודה שרכשת את תבנית Web3 X . במדריך קצר זה אנו מכסים את כל היסודות כיצד לערוך אלמנטים בסיסיים (כלומר צבעים, גופנים, תוכן CMS וכו ') מתבנית Web3 X Webflow.
אם אינך מכיר היטב את Webflow, אנו ממליצים לך בחום לקחת את קורס המהתרסקות של Webflow 101 מאוניברסיטת Webflow, מכיוון שהוא ילמד אותך את כל היסודות כדי להתחיל לעבוד.
סטיילינג
בואו נתחיל עם הסגנון של התבנית.
צבעים
תבנית Web3 X בנויה באמצעות דוגמיות צבע, כלומר ניתן לערוך בקלות דוגמית צבע כדי להתעדכן בכל האתר.
כדי לעשות זאת, אתה רק צריך ללכת לכרטיסייה סגנון בסרגל הצד הימני, ולאחר מכן לגלול אל צבעים בטיפוגרפיה סעיף, ואם תלחץ על הצבע, תוכל לראות את כל דוגמיות הצבע ולערוך אותם כדי להיות מעודכן בכל האתר לכל צבע הדרוש.
גופנים
תבנית Web3 X משתמשת בגופן אחד ויחיד ברוחב הצד, והיא מוגדרת בבורר גוף (כל הדפים), כך שמשמעות הדבר היא שתוכל לעדכן בקלות את הגופן בכל האתרים בלחיצה אחת.
בעמוד כלשהו, פשוט לחץ על אפשרות הבורר הכתום בפינה השמאלית העליונה של הכרטיסיה סגנון ולאחר מכן בחר גוף (כל העמודים). לאחר מכן, תוכל לעבור לסעיף טיפוגרפיה למטה ולשנות את הגופן לכל גופן עבור המותג העסקי שלך.
אם אתה זקוק לגופן מותאם אישית או פרימיום שאינו זמין ב- Webflow, תוכל תמיד לעבור אל הגדרות פרוייקט > גופנים ותוכל להעלות גופנים מותאמים אישית או לחבר את חשבון Adobe Fonts שלך.
גרפיקה וסמלים
חלק מהסמלים או הגרפיקה בתבנית הם תמונות/גרפיקה רגילות, כך שתבחין שכאשר מעדכנים את כל הצבעים, הם עדיין יקבלו את צבע התבנית.
זה קורה מכיוון שגרפיקה זו היא תמונות (PNG, JPG, SVG וכו '), כך שעדכון CSS (סגנון) של Webflow לא ישפיע עליהם. אם ברצונך לעשות שימוש חוזר בגרפיקה זו, תוכל תמיד להוריד אותם ולערוך אותם באמצעות כל תוכנת עיצוב (כלומר פוטושופ, אילוסטרייטור, סקיצה, פיגמה וכו '), או להעלות ישירות תמונות / גרפיקה משלך התואמת את המותג שלך.
עריכת דפים
עכשיו הגיע הזמן להמשיך בשלבים הבאים כדי לערוך את דפי האתר שלך. בדרך כלל ישנם 2 סוגים של תוכן שייערך, שהם הבאים.
עמודים סטטיים
תוכן סטטי הוא כל התוכן שאינו מבוסס CMS, כלומר הוא אינו דינמי (כמו פוסט בבלוג, למשל).
באפשרותך לזהות בקלות את כל התוכן הזה מכיוון שהוא מוצג כאפור בסרגל הצד הימני Navigator, והוא מציג גבול כחול בעת לחיצה עליו או ריחוף מעליו.
אם ברצונך לערוך סוג זה של תוכן, תוכל פשוט ללחוץ עליו פעמיים, ותוכל להקליד ישירות שם.
תוכן דינמי (CMS)
תוכן דינמי הוא כל התוכן שהוא דינמי ויופק באופן אוטומטי בהתבסס על התוכן שנוסף במקטע CMS בסרגל הצד השמאלי (ממש מתחת לסמל Pages).
ניתן לזהות את כל זה בקלות מכיוון שהוא מוצג כסגול בסרגל הצד הימני Navigator, והוא מציג גבול סגול כשאתה לוחץ עליו או מרחף איתו.
יש לעדכן תוכן זה ישירות במקטע CMS. זה נועד להקל עליך מאוד לעדכן אותו, מכיוון שסביר מאוד שיהיה צורך לעדכן אותו כל הזמן (לדוגמה, הוספת פוסט חדש בבלוג)
כמו כן, אם ברצונך לערוך דף CMS שלם שנוצר באופן אוטומטי (לדוגמה, רשומת בלוג), תמצא דף זה זמין לעריכה בתחתית כל העמודים במקטע Pages בסרגל הצד הימני.
מוצרים (מסחר אלקטרוני)
מוצרים או תוכן מסחר אלקטרוני פועלים באופן דומה לתוכן הדינמי של CMS, עם זאת, זה מתמקד אך ורק במוצרי מסחר אלקטרוני.
ניתן לזהות תוכן מסחר אלקטרוני באופן דומה לתוכן CMS, מכיוון שהוא מוצג גם כסגול בסרגל הצד הימני Navigator, וכן עם גבול סגול בעת לחיצה או ריחוף עליו.
יש לעדכן תוכן זה ישירות בלשונית מסחר אלקטרוני בסרגל הצד הימני. זה נועד להקל עליך מאוד לעדכן אותו, מכיוון שסביר מאוד שיהיה צורך לעדכן אותו כל הזמן (לדוגמה, שינוי מחיר מוצר, או הוספת מלאי נוסף)
כמו כן, אם ברצונך לערוך את דף המסחר האלקטרוני של המוצר שנוצר באופן אוטומטי, תמצא דף זה זמין לעריכה כמעט בתחתית כל הדפים ממש מעל דפי אוסף CMS.
הערות שימושיות
כמו כן, מעבר להסבר הבסיסי העיקרי שחלקנו לעיל, כאן אנו חולקים כמה טיפים ומדריכים שהם מהשאלות הנפוצות ביותר שאנו מקבלים.
אינטראקציות
אם ברצונך לערוך תבנית כלשהי של אינטראקציה (כלומר, הסרת אפקט הופעה), באפשרותך לזהות בקלות רכיבים שיש להם אינטראקציות מכיוון שלאלה יש סמל אינטראקציות קטן (רעם קטן) בסרגל הצד השמאלי Navigator.
אם תלחץ על סמל אינטראקציות קטן זה, תפתח את הכרטיסיה אינטראקציות בסרגל הצד הימני עבור רכיב זה, שבו תוכל לערוך את האינטראקציה.
תצוגה ניידת או טאבלט
בכל פעם שאתה מבצע שינוי (לדוגמה, אתה יוצר עיצוב מקטע חדש), מומלץ לעבור לניווט העליון של Viewport ולראות איך הוא נראה בטאבלט ובמכשירים ניידים.
אם אתה עורך רק מקטע תבנית עם טקסט או תמונות מעודכנים ואינך מוחק אף מחלקת תבנית, אין צורך בכך, עם זאת, אם תתאים אישית את התבנית בצורה עמוקה יותר, תערוך מחלקות או תיצור מקטעים חדשים, תמיד טוב לערוך כל הזמן את תצוגות המכשירים הניידים והטאבלטים שלך כדי להבטיח שהכל ייראה מושלם.
עריכת מטא כותרת, Desc ותמונה מוצגת
אם ברצונך להתאים אישית את הכותרת, התיאור והתמונה המוצגים כאשר אתה משתף את האתר שלך בכל מקום (כלומר פייסבוק, טוויטר וכו '), תוכל לעבור בקלות למקטע דפים בסרגל הצד השמאלי, ללחוץ על סמל ההגדרות הקטן של הדף שברצונך להתאים אישית, וכל ההגדרות הללו יופיעו.
שים לב שחשוב לשנות זאת על בסיס דף.
גיבויים
אם משהו משתבש, למשל, אם אתה לא אוהב לאן האתר הולך, אם מחקת כמה שיעורים קריטיים שנדרשו כדי לגרום לתבנית להיראות יפה, או אם אתה רק רוצה ללכת לגרסה קודמת מכל סיבה שהיא, אתה תמיד יכול ללכת לקטע גיבויים.
תוכלו למצוא אותו במקטע 'הגדרות' בסרגל הצידי השמאלי, ואז תוכלו פשוט לראות את כל הגיבויים האוטומטיים או הידניים. שחזור לגיבוי הישן נמצא במרחק לחיצה אחת בלבד.
תמיכה בתבנית Web3 X Webflow
כפי שניתן לראות לעיל, Web3 X נבנה על Webflow תוך שימוש בשיטות העבודה המומלצות כדי להקל עליך מאוד לערוך את התבנית ולהתאים אותה אישית לצרכים שלך.
עם זאת, אם אי פעם תמצא בעיה כלשהי, זקוק לעזרה, או סתם רוצה לומר שלום, אל תהסס לשלוח לנו דוא"ל לכתובת [email protected] - נשמח לעזור לך.
עיצוב ופיתוח מותאם אישית
מצד שני, אם אתם מחפשים עזרה בבניית גרסה ייחודית ומותאמת אישית של Web3 X, או סתם אתר מדהים שעוצב ופותח מאפס ב- Webflow, אל תהססו ליצור קשר עם סוכנות העיצוב והפיתוח של Webflow שלנו. הצוות המדהים מאחורי תבנית זרימת האינטרנט של Web3 X יכול לעזור לך.
שאלות נפוצות
כיצד ניתן להשיג סמלים נוספים עבור התבנית?
מחפש משפחת סמלים רחבה יותר לשימוש בתבנית Webflow זו? תסתכל על גופני הסמלים של תבניות BRIX שלנו וקבל אוסף של 100+ סמלים עבור התבנית שלך.
האם אתה מתכוון לשחרר תבנית עבור X?
יש לך רעיון לתבנית Webflow אחרת שהיית רוצה לראות מתעוררת לחיים? שלח לנו את רעיון תבנית זרימת האינטרנט שלך וזכה במחיר מיוחד אם נבחר בו.