פרק 5: מתחילים לבנות את אתר הוויקס שלכם

אחרי שבניתם קובץ עזר לאפיון אתר, הבנתם את המבנה הכללי של הWix Editor ואת הדברים החשובים במבנה אתר, אפשר להתחיל לבנות את האתר! חשוב לציין - אם במהלך קריאת הפרק הזה שכחתם איזהשהו מושג ואתם לא בטוחים על מה אני מדבר, אני ממליץ לחזור לפרק הקודם ולחפש את התשובה שם.

אלו הנושאים שאציג בפרק זה:

1) בחירת התבנית הנכונה עבורכם בהתבסס על קובץ העזר לאפיון האתר שמילאתם

2) עריכת טקסט

3) שינוי תמונת רקע של סטריפ

4) שימוש בסטריפים קיימים בתבנית

5) בעיות בכיוון הכתיבה בוויקס (הפיכת כתיבה משמאל-ימין לימין-שמאל)

6) מחיקת סטריפים

7) סידור גבהים ומרווחים

8) מה עושים אם התבנית לא תואמת את אפיון האתר שלי?

לצורך הדוגמה, בניתי קובץ עזר לאפיון אתר עבור אדם פיקטיבי, דני טיולים - מורה דרך לטיולים בישראל, יכולים להוריד אותו פה:

קובץ עזר לאפיון אתר - דני טיולים.xlsx

הורידו את XLSX • 27KB

נתחיל בבחירת התבנית המתאימה.

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

בואו נראה אם יש תבנית מתאימה לצורך הזה, שתעזור לנו לבנות את האתר במינימום מאמץ.

נפתח את תפריט בחירת התבניות, ונחפש תבנית שמתאימה לTour Guide:

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

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

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

הסטריפ הראשון שאערוך יהיה הסטריפ הראשי שהגולש רואה אותו מיד עם טעינת האתר.

קודם כל - עריכת הטקסט:

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

אמשיך בלשנות את תמונת הרקע של הסטריפ:

בחרתי בתמונה של ים המלח שכבר הייתה קיימת במאגר של Wix (וגם בגלל שזה אחד המקומות האהובים עליי באופן אישי :) ) והקהתי מעט את התמונה כדי שיראו את הטקסט יותר טוב.

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

שימו לב לבעיות שנתקלתי בהן במהלך עריכת העמוד - הפיכת הכתב מכיוון שמאל-ימין (כתב לועזי) לכיוון ימין שמאל (כתב עברי / ערבי).

לא תמיד Wix נותנת פתרון טוב להפיכת הכתב כדי שיותאם לקורא העברית.

לפעמים תוכלו להפוך את כיוון הכתב דרך כפתור Change Text Direction כמו שביצעתי בסרטון, ולפעמים תצטרכו פשוט לאלתר ולהעביר את סימן השאלה לתחילת המשפט כמו שביצעתי בעריכת הכפתור.

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

ואחליף את התמונות שמעל הטקסט לתמונות שיותר ממחישות כל סיבה:

שימו לב למשחק עם הגודל והצבע של התמונות שהשתמשתי בהן.

עצירה רגע - את העבודה שביצעתם עד עכשיו, שמרתם?

לא לשכוח לשמור מדי פעם את העבודה שלכם, שלא תקרה תקלה במידה ויהיו בעיות בחיבור או המחשב יחליט להתעלף.

כפתור השמירה נמצא בתפריט העליון:

אחרי ששמרתם - אפשר להמשיך.

הסטריפ הבא מציג וידאו שאפשר להוסיף לעמוד.

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

לוחצים על הכפתור הימני בעכבר על הרקע של הסטריפ - ומקליקים על Delete:

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

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

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

בסטריפ הראשוני יש 3 ביקורות, ונניח שבפועל יש לי רק 2 ואני רוצה לעשות התאמות בסטריפ הקיים, ככה זה נראה:

אצוק את הטקסט לתוך ההמלצות והסטריפ עם הציטוט שכמובן יקבל גרסה ישראלית (אהבתי את הסטריפ הזה, כל הכבוד לוויקס) :

ועכשיו אני מתלבט.

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

למחוק? לא למחוק?

התשובה היא כמובן מה שבא לכם, אבל אני באופן אישי ממליץ לזרום עם העיצובים של Wix. הם מוצלחים מאוד ויכולים לתת לכם רעיונות למבנה עמודים שלא חשבתם עליהם מלכתחילה.

את העריכה של הטופס ואיך משתמשים בו, אשאיר לפרקים הבאים.

אחרי ששמרתם, מוזמנים לעבור לפרק הבא >>