יצירה ועריכת עמודים באלמנטור
נכתב ע"י יוחאי ירמיהו2 תגובות
בשנים האחרונות אלמנטור (Elementor) הפך להיות אחד מהתוספים המובילים בתחום של בניית אתרים בוורדפרס. מדובר על תוסף נוח ומצוין לבנייה ועריכה של עמודים, במיוחד עבור בעלי עסקים ללא ידע טכני בתחום. במאמר הבא אלמד אתכם כל מה שאתם צריכים לדעת על מנת שתוכלו לערוך ולנהל אתר שנבנה באלמנטור בעצמכם ללא הצורך בסיוע של בונה אתרים מקצועי.
הנושאים שתוכלו ללמוד בעמוד הם: איך להוריד את אלמנטור, איך לערוך עמודים שנבנו באמצעות אלמנטור, איך ליצור עמודים חדשים, איך להשתמש בתבניות מוכנות של אלמנטור ונדבר גם קצת על החסרונות של Elementor.
עדכון: למי שרוצה ללמוד להשתמש באלמנטור באופן מקצועי השקתי קורס בניית אתרים באלמנטור שילמד אתכם להשתמש בתוסף באופן מקצועי על מנת ליצור ולבנות אתרים בעצמכם.
ניתן לצפות בסרטון הדרכה הבא המסביר איך ליצור ולערוך עמודים באמצעות אלמנטור
ניתן לצפות בסרטון הדרכה הבא המסביר איך ליצור ולערוך פוסטים ובלוג באתר וורדפרס
מה זה אלמנטור ואיך מתקינים אותו?
אלמנטור (Elementor) הוא תוסף לוורדפרס שפותח על ידי חברה ישראלית (כחול לבן) ומאפשר יצירה ועריכה של עמודים באופן הרבה יותר פשוט ממה שוורדפרס או תוספים אחרים מאפשרים. לתוסף יש גרסה חינמית וגרסת Pro בתשלום שמתחילה מעלות של $49 לרישיון של אתר בודד עם תמיכה ועדכונים לשנה.
כמו שנאמר התוסף מיועד אך ורק לאתרי וורדפרס (יש באתר מדריך המסביר מה זה וורדפרס למי שעדין לא יודע מה זה ) ולמרות שניתן לספק תוצאות יפות עם הגרסה החינמית מרבית האתרים המורכבים יותר יצטרכו גם את הגרסה בתשלום. למי שמעוניין בגרסה החינמית ניתן להוריד אותה מספריית התוספים של וורדפרס על ידי לחיצה על התמונה מתחת.
יצירת עמוד בוורדפרס והגדרות ראשוניות
על הנושא של יצירת עמודים בוורדפרס דיברתי כבר בהרחבה בעבר ואני ממליץ שתצפו במדריך אם עדיין לא עשיתם זאת. בשביל ליצור עמוד חדש בוורדפרס וודאו שאתם מחוברים לאתר ולאחר מכן בפאנל הניהול העליון לחצו על הכפתור של "חדש" ובחרו באפשרות של "עמוד"
כעת לאחר שיצרתם עמוד או פוסט בוורדפרס יש להגדיר את הכותרת של העמוד, לפרסם את העמוד ולאחר מכן להגדיר גם את כתובת ה-URL של העמוד. במידה ומבנה הקישורים של האתר הוא באנגלית אז יש להגדיר את כתובת ה-URL של העמוד באנגלית ואם מבנה הקישורים הוא בעברית תגדירו אותו בשפה העברית.
בקישור URL אני מתכוון לאזור שבו כתוב "קישור ישיר" וליד מופיעה הכתובת של העמוד. על ידי לחיצה על כפתור העריכה בצד השמאלי של הקישור תהיה לכם האפשרות לשנות את סיומת ה-URL ולהגדיר אותו מחדש בעברית או באנגלית.
אני אציין בנוסף שאני כרגע עובד עם עורך התוכן הישן של וורדפרס ולא עם גוטנברג אז יכול להיות שתצוגת עריכת העמוד תהיה שונה ממה שאני מציג במאמר. מי שכרגע משתמש בעורך התוכן החדש ומעוניין לחזור לעורך הישן ניתן לצפות במדריך של ביטול גוטנברג בוורדפרס.
יצירת עמוד חדש ותוכן באלמנטור
לאחר שסיימתם ליצור עמוד חדש בוורדפרס כעת מה שנותר לעשות זה להגדיר אזורים חדשים באתר עם התוכן שאתם רוצים. בשביל ליצור תוכן חדש לחצו על הכפתור עם סימן הפלוס. לאחר מכן תבחרו את מבנה העמוד שאתם רוצים (עמודה אחת, 2 עמודות וכו'…) ובאזור הימני יופיעו לכם כל האלמנטים/פיצ'רים שיש לאלמנטור להציע.
בשביל להוסיף אלמנט לתוך העמוד פשוט תגררו אותו עם העכבר מהצד הימני של המסך ואל הצד השמאלי באזור של העמוד שבו אתם רוצים להכניס את האלמנט. אז לצורך הדוגמא אם אתם רוצים להוסיף כותרת לעמוד תגררו אותה מהצד הימני של המסך אל הצד השמאלי והיא תופיע בעמוד.
תהיה לכם את היכולת ליצור מספר אזורים שונים ולאלמנטור יש הרבה מאוד פיצ'רים להציע כאשר אתם בונים אתר לעסק. במידה ואתם לא רואים את בצד הימני את האזור שמכיל את כל האלמנטים של אלמנטור לחצו על הכפתור של הקובייה שמופיעה הראש התפריט הימני מצד שמאל והפיצ'רים יופיעו בעמוד.
עריכת עמוד קיים באלמנטור
המדריך הזה מיועד בעיקר לבעלי עסקים שמעוניינים ללמוד כיצד לערוך ולהוסיף עמודים חדשים באתר. במידה ויש לכם כבר אתר קיים שנבנה על ידי מישהו מקצועי תהיה לכם היכולת לערוך אותו באופן מאוד פשוט בעצמכם.
קיימות 2 דרכים להיכנס לאזור העריכה של עמודים באלמנטור. הדרך הראשונה היא על ידי כניסה לאזור הניהול בוורדפרס ובתוך אזור הניהול יש להיכנס לעריכה של העמוד שאותו אתם מעוניינים לשנות. לאחר שנכנסתם לעמוד לחצו על הכפתור של "עריכה באמצעות אלמנטור" על מנת לבצע את השינויים.
הדרך השנייה לעריכה של עמוד באלמנטור היא על ידי כניסה באתר לעמוד שאתם רוצים לערוך (באתר עצמו ולא מתוך אזור הניהול) ובפאנל הניהול העליון תוכלו ללחוץ על הכפתור של "עריכה באמצעות אלמנטור" על מנת להגיע לאזור העריכה של העמוד.
כאשר אתם נמצאים בתוך ממשק העריכה של Elementor יכולות העריכה הם מאוד פשוטות וכל מה שצריך לעשות זה ללחוץ על האזור שאתם רוצים לערוך ולשנות את התוכן שמופיע בחלק הימני של המסך. בתמונה מתחת אתם יכולים לראות כיצד אתם יכולים לערוך כותרת בעמוד שנבנה באלמנטור.
באופן דומה ניתן לערוך כל אזור תוכן וגם תמונות. במידה ואתה מחפשים תמונות איכותיות יש לכם רשימה ארוכה של אתרי תמונות בחינם לשימוש מסחרי שיסייעו לכם וכאשר אתם מעלים את התמונה לאתר חשוב לבצע אופטימיזציה לתמונה על מנת לא לפגוע בקידום האתר.
שימוש בתבניות Templates מובנות
אחת הסיבות המרכזיות לכך שאני משתמש באלמנטור היא היכולת לעשות שימוש בטמפלטים. בניגוד לבוני אתרים אחרים אני לא משתמש בתבניות שמגיעות עם אלמנטור ובמקום זה אני בונה את האזורים באתר בעצמי ועוקף אותם עם קוד CSS משלי.
היתרון בשימוש בתבניות המוכנות הוא שאני יכול להעתיק עמוד שלם עם כל הקוד שיצרתי ולהדביק אותו בעמוד חדש בתור תבנית עריכה התחלתית של העמוד. לאחר מכן כל מה שאני אצטרך לעשות זה לערוך אותו כי העיצוב כבר יהיה מוכן בלחיצת כפתור.
זה יעיל במיוחד באתרים שאני בונה ללקוחות שלי וזה מאפשר להם לערוך וליצור עמודים ללא מאמץ וללא ידע טכני.
שמירה של תבנית עמוד באלמנטור
במידה ויש לכם עמוד קיים באתר עם עיצוב של אלמנטור נתחיל מהחלק הראשון של איך לשמור את התבנית ולאחר מכן נבין איך לטעון אותה לתוך העמוד ולהשתמש בה בכל העמודים הנוספים של האתר.
בשביל לשמור את התבנית של העמוד באלמנטור יש להיכנס אל אזור העריכה של עמוד (באלמנטור ולא בוורדפרס) ובתחתית העמוד עריכה יש ללחוץ על האייקון עם התיקייה.
לאחר מכן בחלונית שתיפתח לחצו על הכפתור שמירה (האייקון של הדיסקט), תגדירו את שם התבנית של העמוד שאתם רוצים. לאחר הגדרת השם לחצו על כפתור השמירה.
כל תבנית/טמפלט שאתם יוצרים תהיה שמורה באתר מכאן והלאה ותהיה לנו היכולת לטעון אותה בעמודים נוספים כפי שאסביר בפסקה הבאה.
טעינה של טמפלט באלמנטור
לאחר שלמדנו לשמור תבנית או אזור באלמנטור כעת נלמד איך לטעון את התבנית בעמוד חדש. בשביל לטעון את התבנית ששמרתם יש ליצור עמוד חדש באלמנטור ולאחר שנכנסתם לאזור העריכה לחצו על האייקון של התיקייה (כפי שניתן לראות בתמונה מתחת).
בחלונית "ספריה" שתיפתח יש ללחוץ על הכפתור של "הטמפלטים שלי" בתפריט העליון ושם לבחור בתבנית שאתם רוצים לטעון לעמוד. בצד השמאלי של התבנית יהיה לכם כפתור הוספה וברגע שתלחצו עליו התבנית תופיע בתוך העמוד וכל מה שיישאר לעשות זה לערוך אותה.
חסרונות של אלמנטור
אין ספק שאלמנטור הוא תוסף מופלא שהופך את החיים שלנו להרבה יותר פשוטים וקלים ויחד עם זאת לתוסף יש חסרונות רבים שצריך להכיר ומתחת תוכלו לצפות בכמה מהם.
- באגים – אלמנטור הוא תוסף שמתעדכן לעיתים קרובות ומתפתח בקצב מהיר. ביחד עם העדכונים והפיצ'רים החדשים מגיעים גם לא מעט באגים שיכולים להפוך את החיים שלנו לפחות נעימים.
- דריסה של האתר בעדכונים – באתר הראשון שבניתי באמצעות אלמנטור (מדובר על האתר Banner Design) הופתעתי לגלות שבעדכון הראשון שביצעתי נשברה לי גם התצוגה של האתר והייתי צריך להקדיש הרבה זמן בשביל לתקן את התקלה. זה אומנם לא משהו שכיח, אבל כאשר אתם מבצעים עדכון לתוסף רצוי לעשות גיבוי לאתר ולא הייתי ממליץ לבצע עדכון בכל גרסה שיוצאת. ומי שלא רוצה לעשות עדכונים לעיתים קרובות צפו במדריך של הפסקת עדכונים בוורדפרס.
- בעיות מהירות – על הנושא של שיפור מהירות אתר כבר דיברתי ברחבה בעבר ואני חושב שזה די ידוע שאלמנטור הוא כנראה אחד התוספים הכבדים ביותר שיש לוורדפרס. בנייה של אתרים בצורה לא חכמה עם אלמנטור תגרום לכך שהאתר יטען לאט מה שיכול להשפיע לרעה על קידום אתר בגוגל.
- יצירת קוד לא תקני – הקלות ויכולת של בניית אתרים באמצעות אלמנטור גורמת לשימוש בקוד לא תקני. נכון להיום מרבית בוני האתרים לא יודעים שפות קוד כמו HTML, CSS ו-PHP ולא יודעים ליצור קוד תקני. בניית אתר חובבני יכולה לגרום לבעיות בטעינה של העמוד ובקידום האתר בגוגל (בשונה מהמהירות בסעיף הקודם לקוד לא תקני יש הרבה יותר השפעה רעה על הקידום מאשר למהירות שנכון להיום כמעט ולא משפיעה).
- ממשק ניהול חיצוני – עצם זה שלאלמנטור יש ממשק ניהול חיצוני גורם למצב שבכל פעם צריך לעבור בין ממשק הניהול של העמוד באלמנטור לבין ממשק הניהול של העמוד בוורדפרס. לדוגמא במידה ואני רוצה להגדיר תגיות Meta באמצעות התוסף Yoast SEO אני חייב כל פעם לשנות את ממשק העריכה של העמוד וזה גוזל ממני הרבה מאוד זמן.
סביר להניח שיש לתוסף חסרונות נוספים שלא ציינתי כאן ויחד עם זאת עדיין מדובר בתוסף מעולה שהפך את החיים שלי כבונה אתרים לקלים יותר וזה נכון פי כמה וכמה עבור הלקוחות שלי שכל הזמן אני שומע מהם על כמה שקל להם לערוך את העמודים הקיימים וליצור עמודים חדשים ותוכן נוסף לאתר.
יש לכם שאלות או משהו להוסיף? שתפו אותנו בתגובות מתחת!
אם יש לכם שאלות או משהו להוסיף נשמח לשמוע מכם בתגובות מתחת ולסייע במידת הצורך.
אם אהבתם את המדריך ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
יוחאי ירמיהו
בעל תואר ראשון בלוגיסטיקה וכלכלה ותואר הנדסאי בתעשייה וניהול עם התמחות בשיווק.
מעצב גרפי ומפתח אתרים עם ניסיון מעשי של למעלה מעשור בכל מה שקשור לעולם הדיגיטלי. נינג'ה מומחה למערכת המופלאה לבניית אתרים שנקראת וורדפרס, וזהו בסך הכל :-).
מאמרים נוספים שעשויים לעניין אתכם:
2 תגובות
לא ניתן לפרסם תגובות
מדריך מצוין כמו כל שאר המדריכים לוורדפרס המופיעים באתר (אני עוקבת באופן קבוע) תודה רבה על השיתוף.
רציתי לשאול, האם אני חייבת לרכוש את גרסת האלמנטור פרו על מנת לבנות ולערוך באמצעותו עמודים באתר או שאני יכולה גם להסתפק בגרסת האלמנטור החינמית?
היי איילת, שמח לשמוע שאת עוקבת אחרי התכנים באתר.
זה מעט קשה לענות על השאלה הזאת. אני יכול להגיד לך שיש לי אתרים שבנויים אך ורק בעזרת אלמנטור החינמי ורוב התוכן/אלמנטים שבאתר בנויים מתוך התבנית.
העניין הוא שהרבה מבוני האתרים הקיימים היום מסתמכים באופן מאוד משמעותי על התוסף ואני לעומת זאת מנסה להסתמך כמה שפחות וחלק גדול מהתוכן של העמוד נטען מתוך תבנית העיצוב ולא מתוך אלמנטור מה שמאפשר לי לבנות אתרים גם באמצעות אלמנטור החינמי.
לדעתי הדרך הכי פשוטה לגלות אם זה אפשרי היא להתקין את האלמנטור בחינם ולראות אם זה מספיק טוב עבור השימושים שלך. במידה ולא תמיד תהיה לך האפשרות לרכוש את הגרסה בתשלום.