בית הספר לוורדפרס » התאמה אישית של האתר + התבנית בוורדפרס

התאמה אישית של האתר + התבנית בוורדפרס

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

Video

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

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

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

יש לי הצעה מעניית עבורך, יצרתי הדרכה מלאה של למעלה משעה וחצי שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.

תוכן השיעור:

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

מהי התאמה אישית לאתר/תבנית

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

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

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

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

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

הגדרת לוגו וכותרת האתר + אייקון (Favicon)

על מנת שנוכל להגדיר את האייקון של האתר, את הכותרת ואת האייקון (Favicon) שזה הסמל שמופיע ליד שם האתר בדפדפן נוכל ללחוץ על הכפתור של “התאמה אישית” בתפריט העליון ולאחר מכן נבחר באפשרות של (Header Builder).

לאחר מכן נוכל לבחור את האפשרות של Site Title ושם להגדיר את תמונות הלוגו, שם האתר ותיאור האתר וגם Site Icon.

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

הגדרות צבעים וטיפוגרפיה לאתר

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

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

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

נוכל בצורה דומה גם לשנות את הרקע של התוכן על ידי שינוי הצבע של Content Background.

הגדרות תבנית ומתיחת התוכן על כל הרוחב

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

על מנת לבצע שינויים להגדרות התבנית עלינו להיכנס אל האזור של “התאמה אישית” ושם לבחור באפשרות של “סרגל צד”.

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

    הפתעות במחיר מנצח

    עוד לא צפיתם בהדרכה? זה בחינם!

    יש לי הצעה מעניינת יצרתי הדרכה מלאה של למעלה משעתיים שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.

    קורסים מובילים

    וורדפרס Beginner

    וורדפרס Beginner

    הקורס המושלם ללימוד העולם של בניית אתרים (מותאם למתחילים ללא ידע)

    • קורס וורדפרס Beginner קורס בניית אתרים למתחילים
    • קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ’ק ליסט + התנהלות עם לקוחות
    • בונוס 1: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
    • בונוס 2: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
    • בונוס 3: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
    • בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
    • בונוס 5: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
    • 303 שיעורים למתחילים
    • תמיכה לשאלות בעמודי השיעורים לשנה
    • גישה לקבוצת הפייסבוק
    • גישה לכל החיים
    • תעודה הכשרה בסיום הקורס (קובץ PDF)
    • גישה לעדכונים ושיעורים חדשים
    • 100% החזר כספי ל-30 ימים
    למידע נוסף
    וורדפרס Next Level

    וורדפרס Next Level

    הקורס המושלם לבוני אתרים מנוסים שרוצים להרחיב את הידע ולעלות רמה

    • קורס וורדפרס Next Level בניית אתרים למתקדמים
    • קורס וורדפרס SEO התאמת אתרים לגוגל
    • קורס: אלמנטור Ninja הקורס שיהפוך אותך לנינג’ה באלמנטור
    • קורס: אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה
    • קורס וורדפרס Rocket שיפור מהירות לאתר
    • קורס וורדפרס Security חיזוק אבטחה לאתר
    • קורס וורדפרס Global בניית אתר דו לשוניים בכל השפות
    • בונוס 1: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
    • בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
    • בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
    • בונוס 4: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
    • בונוס 5: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
    • 387 שיעורים למתקדמים
    • תמיכה לשנה לשאלות בעמודי השיעורים
    • גישה לקבוצת הפייסבוק של הקורס
    • גישה לכל החיים
    • תעודה הכשרה בסיום הקורס (קובץ PDF)
    • גישה לעדכונים ושיעורים חדשים
    • 100% החזר כספי ל-30 ימים
    למידע נוסף
    וורדפרס Expert

    באנדל וורדפרס Expert

    באנדל עם הקורס למתחילים + הקורס למתקדמים במחיר משתלם במיוחד

    • קורס וורדפרס Beginner קורס בניית אתרים למתחילים
    • קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ’ק ליסט + התנהלות עם לקוחות
    • קורס בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
    • קורס וורדפרס Next Level בניית אתרים למתקדמים
    • קורס וורדפרס SEO התאמת אתרים לגוגל
    • קורס: אלמנטור Ninja הקורס שיהפוך אותך לנינג’ה באלמנטור
    • קורס: אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה
    • קורס וורדפרס Rocket שיפור מהירות לאתר
    • קורס וורדפרס Security חיזוק אבטחה לאתר
    • קורס וורדפרס Global בניית אתר דו לשוניים בכל השפות
    • בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
    • בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
    • בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
    • בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
    • בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
    • בונוס 6: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
    • 587 שיעורים למתחילים + למתקדמים
    • תמיכה לשאלות בעמודי השיעורים לשנה
    • גישה לקבוצת הפייסבוק
    • גישה לכל החיים
    • תעודה הכשרה בסיום הקורס (קובץ PDF)
    • גישה לעדכונים ושיעורים חדשים
    • 100% החזר כספי ל-30 ימים
    למידע נוסף

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

    יוחאי ירמיהו

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

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

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

    4 שאלות

    1. אביב גורליק
      אביב גורליק

      1. אצלי לא מופיע סרגל צד, גם אם אני לוחץ על האפשרויות של סרגל ימני, שמאלי.
      ומהתחלה לא היה לי סרגל בצד
      2. אצלי השמות של העריכה באנגלית ולא כמו בסרטון בעברית, ושם אין אפשרות לבחור שיופיע הלוגו במקום השם של האתר.
      יש לי אפשרות שרשום ” Inline Logo & Site Title ” ואם אני לוחץ עליה השם במקום להופיע בצד של הלוגו מופיע מתחת ללוגו ולא מעלים אותו לגמרה

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

        היי אביב,

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

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

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

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

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

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

        1. אביב גורליק
          אביב גורליק

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

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

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

            בתוך האפשרות של Site Title & Logo שים לב שיש לך שם את הטקסט של Site Title Visibility.
            יש לך שם 3 אפשרויות תצוגה. מחשב, טאבלט ונייד.

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

            הסתרת כותרת האתר מהלוגו בתבנית אסטרה

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

            הוספת סרגל צד לתבנית Astra

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

    כלי נגישות