עיצוב אתר למראה מקצועי לא מתאים לכל אחד, במיוחד מכיוון שכולנו הרגשנו שאתה צריך להיות קודן ומעצב אתרים מקצועי. כיום אנו רואים כלים חדשים המתהווים עבור המערכת האקולוגית של וורדפרס, במטרה לספק פיתרון קל יותר לעיצוב אתר וזה בהישג ידם של המתחילים ביותר.
לגבי העיצוב של פריסות וורדפרס, כבר היינו צריכים להגיש את התוסף מלחין חזותי, שהוא בהחלט אחד הכלים הטובים ביותר בכל הנוגע לעיצוב פריסה. עם זאת יש לציין כי פתרון זה אינו מתאים לכל אחד. זו הסיבה שבמדריך זה נציג בפניכם יותר את התוסף וורדפרס אלמנטור, שהוא א התוסף וורדפרס freemium (חינם, אך ניתן להרחבה תחת מנוי).
איפה ניתן להשיג Elementor עבור WordPress
אנו שוקלים ברצינות לגרום לך לראות את פוטנציאל התוסף, והפתרון החינמי יעזור לך להתחיל בלי לשלם אגורה. פתרון זה בחינם זמין באתר WordPress.org. להיות התוסף וורדפרס, האחרון מותקן כמו כל אחד אחר פלאגין מלוח המחוונים.
אם התוסף יצליח לספק אתכם לחלוטין, תוכלו לקבל את הרישיון המלא עם כל הפונקציונליות באתר. אלמנטור רשמי.
המאפיינים העיקריים של Elementor
לפני תחילת ההדרכה עם סקירה כללית של התוסף, נציג בפניכם תחילה את התכונות העיקריות של התוסף (גרסה חינמית וגרסה מלאה).
| גרסת החינם | גרסה מלאה |
|---|---|
| עמודות מרובות | תפריט ניווט, מאמר |
| מודולים טקסטים, כותרות | מודול WooCommerce (מוצרים, קטגוריות) |
| מודולי וידאו, תמונה, קרוסלה, גלריות, Soundcloud | שילוב פייסבוק (עמוד, כפתור, הערות) |
| שיתוף מודול | מחירים בטבלה |
| מודול HTML | תיק, טופס |
| מודול עבור יישומון WordPress | מודול חיפוש |
שים לב שזו רשימה קצת ממצה של התכונות השונות שמציע התוסף. תוכלו למצוא פרטים נוספים ב לחקור את אתר האינטרנט שלהם.
התחל לעבוד עם אלמנטור
אנחנו לא הולכים לכסות כאן את כל תהליך ההתקנה. מכיוון שמדובר בתוסף וורדפרס, הוסבר הליך ההתקנה ב מדריך קודם. עם זאת, לאחר ההתקנה, תועבר לדף הבית של התוסף.
אם יש לך דף זה על המסך שלך, אז התקנת בהצלחה את תוסף אלמנטור. אנו משתמשים כעת בגרסה המלאה עבור הדרכה זו, אך הממשק לא אמור להיות שונה מדי מהגרסה החינמית.
לפני שנכנס לממשק העריכה, אזמין אותך לרשום את הרישיון שלך. זה תקף רק למי שבחר בגרסה המלאה. אם יש לך את הגרסה החינמית, תוכל לעבור לסעיף הבא. כדי לרשום את הרישיון שלך, תבחין בהודעה בוורדפרס שתבקש ממך לרשום את הרישיון שלך.
אתה רק צריך ללחוץ עליו כדי לעבור לדף ההרשמה וללחוץ על הפעל.
אתה בדרך כלל צריך את דף האישור שלך אם הרישיון שלך תקף.
אם אינך מגיע לדף זה, אני מזמין אותך ליצור קשר עם מפתחי התוסף לקבלת מידע נוסף סיוע בבעיה.
כיצד להשתמש באלמנט
אלמנטור עובד על דפים ופוסטים על וורדפרס. בין אם אתה משתמש בממשק הקלאסי או בממשק גוטנברג החדש, תראה כפתור שינחה אותך להשתמש בבונה Elementor.
בפועל, לא תמיד תצטרך לערוך את ההודעות שלך באמצעות Elementor. לכן אני מזמין אותך להשתמש בתוסף רק בדפים. בלחיצה על הכפתור תיכנסו לממשק העיצוב Elementor המעניק אווירה של דז'ה וו (למי שמשתמש בהתאמה אישית של WordPress).
אז יש לך בצד שמאל את הפקדים השונים שמציע התוסף ובצד ימין יש לך תצוגה מקדימה חיה של השינויים שלך. במדריך זה אנו משתמשים בנושא עשרים ושש עשרה וורדפרס.
קטעי אלמנטור
קטעים ב-Elementor הם קבוצות של בלוקים של פונקציונליות ש-Elementor מציעה. מספר הסעיפים תלוי אם אתה משתמש בגרסה המלאה ואם אתה משתמש WooCommerce, Yoast SEO או תוספים תואמים אחרים. בהתאם לתנאים האלה, יהיו לך יותר או פחות חלקים בממשק שלך. מכיוון שאנו משתמשים בגרסה המלאה עם התוסף WooCommerce מופעל, כך נראה הממשק שלנו.
כיצד למקם בלוק אלמנטור
לאחר שתרחיב קטע, תמצא את בלוקי Elementor. גושי Elementor השונים ממוקמים על ידי "Drag & Drop" על האזור המודגש בקווים מנוקדים.
כיצד לבחור פריסה על אלמנט
לפני הוספת חסימה ב- Elementor, עליך לזכור לבחור פריסה על ידי לחיצה על כפתור "+" בחלק המואר.
בהתאם לצרכים שלך, תבחר את הפריסה המתאימה לך ביותר. לאחר שבחרת פריסה, מודגשת ייצוג של אותו קטע באותו אזור. חלק זה יציג את אותו מספר עמודות המתאים לבחירתך. במקרה שלי בחרתי טור עם 3 עמודות.
הבלוקים השונים עם סימן "+" בפנים, הם האזורים שיכולים לקבל בלוקים של Elementor. אם תוסיף בלוק של Elementor מבלי לבחור תחילה פריסה, פריסת העמודות הבודדות תיבחר כברירת מחדל.
ניתן לסדר מחדש את קטעי Elementor בינם לבין עצמם, על פי אותו עקרון "גרור ושחרר". אתה יכול גם למחוק קטע אם אינך מעוניין עוד להשתמש בו.
הנה דוגמה למקטע המכיל 2 בלוקים כלומר גוש הכותרת וגוש הטקסט.
כיצד להשתמש בכלי עיצוב אחרים
לאחר שתסיים את העיצוב שלך, אחד הדברים שתרצה לעשות הוא לשמור את העבודה שלך. תמצא אפשרות זו בתחתית החלק המציג את החלקים השונים של Elementor.
אתה יכול לבחור לשמור ישירות (פרסם), ולשמור כטיוטה או כתבנית. נחקור את הנקודות השונות הללו בהמשך.
במהלך העיצוב שלך, ייתכן שתרצה גם להציג תצוגה מקדימה של השינויים ללא הממשק הנוסף של Elementor. כל שעליכם לעשות הוא ללחוץ על סמל העין.
זה קורה שבמהלך התכנון, מתרחשת שגיאה (פעולה לא רצונית). במקרה זה, Elementor מציע היסטוריה, המאפשרת לך לנווט בין כל הפעולות שלך.
זה יאפשר לך לחזור בקלות.
האפשרות "דפדפן", המגיעה ממש לפני כפתור ההיסטוריה, מאפשרת לשנות עוד את החלקים השונים ביחס לדפדפן בו משתמשים המבקרים. אפשרות זו מעניקה לך גישה לשינוי מתקדם של מבני החלקים (רוחב העמודה). אתה צריך לעשות כאן שינויים בזהירות רבה.
כפתור "הגדרות" מאפשר לך לשנות אפשרויות מסוימות הספציפיות לדף כגון הכותרת, התמונה המוצגת או הסטטוס בין היתר.
זהו עבור הדרכה זו, אנו נחקור את Elementor יותר במדריך הבא שלנו. אל תהססו להעיף מבט ב אתר רשמי אשר מציע דוגמאות מוצלחות הרבה יותר.
