light-bulb-503881_1920
Natan mordechay

Natan mordechay

עיצוב, פיתוח וניהול נכסים דיגיטליים

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

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

אבל איך מתחילים? מה בא קודם? ומה בא אחרי? אתה מבולבל.

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

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

אז שנתחיל?

תהליך עבודה לבניית אתר בוורדפרס

לפני שנתחיל, בא ננסה להבין מה זה בכלל תהליך?

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

אז מהי אותה תוצאה שאנחנו מנסים להשיג?

התשובה שלי לשאלה הזאת תהיה "אתר אינטרנט מעוצב ומקצועי שכולם יתלהבו ממנו".

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

אז מה הוא סדר הפעולות? 

תהליך עבודה נכון לבניית אתר בוורדפרס כולל 5 פעולות חשובות שנפרט עליהן בפוסט זה:

  • אפיון האתר
  • עיצוב האתר
  • פיתוח האתר
  • בדיקות ידניות והתאמות
  • העלאת האתר לאוויר
אפיון אתר

1. אפיון האתר

אפיון האתר הוא שלב מאוד חשוב בתהליך.

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

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

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

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

קבל הצצה לטופס האפיון שלי

2. עיצוב האתר

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

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

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

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

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

3. פיתוח האתר

זה שלב התכל'ס.

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

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

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

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

4. בדיקות והתאמות

זהו השלב הקריטי לפני שמעלים את האתר לאוויר!

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

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

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

5. עולים לאוויר!

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

הכל תקין ומעודכן?

הידד, עוד אתר מעוצב ומקצועי נולד!

סיכום

תהליך בניית אתר לא צריך להיות מורכב ומתסכל אלא מהנה ומלמד. 

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

אם יש לך שאלות או הצעות לשיפור אני אשמח לשמוע ממך!

מרגיש שאתה זקוק להדרכה נוספת?

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

אהבת את הפוסט? שתף עם חברים:

Share on facebook
Share on linkedin
Share on whatsapp
Share on email