עשה זאת בעצמך – איך לבנות אתר בוורדפרס

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

הקדמה

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

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

בואו נתחיל - בניית אתר בוורדפרס לבד

את המדריך הבא אנחנו הולכים להראות על מערכת וורדפרס – למה?

  • מדובר במערכת קוד פתוח – האתר כולו שלכם בכל המשתמע מכך. הקבצים של האתר אצלכם, אין לכם תלות באף חברה אחרת. האתר הוא שלכם!
  • מדובר במערכת לניהול תוכן, המשמשת לבניית אתרים, הנפוצה ביותר בעולם.
  • גוגל אוהבים מאוד את האתרים שנבנים באמצעות וורדפרס (במידה ועושים את זה כמו שצריך).

בחירת דומיין ושרת אחסון

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

מה זה כתובת דומיין?

כתובת דומיין היא כתובת האתר שלכם באינטרנט. הכתובת של האתר שלנו היא www.topeak.co.il וגם אתם יכולים לבחור לעצמכם כתובת דומיין משלכם באחת מספקיות הדומיינים באתר – box, דומיין דה נט, אינטרספייס ועוד.

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

למעבר לאתר Box >>

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

במקביל תוכלו לקנות שטח אחסון.

מה זה שרת אחסון?

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

שאנחנו בוחרים חברת אחסון חשוב מאוד לשים לב  למספר דגשים חשובים:

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

חיבור הדומיין לשרת האחסון

אחרי שרכשתם שטח אחסון בחברת אחסון וקניתם את הדומיין אתם צריכים לחבר ביניהם. החיבור נעשה באמצעות שינוי רשומות ה-NS של הדומיין שלכם (דרך האתר ממנו קניתם את הדומיין) לרשומות הNS של השרת – קיבלתם אותם כנראה במייל שקיבלתם מחברת האחסון – במידה ולא, תנסו לפנות לחברת האחסון לבקש את 2 כתובות ה-NS שלהם. זה נראה ככה: 

ns1.topeak.co.il

ns2.topeak.co.il

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

ביצעתם? מעולה! המתינו עד 48 שהרשומות יתעדכנו בכל השרתים בעולם ואז תוכלו להתחיל בתהליך בניית האתר.

התקנת וורדפרס בקליק

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

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

yourdomain.co.il/wp-admin ושם תזינו את שם המשתמש והסיסמה שהגדרתם בתהיך ההתקנה לוורדפרס.

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

מערכת ניהול וורדפרס - תמונה של המערכת

הכרות עם מערכת הוורדפרס

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

  1. לוח הבקרה – מכיל את ראשי ושדרוגים. ראשי הוא בעצם מסך הפתיחה שלכם. שדרוגים יציג לכם את כל השדרוגים שיש לכם לבצע במערכת (תבניות, תוספים וכדומה – נכיר את זה בהמשך).
  2. פוסטים – פוסטים הם בעצם עמודי תוכן אשר יש להם חשיבות כרונולוגית (על פי סדר זמן). מאיזור הפוסטים נוכל לנהל את כל הפוסטים שיש לנו באתר, לעדכן, לערוך, למחוק וכמובן להוסיף עמודי תוכן נוספים.
  3. מדיה – באיזור המדיה יוצגו כל התמונות והמדיה שהעלנו לאתר.
  4. עמודים – כל העמודים של האתר יוצגו כאן. בשונה מפוסטים, עמודים הם עמודים ללא חשיבות כרונולוגית. כלומר הם רלוונטיים תמיד! אילו דוגמאות לעמודים יש לנו?
    * עמוד צור קשר
    * עמוד אודות
    * עמוד ראשי
    * עמודי שירותים
    וכדומה.
  5. תגובות – מכאן תנהלו את כל התגובות שיש לכם באתר.
  6. עיצוב – התאמות עיצוביות שתובלו לבצע באתר – שינוי תבנית עיצוב, יצירה ושינוי התפריטים באתר, עיצוב איזור וידג’טים, התאמות CSS, הגדרת לוגו, פאביקון ועוד.
  7. תוספים – מכאן תוכלו להתקין תוספים ולנהל את התוספים הקיימים שיש לכם באתר. הוספה, מחיקה ועריכת הקוד לתוספים הקיימים שלכם באתר.
  8. משתמשים – ניהול המשתמשים באתר שלכם – הוספת משתמשים עם הרשאות שונות, מחיקת משתמשים, עריכת החשבון שלכם ועוד.
  9. כלים – לרוב לא משתמשים באיזור זה של האתר ולכן אסביר עליו רק במידת הצורך בהמשך.
  10. הגדרות – מכאן נגדיר דברים חשובים שיש להגדיר באתר – מבנה קישורים, כתובת האתר במידת הצורך, קריאה למנועי חיפוש, מייל מנהל האתר וכדומה.

 

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

התקנת תבנית עיצוב - Hello של אלמנטור

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

התבנית שנבחר להתקין נקראת Hello של חברת אלמנטור.

יש ללכת לעיצוב> תבנית> תבנית חדשה. בחיפוש לרשום את המילה hello ולבחור בתבנית העיצוב שנראית כך:

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

התקנת בילדר - אלמנטור

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

איך עושים את זה?

אז בשלב הראשון הולכים לתוספים> התקנת תוסף חדש ובחיפוש רושמים elementor. התקינו את התוסף שנראה ככה

השלבים הנכונים לתהליך העבודה

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

  1. האדר ופוטר
  2. להשתמש בבונה התבנית
  3. וידגטים של פוסטים
  4. וידגטים על עמודים
  5. טפסי יצירת קשר
  6. קריאות לפעולה

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

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

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

התקנתם אלמנטור פרו? מעולה! בואו נתחיל.

בשלב הראשון נרצו לבנות לאתר שלנו header ו Footer שהם בעצם הפתיח והסגיר של האתר שלנו.

ככה נראה ההאדר:

ככה נראה הפוטר:

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

כל עמוד שתיצרו עכשיו תוכלו לערוך באמצעות אלמנטור.

זה כולל התאמה למובייל וחשוב מאוד שתשימו על זה דגש עצוםםםם!

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

את האתר שהצגתי במדריך תוכלו למצוא כאן >>

בהצלחה 🙂

בניית אתרים לבד

תוכן עניינים

דברו איתנו
איך אפשר לעזור?
היי 👋,
איך נוכל לעזור לך?