קורס וורדפרס שיעור 5: יצירת דף ראשי עם אלמנטור – עיצוב עמוד הבית

קורס וורדפרס - שיעור 5

ברוכים הבאים לשיעור שבו האתר שלכם מתחיל לקבל חיים

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

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

קורס וורדפרס

מה כולל עמוד בית טוב?

דף הבית צריך לתת למבקר תמונה מהירה של:

  • מי אתם

  • מה אתם מציעים

  • למה כדאי לבחור בכם

  • איך אפשר ליצור קשר (או להתחיל תהליך רכישה)

מבנה נפוץ ומומלץ:

  1. הירו (Hero Section) – תמונה/וידאו גדול עם כותרת בולטת וקריאה לפעולה.

  2. אודות קצר – מי אתם ולמה אפשר לסמוך עליכם.

  3. שירותים / יתרונות – מה אתם מציעים ולמה זה מיוחד.

  4. המלצות / לקוחות – הוכחה חברתית שמחזקת את האמון.

  5. צור קשר / CTA ברור – טופס קצר, כפתור או כל דבר שיקדם פעולה.

שלב אחרי שלב: איך יוצרים את עמוד הבית עם אלמנטור?

שלב 1: יצירת עמוד חדש

  • גשו ללוח הבקרה של וורדפרס > עמודים > עמוד חדש.

  • תנו שם לעמוד: לדוגמה “דף הבית”.

  • מצד ימין – בחרו תבנית: אלמנטור רוחב מלא.

  • פרסמו את העמוד.

שלב 2: קבעו את העמוד כעמוד הבית באתר

  • לוח בקרה > הגדרות > קריאה.

  • "הצג עמוד הבית" > בחרו "עמוד סטטי".

  • תחת “עמוד הבית” – בחרו את הדף שזה עתה יצרתם.

שלב 3: עריכה באלמנטור – מתחילים לעצב

לחצו על ערוך עם אלמנטור.

עכשיו תעברו למצב עבודה – ממש כמו מעצב גרפי:
שני אזורים – מצד אחד ווידג'טים (אלמנטים), מצד שני הדף החי.

שלב אחרי שלב: איך יוצרים את עמוד הבית עם אלמנטור?

אזור 1 – Hero Section (כותרת מרכזית)

  • צרו Section חדש.

  • הוסיפו כותרת גדולה: "ברוכים הבאים לאתר שלי!"

  • תת-כותרת עם הסבר קצר: "כאן תמצאו פתרונות עיצוב מותאמים אישית"

  • כפתור בולט: "בואו נתחיל"

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

אזור 2 – מי אתם (אודות קצר)

  • צרו Section עם 2 עמודות:

    • צד אחד תמונה שלכם/של העסק

    • צד שני טקסט קצר עם סיפור אישי או תיאור פעילות

 שמרו על טון אנושי ונעים. תנו לקורא להבין למה אתם כאן ומה מניע אתכם.

אזור 3 – מה אתם מציעים (שירותים / יתרונות)

  • אזור עם 3-4 אייקונים ושירותים קצרים:

    • עיצוב אתרים בהתאמה אישית

    • אתר שנראה מעולה גם בנייד

    • תמיכה אישית וליווי מלא

    • מחירים נגישים

💡 השתמשו באלמנט “Icon Box” של אלמנטור. זה נקי, ברור ויזואלי.

אזור 4 – המלצות מלקוחות

  • גררו כותרת: "מה לקוחות אומרים עלינו"

  • הוסיפו “Testimonials” – תיבת המלצה עם שם, תמונה וטקסט קצר

💡 אפשר להשתמש בווידג'ט של המלצות (פרו) או פשוט לבנות לבד עם טקסט ותמונה.

אזור 5 – קריאה לפעולה ברורה

  • סקשן עם צבע שונה (כדי לבלוט)

  • טקסט כמו: "רוצים להתחיל פרויקט יחד?"

  • כפתור: "דברו איתי עכשיו" או "השאירו פרטים"

💡 אל תשאירו את המשתמש תלוי באוויר – תמיד תסיימו דף בקריאה ברורה לפעולה.

בונוס: טיפים לעיצוב שמוכר

  • קונטרסט טוב: שימו לב שהטקסטים בולטים על הרקע.

  • ריווח נכון: אל תדחסו יותר מדי תוכן – תשאירו מקום לנשימה.

  • גוונים אחידים: שמרו על צבעים קבועים בהתאם למותג.

  • פונטים נוחים: לא פונט מוזר מדי. פשוט, מקצועי, ברור.

מה הלאה?

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

רוצים עמוד ראשי מטורף?

כמובן שכל האתר יגרר אחרי העמוד הראשי ויהיה מטורף אפילו עוד יותר…. אז אם כן – להקליד פרטים וללחוץ על הכפתור3>

Facebook
X
LinkedIn
WhatsApp
Email
קורס seo קידום אתרים
admin
תמונה שווה אלף מילים (וגם דירוגים): אופטימיזציית תמונות ווידאו (Image & Video SEO)

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

קרא עוד »