כיצד להשתמש בעורך של אלמנטור

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

הכרות עם העורך של אלמנטור

העורך של אלמנטור עובד באפשרות של drag and drop על החזות של הדף זאת אומרת שאתם מעצבים את הדף בזמן שאתם רואים את הדף, בעבר היה ניתן לעצב את הדף מאחורי הקלעים ואז לראות אותו לאחר ששומרים את השינויים וטוענים את הדף.

זה אחד היתרונות הגדולים של אלמנטור העורך החזותי.

איך מתחילים לערוך עם אלמנטור

ניגש לעמודים ונבחר באחד העמודים שברצוננו לערוך, במקרה שלנו זה יהיה דף הבית

תחת לשונית: עמודים > לחצו על העמוד "דף הבית"

בתפריט העליון יהיה לכם כפתור "עריכה באמצעות אלמנטור" לחצו עליו ותעבור אל העורך של אלמנטור.

כפתור ערוך באמצעות אלמנטור

כך נראה העורך של אלמנטור:

העורך של אלמנטור
  1. אלו הוידג'טים הניתנים לשימוש באלמנטור, יש הרבה מאוד תגללו למטה ותראו המון אפשרויות, כדי להשתמש בוידג'ט מסוים עליהם לגרור אותו אל האזור הרצוי.
  2. הוספת אזור – באזור ניתן להוסיף את הוידג'טים שאנו בחורים, אפשר לבחור באזור המחולק לכמה שאנו רוצים.
  3. הוספת טמפלט – כאן תמצאו טמפלטים שמורים של אלמנטור וגם את הטמלפטים שאתם הכנתם ושמרתם.
  4. הכפתור "עדכן" – לאחר שסיימתם לערוך יהיה עליכם ללחוץ על הכפתור הזה כדי לשמור את השינויים.
  5. תצוגה מקדימה בלחיצה על הכפתור הזה תוכלו לראות את הדף שעיצבתם בכרטיסיה חדשה.
  6. מצב רספונסיבי – כאן תוכלו לבחור בין התצוגות השונות: דסקטופ, טאבלט, מובייל ולשנות בהתאמה לכל תצוגה כדי שהאתר יהיה מתאים לתצוגה בכל מכשיר. (אתר רספונסיבי)
  7. היסטוריה – כדי לחזור אחורה ניתן להשתמש באפשרות זו.
    טיפ! אפשר וגם מומלץ לחזור אחורה בלחיצה על Ctrl + Z
  8. חלונית ניווט – מאפשרת לנו לשחק בין האזורים והוידג'טים השונים
  9. הגדרות – זה הכפתור של הגדרות הדף בדרך כל, מתאים למתקדמים.
  10. אלמנטים – כאן חוזרים אל הוידג'טים
  11. הגדרות מתקדמות של אלמנטור – ניתן לערוך מכאן את סגנון התבנית בעריכה גלובלית.

אפשרות נוספות שצריך להכיר

העורך של אלמנטור
  1. עריכת הוידג'ט – בלחיצה עליו נגיע לאזור עריכה של הוידג'ט עצמו.
  2. תוכן – כאן עורכים את הפרטים והתוכן של הוידג'ט עצמו.
  3. סגנון – זה החלק העיצובי של הוידג'ט כגון להחליף צבעים לעשות מסגרת ועוד.
  4. מתקדם – כאן יש אפשרויות נוספות שכדאי להכיר אבל זה מתאים לשלב מתקדם.
  5. עריכת עמודה – זה החלק שעורך את העמודה עצמה.
  6. עריכת אזור – זה החלק שעורך את כל האזור.
  7. הוספת אזור.
  8. מחק אזור – זה מוחק את האזור וכל מה שבתוכו.

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

לאחר שסיימתם לשחק עם העורך, תמחקו את הכל ותגיעו שוב לשלב הבא עם דף ריק.

הצעד הראשון לעיצוב באלמנטור

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

הוסיפו את הוידג'טים הבאים:

העורך של אלמנטור
  1. הוסיפו את הוידג'ט 'כותרת'
  2. הוסיפו את הוידג'ט 'עורך טקסט'
  3. הוסיפו את הוידג'ט 'כפתור'

לאחר שהוספתם את הוידג'טים האלו לחצו על הכפתור "עדכן" ולאחר שהדף עודכן לחצו על התפריט למעלה מימין (3 פסים).

ותגיעו אל האזור שבו עורכים את התבנית.

לחצו על הכפתור העליון "הגדרות אתר" כדי לערוך גלובלית את האתר.

עיצוב גלובלי באלמנטור
  1. לחצו על "צבעים גלובליים" והגדירו את הצבעים שבחרתם לאתר.
  2. לחצו על "פונטים גלובליים" והגדירו את הפונטים שלכם, ניתן להגדיר פונט לכותרות ופונט לתוכן.
  3. לחצו על "טיפוגרפיה" כדי להגדיר בצורה יותר מפורטת את הפונטים באתר.
  4. לחצו על "כפתורים" והגדירו את העיצוב של הכפתורים בכל האתר.
  5. לחצו על "רקע" והגדירו את הצבעים של הרקע בכל האתר, ניתן להוסיף גם תמונה לרקע.
  6. לחצו על "פריסה" והגדירו את מבנה הפריסה של האתר.
  7. לחצו על הכפתור "עדכן" כדי לשמור את השינויים, וחזרו לעורך הרגיל.

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

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

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

תגיעו לפרק הבא רעננים כי הוא הרבה יותר מתקדם ממה שאתם למדתם עד עכשיו.


עבור לפרק הבא במדריך – עיצוב התבנית באמצעות אלמנטור

אהבתם? שתפו עם חברים
Facebook
Twitter
LinkedIn
Email
WhatsApp
כתיבת תגובה

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

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

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

מימון בדוש