התוסף אלמנטור (Elementor) גרם למהפכה בתחום בניית אתרים, מדובר בתוסף במערכת קוד פתוח הנקראת וורדפרס (באנגלית: WordPress ושהיא מערכת לניהול תוכן – CMS).
בשביל מה צריך את אלמנטור?
התוסף אלמנטור מאפשר בנייה קלה ומהירה באמצעות שיטת "גרירה ושחרור" כלומר לבחור את הווידג'ט הרצוי מסרגל הכלים הצדדי ולגרור אותו אל ממשק האלמנטור שבנוי בצורת תצוגה מקדימה בצורה מאוד פשוטה וקלה.
עד לפני כמה שנים בניית אתרי אינטרנט הייתה פחות נוחה ופשוטה כפי שהיא היום.
הוספת תכנים באתר הייתה מתבצעת ע"י כתיבת קוד באופן ידני ע"י שפת תכנות (לדוגמה: HTML, CSS, JS, PHP וכדומה).
הכתיבה הידנית הייתה מאטה את המתכנת בפיתוח האתר ולעומת זאת כיום ניתן לבנות אתר אינטרנט בצורה מהירה ומקצועית בזמן הרבה יותר קצר.
הוסט סנטר תסייע בכל הקשור לאלמנטור פרו במסגרת אחסון אתרים באחת מחבילות הוורדפרס שלנו.
כולל הטבה מיוחדת של אלמנטור פרו חינם.
האם קיימים עוד תוספים בסגנון אלמנטור ומה הכי מומלץ?
קיימים מספר תוספי פייג' בילדר (Page Builder בתרגום לעברית: תוסף לבניית הדף) כגון: Beaver Builder, Divi Builder, WPBakery Page Builder ועוד רבים נוספים אך ללא ספק התוסף של אלמנטור לפי דעתי וניסיוני בתחום הוא ללא ספק התוסף המומלץ ביותר מתוספי הוורדפרס המומלצים.
6 הבדלים בין אלמנטור לתוספי פייג' בילדר אחרים
| אלמנטור | תוספי פייג' בילדר אחרים |
|---|---|
| הכמות הווידג'טים הגדולה ביותר | הכמות הווידג'טים סטנדרטית |
| עריכת חלקים מתבנית העיצוב באמצעות Theme Builder | עריכת עמודים ופוסטים |
| התאמה רספונסיבית פשוטה למובייל ולטאבלט | לא בכולם קיים בכל התוספים ובמידה וקיים לא בממשק נוח ופשוט |
| מספר תבניות מוכנות מראש בקליק | בדרך כלל אין תבניות מוכנות ובמידה וכן ההוספה אינה פשוטה במספר קליקים. |
| בניית חנות בווקומרס עם אלמנטור | קיימים מספר תוספים ייעודים עבור בניית חנויות בווקומרס בלבד. |
| 50$ לשנה עבור רישיון לאתר אחד בלבד. | מחירים שונים בין תוסף לתוסף, בדרך כלל ככמה עשרות דולרים לשנה |
ניתן לרכוש אלמנטור פרו לשנה דרך הוסט סנטר בעלות של 110 שח (לא כולל מע"מ) לשנה – כולל תמיכה והתקנת התוסף!
מבצע ללקוחות חדשים: בקניית חבילת אחסון אתר וורדפרס לשנה מקבלים אלמנטור פרו לשנה בחינם!
8 הבדלים בין גרסת האלמנטור החינמי לגרסת האלמנטור פרו (פרימיום)
| אלמנטור | אלמנטור פרו |
|---|---|
| 30 ווידג'טים בסיסיים. | 50+ ווידג'טים מתקדמים. |
| בנייה על תבנית עיצוב קיימת. | בניית תבנית עיצוב בהתאמה אישית (Theme Builder). |
| אין גישה ל elementor library. | גישה ל 300+ טמפלטים מוכנים ב elementor library. |
| אין אפשרות לבנות תבנית פופ-אפ (pop-up). | בניית תבניות פופ-אפ (pop-up) לקידום פרויקטים מסויימים. |
| לא ניתן להוסיף תוכן דינמי | הוספת תוכן דינמי לפיתוח ותחזוקה פשוטים ומהירים. |
| נדרש להתקין תוסף טפסים חיצוני | מערכת טפסים בנויה: דף התחברות, ניוזלטר, העלאת קבצים ועוד סוגי טפסים נוספים. |
| לא ניתן לבצע אינטגרציות עם תוספים נוספים. | אינטגרציות עם תוספים נוספים: MailChimp, Facebook SDK, ConvertKit ועוד תוספים נוספים. |
| Custom CSS בהתאמה אישית של התבנית. | Custom CSS בווידג'ט הרלוונטי באלמנטור. |
ווידג'טים באלמנטור
ווידג'טים באלמנטור רגיל
קיימים ווידג'טים באלמנטור שבעזרתם נוכל לבנות את האתר וורדפרס המושלם, ווידג'טים נפוצים:
אזור פנימי, כותרת, עורך טקסט, תמונה, וידאו, כפתור, תיבת אייקון, קרוסלת תמונות ועוד.
ווידג'טים אלו יכולים לעזור לכם בבניית דף בוורדפרס בצורה מאוד נקייה, פשוטה ומהירה.
ווידג'טים באלמנטור פרו
קיימים כמות גדולה יותר של ווידג'טים שמאפשרים אופציות רחבות יותר מהגרסה החינמית
דוגמאות לווידג'טים: הצגת פוסטים, סליידר, ציטוט, תבנית (טמפלט), כפתור תשלום בפייפל (Paypal) ועוד תוספים נוספים.
תבניות עיצוב באלמנטור והלו אלמנטור (Hello Elementor)
תבנית עיצוב באלמנטור
ניתן לערוך את כל העמודים והפוסטים באמצעות אלמנטור עם כל תבנית עיצוב של וורדפרס.
חלקים שלא ניתן לעריכה בוורדפרס הם החלקים הסטטים בתבנית העיצוב, לדוגמה: החלק העליון (הדר – Header), החלק התחתון (פוטר – Footer) וכדומה.
בניית תבנית עיצוב והלו אלמנטור (hello elementor)
בדומה לגרסה הרגילה, ניתן לערוך את כל העמודים והפוסטים באמצעות אלמנטור אך ניתן להשתמש בתבנית עיצוב פשוטה שפותחה ע"י אלמנטור שנקראת הלו אלמנטור (Hello Elementor) שייחוד שלה לעומת תבניות אחרות הוא שההגדרות שלה מינימליות והמבנה שלה פשוט ונקי.
למה התבנית הלו אלמנטור ריקה? מכיוון שאלמנטור רוצה שאתם תוכלו לפתח את התבנית העיצוב שלכם כראות נפשכם ולא להפריע לכם בהגדרות מיותרות שכבר קיימות בפייג' בילדר של אלמנטור.
ספריית אלמנטור (Elementor Library)
ספריית אלמנטור הינה פונקציה שקיימת רק בתוסף אלמנטור פרו, הספרייה מכילה בתוכה כמעל 300 תבניות מוכנות שנבנו בבלעדיות לאלמנטור, קיימים הרבה מפתחי אלמנטור שבונים את האתר באמצעות התבניות שאלמנטור מציעה בספרייה שלה ומבצעים את ההתאמה ועריכות על התבנית שנבחרה.
אלמנטור פופ-אפ (Pop-Up)
תבניות הפופ-אפ של אלמנטור קיימות רק בתוסף אלמנטור פרו, תבניות הפופ-אפ בנויות בדומה
לעריכת עמוד או פוסט רגיל באמצעות אלמנטור אך השוני ביניהם הוא האפשרות להתאים את גודל התצוגה של הדף בהתאמה אישית כלומר אם ארצה שהפופ-אפ יהיה במרכז העמוד וגובהו יהיה כ 50%
מגובה המסך של הגולש אוכל לבצע זאת בהגדרות הפופ-אפ באלמנטור שלי.
קיימות 3 הגדרות ייחודיות בתבנית הפופ-אפ של אלמנטור:
1. Display Conditions (תנאי תצוגה) מאפשר לנו להגדיר איפה נרצה
שהפופ-אפ יופיע ברחבי הוורדפרס.
2. Triggers (טריגרים – מניעים) מאפשר לנו להגדיר איזו פרמטרים יפעילו את הפופ-אפ שלנו, כגון: מעבר על אזור מסוים באתר, לחיצה על כפתור או הפעלה ע"י זמן וכדומה.
3. Advenced Rules (תנאים מתקדמים) מאפשר לנו להגדיר פונקציות מיוחדות כמעיין הגדרות נוספות לפופ-אפ, כגון: הצגה במכשירים מסויימים, הצגה לאחר מספר פעמים, הצגה לאחר צפייה במספר דפים וכדומה.
תוכן דינמי
פונקציית התוכן הדינמי קיימת רק בתוסף אלמנטור פרו, פונקציה זו מאפשרת בחלק מהווידג'טים שמכילים: תוכן וקישורים (כותרת, טקסט וכדומה) אפשרות להגדיר תוכן דינמי.
מה כוונה תוכן דינמי? האפשרויות הנפוצות הם: הפעלת פופ-אפ, קישור לעמוד פנימי, שימוש בנתונים מהמערכת (שם פרטי של המשתמש, מספר מזהה של הפוסט וכדומה).
בשביל מה צריך את התוכן הדינמי? דוגמה: במידה ואתם מחליטים לשנות את כל מבנה הקישורים בוורדפרס ויש לכם כ-400 קישורים שמפוזרים באתר וכתבתם את כולם כקישור רגיל, דוגמה: mydomain.co.il/category/my-category
במידה ותשתמשו בתוכן הדינמי, אלמנטור יעדכן באופן אוטומטי את כל הקישורים המכילים תוכן דינמי
במידה ולא תשתמשו בתוכן הדינמי, תצטרכו לעדכן את כל הקישורים באופן ידני או להשתמש בתוסף חיצוני לשינוי הקישורים.
אלמנטור טפסים (Forms)
בכדי לייצר טפסים כגון: טפסי יצירת קשר, טופס התחברות לאתר, ניוזלטר וכדומה.
במידה ויש לנו את האלמנטור בגרסה החינמית אנחנו נצטרך להשתמש בתוסף חיצוני.
באלמנטור פרו קיים ווידג'ט של טפסים המאפשר לבנות ולעצב בקלות את הטופס בוורדפרס.
ישנו ווידג'ט נוסף שנקרא Login (התחברות) שבו ניתן להציב חלקה (Section) להתחברות לאתר.
אינטגרציות באלמנטור (Integrations)
במידה ואנחנו רוצים שהאלמנטור שלנו ידע לבצע אינטגרציה (שילוב) עם תוספים אחרים, אנחנו נצטרך
להשתמש בגרסת הפרו של אלמנטור.
אלמנטור יודע לעבוד בשיתוף עם מספר תוספים: MailChimp, ActiveCampaign, ConvertKit, HubSpot, Drip באמצעות מפתחות API שניתן להגדיר אותם בהגדרות של התוסף אלמנטור בוורדפרס.
Custom CSS
כאשר אנחנו מפתחים אתר חדש, יש חלקים מסוימים שאלמנטור לא מאפשרת לערוך בסרגל הצדדי, לא בגרסה האלמנטור הרגילה ולא בגרסת הפרימיום (פרו) ולכן אנחנו לפעמים נצטרך להוסיף פקודות בשפה CSS שהיא השפה שאחראית על העיצוב והנראות של האתר.
ניתן בכל מערכת וורדפרס להוסיף את ה CSS בהתאמה אישית באמצעות תבנית העיצוב (בהגדרות ההתאמה האישית של תבנית העיצוב) אך בגרסת האלמנטור פרו ניתן להוסיף את הפקודות בהגדרות נוספות של הווידג'ט או החלקה (Section) הרצויה ובכך לייצר סדר בפקודות וסביבת עבודה נוחה יותר.
לסיכום
ישנם יתרונות משמעותיים בתוסף של אלמנטור לעומת תוספים אחרים.
היתרון הבולט של אלמנטור פרו (פרימיום) הוא שהוא מצמצם שימוש בתוספים נוספים ומעניק לנו במסגרת תוסף אחד אפשרויות שבעבר היו קיימות במספר תוספים ובכך חוסך לנו בניצול המשאבים של הוורדפרס ומרכז את כל האפשרויות תחת קורת גג אחת.
אין ספק שאלמנטור פרו הוא התוסף הטוב ביותר מבין כל התוספים המתחרים ולפי דעתי התוסף הזה עוד עתיד לגדול ולהתפתח רבות.
כותב המאמר: אורן רוזנבאום
מאמרים קשורים: