התאמה אישית ב-Astra – עדכון 12-2-2023
נכתב ע"י יוחאי ירמיהו8 שאלות
תיאור קצר לשיעור: בשיעור הזה נדבר על האפשרויות של ההתאמה האישית של תבנית אסטרה לאחר העדכון של התבנית לגרסה 4.
אורך השיעור: 8:17 דקות
קורסים המכילים את השיעור וידאו:
איך לבנות אתר בחינם בשעה וחצי?
תוכן השיעור:
בשיעור של היום אנחנו הולכים ללמוד איך להשתמש באזור של התאמה אישית על מנת להגדיר את כל הפרטים החשובים של האתר מתוך אזור הניהול של וורדפרס המתבסס על האפשרויות של התבנית עיצוב.
מהי התאמה אישית לאתר/תבנית
בעבר הרחוק ברגע שהיינו בונים אתר במרבית המקרים היינו יכולים להגדיר את רוב האלמנטים של האתר דרך תבנית העיצוב ומשם היו נטענים הנתונים לתוך העיצוב של האתר עצמו.
באחת מהגרסאות של וורדפרס הם התחילו להשיק את היכולת להגדיר אלמנטים חשובים באתר מתוך וורדפרס עצמו ולאפשר לתבנית העיצוב לטעון את הנתונים מתוך וורדפרס וכך גם לאפשר לתוספים אחרים להשתמש במידע הזה.
לצורך הדוגמא בעבר היינו צריכים להגדיר את הלוגו של האתר מתוך תבנית העיצוב אבל היום ניתן לבצע את ההגדרה של לוגו האתר ואלמנטים נוספים מתוך אזור ההתאמה האישית של וורדפרס.
חשוב לציין שהחלק של התאמה אישית לא תמיד ייתמך בכל תבניות העיצוב ואם נראה שזה לא עובד נמצא את הדרך הנכונה להגדיר את האלמנטים שאנחנו רוצים מתוך אזור העריכה של התבנית עצמה.
דרך אגב בחלק מהתבניות יש לנו את האפשרות לבצע את השינויים בתבנית על ידי כניסה לאזור של עיצוב בתפריט הימני באזור הניהול של וורדפרס ושם בדרך כלל יתווסף לנו עמוד שדרכו נוכל לבצע את השינויים.
הגדרת לוגו וכותרת האתר + אייקון (Favicon)
על מנת שנוכל להגדיר את האייקון של האתר, את הכותרת ואת האייקון (Favicon) שזה הסמל שמופיע ליד שם האתר בדפדפן נוכל ללחוץ על הכפתור של “התאמה אישית” בתפריט העליון ולאחר מכן נבחר באפשרות של (Header Builder).
לאחר מכן נוכל לבחור את האפשרות של Site Title ושם להגדיר את תמונות הלוגו, שם האתר ותיאור האתר וגם Site Icon.
בנוסף תהיה לנו את האפשרות גם לבדוק איך הלוגו מוצג גם כאשר אנחנו מקטינים את גודל המסך לגודל של טלפון נייד. לאחר ביצוע השינויים נלחץ על הכפתור של “פרסום” על מנת לשמור את השינויים שכרגע ביצענו.
הגדרות צבעים וטיפוגרפיה לאתר
באפשרות של התאמת תבנית יש לנו אפשרות לשנות גם את הצבעים של האתר ואת הפונטים שאנחנו משתמשים בהם על מנת לטעון את הטקסט בתוך האתר.
על מנת לעשות זאת ניתן להיכנס לאפשרות של גלובלי ושם לשחק עם ההגדרות עד שאנחנו מרוצים מהתוצאה. לצורך הדוגמא בשביל לשנות את צבע הרקע של האתר נוכל להיכנס אל גלובלי ולבחור באפשרות של צבעים.
לאחר מכן תחת האפשרות של Site Background נשנה את הצבע רקע לצבע אחר שאנחנו מעוניינים בו ונוכל לראות איך זה משפיע על הצבע רקע של העמוד באתר.
נוכל בצורה דומה גם לשנות את הרקע של התוכן על ידי שינוי הצבע של Content Background.
הגדרות תבנית ומתיחת התוכן על כל הרוחב
בעת ההתקנה של תבנית אסטרה בדרך כלל התוכן של העמוד לא יכסה את כל הרוחב שלו ונוכל לתקן את זה על ידי ההגדרות של התבנית ביחד עם שינויים של דברים נוספים.
על מנת לבצע שינויים להגדרות התבנית עלינו להיכנס אל האזור של “התאמה אישית” ושם לבחור באפשרות של “סרגל צד”.
תחת הכותרת של “פריסת ברירת המחדל” נבחר את האפשרות של “ללא סרגל צד” וזה יאפשר לנו לראות את התוכן ברוחב העמוד המלא במידה ואנחנו לא משתמשים בתפריט צדדי.
הצטרפו לקהילות המובילות של בוני האתרים בישראל
זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:
מתחילים בקטן - קורסים לבוני אתרים בפחות מ-99 ₪
-
קורס: וורדפרס Tool Kit
69.00 ₪ -
20 אלף בחודש מבניית אתרים
69.00 ₪ -
בניית אתרים על AI – בינה מלאכותית – (הקורס עדיין לא מוכן)
99.00 ₪ -
זכויות יוצרים בדיגיטל
69.00 ₪ -
יסודות העיצוב לבוני אתרים
69.00 ₪ -
קורס קלאודוויז + קורס קלאודפלייר + פתיחת מייל עסקי בחינם
29.00 ₪ -
אפיון ראשוני ומחקר מילות מפתח
29.00 ₪ -
התקנת וורדפרס על המחשב
29.00 ₪
עוד לא צפיתם בהדרכה? זה בחינם!
יש לי הצעה מעניינת יצרתי הדרכה מלאה של למעלה משעתיים שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.
קורסים מקיפים ומומלצים ללימוד בניית אתרים
לבנות אתר ב-10 ימים
קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.
- קורס לבנות אתר ב-10 ימים 52 שיעורים שילמדו אותך הכל על בניית אתרים
- בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
- בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
- בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
- בונוס 4: קורס אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
- בונוס 5: קורס קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
- בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק של הקורס
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-30 ימים
רכשו את הקורס 522 סטודנטים לפניך (-:
מסלול וורדפרס Expert
למעלה מ-10 קורסים מלאים ומעל 600 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.
- קורס וורדפרס Beginner קורס בניית אתרים למתחילים
- קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ’ק ליסט + התנהלות עם לקוחות
- קורס בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
- קורס וורדפרס Next Level בניית אתרים למתקדמים
- קורס וורדפרס SEO התאמת אתרים לגוגל
- קורס: אלמנטור Ninja הקורס שיהפוך אותך לנינג’ה באלמנטור
- קורס: אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה
- קורס וורדפרס Rocket שיפור מהירות לאתר
- קורס וורדפרס Security חיזוק אבטחה לאתר
- קורס וורדפרס Global בניית אתר דו לשוניים בכל השפות
- בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
- בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
- בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
- בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
- בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
- בונוס 6: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
- בונוס 7: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- בונוס 8: אופטימיזציה לתמונות איך להעלות תמונות שיעזרו לאתר להתקדם בגוגל
- בונוס 9: יסודות העיצוב לבוני אתרים כל מה שצריך לדעת כדי לעצב את האתר המושלם
- 666 שיעורים למתחילים + למתקדמים
- תמיכה לשאלות בעמודי השיעורים לשנה
- גישה לקבוצת הפייסבוק
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-30 ימים
רכשו את הקורס 456 סטודנטים לפניך (-:
אם אהבתם את השיעור ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
עוסק בתחום של פיתוח אתרים ועיצוב גרפי למעלה מ-15 שנה. נינג’ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.
שאלות ותשובות לשיעור
8 שאלות
באסה, היכולת לשאול שאלות בשיעור פתוחה רק למשתמשים שרכשו את הקורס
שלום יוחאי,
בתצוגת הראשונית של האתר עם תבנית הבת של אסטרה (וזה גם היה לי בתבנית המקורית) מופיע לי בראש העמוד בגדול התמונה הסגולה של אסטרה. כיצד אני מעלים אותה?
אני שואל כי במראה הראשוני יחד עם הלוגו זה ממש לא מסתדר.
היי ניר, אתה מתכוון שביחד עם הלוגו מופיעה לך תמונה נוספת שאתה לא יכול לשנות?
אני לא כל כך בטוח על מה מדובר. אם אתה יכול תעלה צילום מסך לכאן ותשתף את הקישור:
https://imgbb.com/
היי יוחאי,
העליתי תמונת מסך. הנה הקישור:
היי ניר,
יצרת את העיצוב הזה באמצעות תבנית מוכנה או שזאת התקנה נקייה של האתר?
זה נראה כאילו עשית שימוש בתבנית מוכנה וברגע שאתה עושה את זה אז היכולת לשנות את העיצוב תלויה בתבנית ובאופן שבו בחרת אותה וזה יכול להשתנות מתבנית אחת לאחרת אז קשה לי לענות לך על זה.
אם אתה עדיין בשלב התחלתי ולא בנית אזורים באתר אז יכול להיות רעיון טוב להתחיל מההתחלה ולהתעלם מהשיעור של השעתיים שמלמד לבנות אתר מתבנית מוכנה.
בנתיים אתה עדיין נמצא בשלב יחסית בסיסי של בניית האתר אבל בהמשך הקורס (בשלב יותר מתקדם) יש מודול שנקרא “שימוש בבונה התבנית של אלמנטור” ושם אנחנו לומדים איך לעקוף את העיצוב באמצעות אלמנטור ואז התבנית תהיה פחות רלוונטית.
ובלי קשר לנושא של התבנית שים לב שהלוגו שלך הוא עם רקע לבן. כשאתה מעלה לוגו לאתר עדיף שהוא יהיה עם רקע שקוף כדי שהוא יוכל להשתלב ברגע של האתר.
היי,
נראה לי שאולי גיששתי קצת ולחצתי על ” התאמה אישית” ומאז נתקע לי הרקע הסגול הזה.
למה בדיוק אתה מתכוון ב”להתחיל מההתחלה”? כיצד אני יכול להתחיל מהתחלה ומה עלי לעשות? אתה מתכוון להסרה של WP?
ניסיתי בעבר להסיר את התבנית, לבחור אחרת ושוב להתקין את אסטרה, אך תמיד היא עלתה כך.
נראה לי נכוןן לעקוב אחר השיעורים שלך ולבצע את השלבים בתאימות למה שאתה מציג, לצערי כרגע זה קצת תוקע.
לגבי הלוגו, תודה על ההמלצה. אברר איך לעשות רקע שקוף.
היי ניר,
כן אני התכוונתי להסרה של ההתקנה והתקנה מחדש עם בסיס נתונים אחר.
ברגע שאתה מסיר את ההתקנה של התבנית אז ההגדרות והעמודים עדיין נשארים ובגלל זה אם אתה מסיר את התבנית ומחזיר אותה אתה בדרך כלל תהיה באותו מצב.
אם אתה רוצה לנסות ולהמשיך לשחק עם זה אז הרעיון של ללכת לאזור של “התאמה אישית” זה רעיון טוב ולראות אם יש לך שם אפשרות לשחק עם ההגדרות השונות שיכולות להשפיע על הרקע.
מעבר להתאמה אישית כל עיצוב של התבנית באסטרה עשוי להיות בנוי בצורה שונה במיוחד אם אתה השתמשת בעיצוב של תבנית מוכנה.
אבל בדרך כלל אם זה לא בנוי באמצעות אלמנטור PRO אז החלק העליון יהיה בנוי באמצעות ווידג’טים או באמצעות תוסף של אלמנטור שנקרא Elementor Header & Footer Builder.
בנוגע לווידג’טים אז אתה יכול לראות קצת יותר מידע עליהם בקורס למתחילים “מודול 10 – עבודה עם ווידג’טים בוורדפרס”.
ואם האזור העליון נוצר עם תוסף שנקרא Elementor Header & Footer Builder אז יהיה לך בתפריט הימני בתוך אזור הניהול כפתור של “עיצוב” ותחת הכפתור של עיצוב תהיה האפשרות של “Elementor Header & Footer Builder” ושם אפשר לשחק עם העיצוב.
אז אם אני הייתי צריך לשחק עם זה הייתי בודק את שלושת האפשרויות האלו. התאמה אישית, ווידג’טים או התוסף Elementor Header & Footer Builder. רוב הסיכויים שהשינוי לחלק העליון מגיע מאחת משלושת האפשרויות הזאת.
היי יוחאי,
הסרתי את ההתקנה של האתר ב- CPanel והתקנתי מחדש.
אני שוב רואה (בניגוד למה שיש אצלך בסרטון) שקיימת תמונה של אסטרה מייד כאשר אני לוחץ על “התאמה אישית”. אני חושש מלהכניס את הלוגו בגלל שנראה לי שברגע שאכניס אותו ואלחץ על “פרסום”, זה ישמור לי את השינויים עם תמונת הרקע של אסטרה ושוב אני אחזור לאותו מצב.
נכון לעכשיו כשלא בצעתי שינויים עדיין עם הלוגו, הרקע באתר הוא כן לבן. אך ברגע שנכנסים ל”התאמה אישית” מייד התמונה של אסטרה מופיעה (צרפתי תמונה).
היי ניר, בשעה טובה הצלחתי לשחזר את הבעיה שאתה נתקל בה (-:
אני חושב שהתפספס לך מודול שלם שבו הסברתי איך להגדיר כל מיני הגדרות באתר ואיך ליצור את העמודים הראשוניים (שזה חלק חשוב בתהליך של בניית אתר).
יצרתי שיעור נוסף שמסביר איך לפתור את הבעיה ובעתיד תשתדל לצפות בשיעורים שבקורס לפי הסדר כי חלק מהשיעורים יעזרו להימנע מבעיות מהסוג הזה בעתיד:
https://wp-school.co.il/astra-design-change-problem/