התקנת אתר WordPress והגדרות בסיסיות

מה זה WordPress?

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

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

רוב חברות האחסון נותנות אפשרות להתקין WordPress בלחיצת כפתור.

במידה ואתם רוצים להוריד בעצמכם את הגרסה האחרונה של WordPress היא זמינה באתר הרשמי שלהם:

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

אחסון (אירוח) האתר

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

הגדרות ראשוניות

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

במידה והאתר שלכם באנגלית הכנסו ל-Settings ואז General ב-Site Language שנו את השפה לעברית ולחצו על "Save Changes".


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


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

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


הכתובת של וורדפרס – כתובת האתר (דומיין) שבו האתר שלכם זמין.

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

הכתובת של האתר – במידה והתקנתם את האתר בתיקייה אחרת (רלוונטי למשתמשים מתקדמים יותר) תוכלו לבחור כאן את הכתובת של WordPress.

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


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


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

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


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


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


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


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

דוגמה להגדרת אתר שרלוונטית לישראל:

התפריט הראשי של הניהול

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

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

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

חלק מהאתר שלי עדיין באנגלית!

 

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

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

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

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

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

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

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

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

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

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

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

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

הגדרות

 

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

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

דיון –

מדיה – הגדרות ברירת מחדל לגודל התמונות והמדיה שאתם מעלים.

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

קישור שנראה קצר וממוקד יותר תורם לקידום האורגני של האתר שלכם.

הגדרות פרטיות –

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

הכנת האתר והתקנת Elementor

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

 

נעבור לעמוד "תוספים" ונבחר למעלה "תוסף חדש". בחיפוש משמאל כתבו "Elementor".

לחצו "Install" ולאחר ההתקנה על "Activate".

ברכות! יש לכם אלמנטור.

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

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

התקנת תבנית

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

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

עברו לעמוד "עיצוב" ובחרו "תבנית חדשה":

נחפש ונתקין את התבנית "Astra", תבנית שמתאימה לרוב האתרים וגם לאתרי חנות.

לאחר ההתקנה לחצו:

כעת, נעבור לאתר שלנו.

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

תוכלו לראות שמצד שמאל מופיע סרגל צדדי (Side bar) שיציג את הפוסטים שנפרסם.

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

כדי לעשות את זה עברו ל"התאמה אישית", זה העמוד שבו עורכים את התבנית ואת מראה האתר.

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

התאמת התבנית

בחרו ב-"סרגל צד" > "פריסת ברירת המחדל" > ללא סרגל צד ואז "פרסום" למעלה.

הוספת העמוד הראשון

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

עריכת העמוד

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

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

העורך של Elementor אלמנטור

ברוכים הבאים לעורך של אלמנטור! כרגע נשתמש בכמה דברים בסיסיים ובהמשך תוכלו ללמוד הכל על אלמנטור מהמדריכים שלנו.

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

הממשק הוא ממשק Drag and Drop, פשוט גוררים את מה שרוצים למרכז האתר:

נבחר מצד ימין "כותרת" ונגרור לאמצע.

כל אלמנט, כמו אלמנט הכותרת שעכשיו הוספנו, ניתן לעריכה בפאנל הימני.

 

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

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

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

מצד ימין נכתוב את הכותרת שנרצה.

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

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

כדי להוסיף טקסט מתחת לכותרת שלנו, נגרור מצד ימין "עורך טקסט" מתחת לכותרת.

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

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

לאחר העריכה נלחץ על "עדכן" שמשמאל למטה.

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

ליד ה"עדכן".

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

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

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

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

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

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

אם נרצה לערוך את העמוד, תמיד נוכל ללחוץ למעלה על "עריכה באמצעות אלמנטור".

לא מופיע לי כפתור "עריכה באמצעות אלמנטור"

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

כדי לעשות את זה נלחץ על "עריכה" ואז בעמוד עריכה נבחר ב:

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

איך מוחקים עמוד?

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

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

נקבל אישור שהפעולה בוצעה:

הוספת Header ו-Footer ללא Elementor Pro

גם בלי אלמנטור Pro אפשר להוסיף Header (החלק העליון של האתר) ו-Footer (החלק התחתון) באמצעות תוסף מתאים.

נעבור ל-"תוספים" ונתקין את התוסף "Elementor Header & Footer Builder".

יצירת Header לאתר

בחרו בעיצוב ואז "Elementor Header & Footer Builder".

לאחר מכן "Add New" כדי להוסיף חלק חדש באתר.

  • במידה ותקפוץ הודעה עם שאלון תוכלו ללחוץ למטה "Skip".
  1. למעלה נבחר את השם של החלק הזה באתר (החלק העליון שתכף נבנה), כרגע נקרא לו פשוט "Header".
  2. בשדה "Type of Template", הראשון למטה, נבחר "Header" כדי להגדיר למערכת שזה אכן החלק העליון של האתר שלנו.
  3. בשדה "Display On", בוחרים מתי, או בעצם באיזה עמודים, נרצה להציג את ה-Header שיצרנו.כאן נבחר "Entire Website" כדי שה-Header שיצרנו יופיע תמיד למעלה בכל העמודים של האתר.
  4. נלחץ "פרסום" כדי לשמור את ההדר.
  5. אחרי הפרסום נלחץ "עריכה באמצעות אלמנטור" כדי להגיע להתחיל לעצב את החלק העליון של האתר.

עורכים את החלק העליון

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

יצירת אזור חדש