בית הספר לוורדפרס » הגדרות מתקדמות לווידג'טים – הוספת Class ומרווחים

הגדרות מתקדמות לווידג'טים – הוספת Class ומרווחים

נכתב ע"י יוחאי ירמיהו6 שאלות

Video

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

אורך השיעור: 7:05 דקות

קורסים המכילים את השיעור וידאו:

תוכן השיעור:

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

הגדרות מתקדמות לאזורים באלמנטור

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

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

שוליים חיצוניים – המרחק שיהיה בין האזור הקיים לאזור שנמצא מתחתיו ומעליו. המרחק הזה הוא מרחק חיצוני ולא פנימי.

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

CSS ID – מאפשר להגדיר ID לאזור עריכה באתר. משמש בעיקר למי שמשתמש בעריכת קוד ורוצה לבצע שינויים לאזור מסוים באתר באמצעות קוד CSS מותאם.

CSS Classes – מאפשר להגדיר Class לאזור עריכה באתר. משמש בעיקר למי שמשתמש בעריכת קוד ורוצה לבצע שינויים לאזור מסוים באתר באמצעות קוד CSS מותאם.

הצטרפו לקהילות המובילות של בוני האתרים בישראל

זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:

קורסים מקיפים ומומלצים ללימוד בניית אתרים

לבנות אתר ב-10 ימים

קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.

  • לבנות אתר ב-10 ימים 56 שיעורים שילמדו אותך הכל על בניית אתרים
  • בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
  • בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
  • בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
  • בונוס 4: אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
  • בונוס 5: קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
  • בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
  • בונוס 7: יצירה וניהול של רשימות תפוצה ברב מסר איך ליצור סדרות מיילים ואוטומציות שיכניסו כסף על אוטומט
  • תמיכה לשנה לשאלות בעמודי השיעורים
  • גישה לקבוצת הפייסבוק
  • גישה לכל החיים
  • תעודה הכשרה בסיום הלימודים (קובץ PDF)
  • גישה לעדכונים ושיעורים חדשים
  • 100% החזר כספי ל-14 ימים

הטבה שאסור לפספס 60% הנחה

מחיר רגיל 750 ש"ח

299 ₪

ניתן לחלק ל-12 תשלומים של 25 ₪

למידע נוסף

רכשו את הקורס 1092 סטודנטים לפניך (-:

מסלול וורדפרס Expert

למעלה מ-10 קורסים מלאים ומעל 700 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.
  • בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
  • וורדפרס Beginner לימוד בניית אתרים למתחילים – (2,250 ₪)
  • וורדפרס Tool Kit הצעת מחיר + אפיון + צ'ק ליסט + התנהלות עם לקוחות
  • וורדפרס Next Level מחיר 2,500 ₪
  • וורדפרס SEO התאמת אתרים לגוגל – (750 ₪)
  • : אלמנטור Ninja הקורס שיהפוך אותך לנינג'ה באלמנטור – (999 ₪)
  • אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה – (550 ₪)
  • וורדפרס Rocket שיפור מהירות לאתר – (999 ₪)
  • וורדפרס Security חיזוק אבטחה לאתר – (750 ₪)
  • וורדפרס Global בניית אתרים דו לשוניים בכל השפות – (750 ₪)
  • בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
  • בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
  • בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
  • בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
  • בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
  • בונוס 6: Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
  • בונוס 7: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
  • בונוס 8: אופטימיזציה לתמונות איך להעלות תמונות שיעזרו לאתר להתקדם בגוגל
  • בונוס 9: יסודות העיצוב לבוני אתרים כל מה שצריך לדעת כדי לעצב את האתר המושלם
  • בונוס 10: זכויות יוצרים בדיגיטל איך להימנע מתביעה משפטית כאשר בונים אתר
  • בונוס 11: 20 אלף בחודש מבניית אתרים איך למצוא לקוחות ולייצר הכנסה מבניית אתרים
  • בונוס 12: משיחת מכירה לכסף בחשבון איך לשפר את התהליך מכירה ולסגור יותר עסקאות
  • בונוס 13: התנהלות עם לקוחות + ניהול פרויקטים איך מתנהל פרויקט בניית אתרים כולל תחזוקה לאתר
  • בונוס 14: יצירה וניהול של רשימות תפוצה ברב מסר איך ליצור סדרות מיילים ואוטומציות שיכניסו כסף על אוטומט
  • בונוס 15: קידום אתרים ל-AI איך להופיע ולקבל כניסות מכל כלי ה-AI השונים
  • 779 שיעורים למתחילים + למתקדמים
  • תמיכה לשנה לשאלות בעמודי השיעורים
  • גישה לקבוצת הפייסבוק של הקורס
  • גישה לכל החיים
  • תעודה הכשרה בסיום הקורס (קובץ PDF)
  • גישה לעדכונים ושיעורים חדשים
  • 100% החזר כספי ל-14 ימים

הטבה שאסור לפספס 40% הנחה

מחיר רגיל 5,999 ש"ח

3,499 ₪

ניתן לחלק ל-12 תשלומים של 292 ₪

למידע נוסף

רכשו את הקורס 771 סטודנטים לפניך (-:

אם אהבתם את השיעור ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:

יוחאי ירמיהו

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

שאלות ותשובות לשיעור

שאלות ותשובות

6 שאלות

  1. שאדי חמוד
    שאדי חמוד

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

    1. יוחאי ירמיהו
      יוחאי ירמיהו

      היי, עשית שינוי CSS וראית את השינויים בעמוד לאחר הוספת הקוד והוא לא נשמר?

      אם לא ראית את השינויים אז אולי הקוד CSS שכתבת נכתב בצורה לא נכונה.

      אם ראית את השינויים והם לא נשמרו אז תנסה אולי פעם נוספת לעשות את זה ותראה האם זה עובד הפעם (יכול להיות שהבעיה הגיעה מהשמירה של הנתונים).

      1. שאדי חמוד
        שאדי חמוד

        עשיתי שינוי. וראיתי את השינוי. אבל לא נשמר .
        איך שומרים?
        ובוא זמנית אני רוצה לשאול אותך לגבי עיצוב האתר וייבוא הקוד דרך Canva מה יש לך לומר על זה?

        1. יוחאי ירמיהו
          יוחאי ירמיהו

          באופן רגיל אם אתה מוסיף קוד CSS רגיל לעמוד ושומר זה אמור לעבוד. אם שמרת יותר מפעם אחת וב-2 הפעמים זה לא עבד אז זה תלוי בקוד.

          תנסה לשמור קוד CSS אחר ותראה אם הוא עובד ובמידה ולא אולי תנסה לפנות לתמיכה של אלמנטור (הקוד CSS שאתה מוסיף לעמוד משפיע רק על העמוד ולא על כל האתר).

          לגבי Canva אני פחות משתמש בכלי הזה אז אני לא מכיר את האפשרויות ייצוא אבל זאת יכולה להיות אופציה טובה להוספת תמונות לאתר או תמונות רקע.

  2. שאדי חמוד
    שאדי חמוד

    האם ניתן להגדיר שם לקלאס מסוים ולהעניק לו עיצוב מותאם אישית באמצעות **Custom CSS** באלמנטור?
    למשל, בסרטון נתת לפסקה שם `second-line` וערכת אותה דרך קובץ CSS חיצוני. האם ניתן לבצע את אותה הפעולה ישירות בתוך אלמנטור באמצעות **Custom CSS**?

    1. יוחאי ירמיהו
      יוחאי ירמיהו

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

      כאן יש את השיעורים הרלוונטיים שמסבירים איך זה עובד וגם איך ליצור CSS עם AI:
      https://wp-school.co.il/ai-css-intro/
      https://wp-school.co.il/ai-css-embed-on-site/
      https://wp-school.co.il/ai-css-changes/

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

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