אלמנטור פרו הוא אחד הכלים הפופולריים ביותר לבניית אתרי וורדפרס בזכות העורך הוויזואלי הידידותי שלו. במדריך זה נלמד אותך כיצד להשתמש בעורך הוויזואלי של אלמנטור פרו כדי ליצור ולעצב עמודים מרשימים באתר שלך. נסקור את כל התכונות החשובות והשלבים השונים באופן מפורט כדי שתוכל להתחיל לבנות אתרים מרהיבים.
שלב 1: התקנת אלמנטור ואלמנטור פרו
1.1 התקנת אלמנטור הבסיסי
1. התחבר ללוח הבקרה של וורדפרס.
2. לך ל"תוספים" > "הוסף חדש".
3. בשדה החיפוש, הקלד "Elementor".
4. לחץ על "התקן עכשיו" ולאחר מכן על "הפעל".
1.2 רכישת והתקנת אלמנטור פרו
1. גש לאתר הרשמי של אלמנטור (https://elementor.com).
2. בחר בתוכנית המתאימה ורכוש את התוסף.
3. הורד את קובץ ה-ZIP של אלמנטור פרו.
4. חזור ללוח הבקרה של וורדפרס, לך ל"תוספים" > "הוסף חדש" > "העלאת תוסף".
5. בחר את קובץ ה-ZIP והתקן אותו.
6. הפעל את התוסף וחבר את הרישיון שלך על ידי כניסה לחשבון אלמנטור שלך מתוך וורדפרס.
שלב 2: יצירת עמוד חדש עם אלמנטור
2.1 יצירת עמוד חדש
1. לך ל"עמודים" > "הוסף חדש".
2. תן שם לעמוד ולחץ על "ערוך עם אלמנטור".
2.2 ממשק העורך של אלמנטור
כשאתה נכנס לעורך של אלמנטור, תראה שני אזורים עיקריים:
אזור העריכה המרכזי: האזור שבו תוכל לראות את העמוד שלך ולעבוד עליו.
פאנל הווידג'טים (בצד שמאל או ימין, תלוי בשפה שהוגדרה עבור ממשק הוורדפרס): פאנל הכולל את כל הווידג'טים, ההגדרות והאפשרויות לעריכה.
שלב 3: היכרות עם ווידג'טים
3.1 גרירת ווידג'טים
כדי להוסיף ווידג'ט לעמוד:
1. גרור את הווידג'ט הרצוי מהפאנל השמאלי לאזור העריכה המרכזי.
2. התאם את המיקום על ידי גרירת הווידג'ט למקום הרצוי.
3.2 סוגי ווידג'טים
אלמנטור פרו מציע מגוון רחב של ווידג'טים, כולל:
– כותרות וטקסטים
– תמונות ווידאו
– כפתורים
– טבלאות מחירים
– טפסים
– ווידג'טים חברתיים
שלב 4: עריכת ווידג'טים
4.1 אפשרויות עריכה
כאשר תקליק על ווידג'ט שהוספת, תראה שלוש לשוניות עיקריות בפאנל השמאלי:
תוכן: הגדרות תוכן הווידג'ט (טקסט, תמונה, וידאו וכו').
סגנון: התאמת הסגנון (צבעים, גופנים, גבולות וכו').
מתקדם: הגדרות מתקדמות (מרווחים, שוליים, אנימציות וכו').
4.2 עריכת תוכן
1. עבור ללשונית "תוכן".
2. עדכן את התוכן בהתאם לצורך. לדוגמה, אם מדובר בווידג'ט טקסט, תוכל לערוך את הטקסט ישירות מהפאנל השמאלי.
4.3 עריכת סגנון
1. עבור ללשונית "סגנון".
2. עדכן את הגדרות הסגנון בהתאם לצורך, כמו צבעי טקסט ורקע, גודל גופן, גובה שורות ועוד.
4.4 הגדרות מתקדמות
1. עבור ללשונית "מתקדם".
2. התאם מרווחים ושוליים, הוסף אנימציות ואפקטים מיוחדים, הגדר תגובות למובייל ועוד.
שלב 5: שימוש בתבניות ומקטעים
5.1 תבניות מוכנות
אלמנטור פרו מציע תבניות עיצוב מוכנות שניתן להשתמש בהן:
1. לחץ על סמל התיקיה במרכז העורך.
2. בחר תבנית מהרשימה ולחץ על "הכנס".
3. התאם את התבנית לפי הצורך בעזרת פאנל העריכה.
5.2 מקטעים מוכנים
בנוסף לתבניות שלמות, ניתן להשתמש במקטעים מוכנים:
1. לחץ על סמל התיקיה ובחר "Blocks".
2. בחר מקטע מתאים והכנס אותו לעמוד.
3. התאם את המקטע לפי הצורך בעזרת פאנל העריכה.
שלב 6: התאמה אישית של עמודים
6.1 יצירת פריסות מורכבות
אלמנטור מאפשר יצירת פריסות מורכבות באמצעות רשתות עמודות ושורות:
1. הוסף מקטע חדש על ידי לחיצה על סמל הפלוס באזור העריכה המרכזי.
2. בחר את מספר העמודות הרצוי.
3. גרור ווידג'טים לתוך העמודות ושורות.
6.2 התאמה למובייל
ודא שהעמודים שלך רספונסיביים ומתאימים לשימוש במכשירים ניידים:
1. לחץ על סמל המסך (Desktop, Tablet, Mobile) בתחתית העורך.
2. עבור לתצוגת הטאבלט או המובייל.
3. התאם את הגדרות הווידג'טים והסגנון לפי הצורך כדי להבטיח תאימות לכל המכשירים.
שלב 7: הוספת אנימציות ואפקטים
7.1 הוספת אנימציות
אלמנטור פרו מאפשר הוספת אנימציות לווידג'טים ולעמודים:
1. עבור ללשונית "מתקדם" בפאנל העריכה.
2. בחר "Motion Effects".
3. התאם את הגדרות האנימציה כמו כניסה, יציאה, תזוזה ועוד.
7.2 הוספת אפקטים מיוחדים
ניתן להוסיף אפקטים כמו תנועה בפרלקס, אנימציות עכבר ועוד:
1. עבור ללשונית "מתקדם" > "Motion Effects".
2. הפעל את האפקט הרצוי והתאם את ההגדרות.
שלב 8: שמירה ופרסום
8.1 שמירת עמוד כטיוטה
כדי לשמור את העמוד כטיוטה:
1. לחץ על החץ לצד כפתור השמירה בפינה התחתונה.
2. בחר "Save Draft".
8.2 פרסום העמוד
כדי לפרסם את העמוד:
1. לחץ על כפתור "Publish" בפינה התחתונה.
2. אשר את הפרסום כאשר תתבקש לכך.
לסיכום, במדריך זה למדנו כיצד להשתמש בעורך הוויזואלי של אלמנטור פרו כדי ליצור ולעצב עמודים מרשימים באתר וורדפרס. משלב ההתקנה ועד לשימוש בווידג'טים, תבניות, מקטעים, התאמות למובייל והוספת אנימציות ואפקטים – כל הכלים עומדים לרשותך לבניית אתר מרהיב ומקצועי.
