המעבר לערכת עיצוב מבוססת בלוקים ב-WordPress מציע גישה מודרנית וידידותית לעיצוב אתרים. במדריך זה נלמד מדוע ערכות עיצוב מבוססות בלוקים הן מועילות, ואילו צעדים יש לנקוט כדי להבטיח מעבר חלק מתבנית קלאסית.
במדריך הזה
יש לך שאלה?
להיעזר בסייען הבינה המלאכותיתערכות עיצוב מבוססות בלוקים, שהושקו ב-WordPress 5.9, מציעות שדרוג משמעותי לחוויית ערכת העיצוב הקלאסית. תבניות בלוקים מבטלות את הצורך בקוד מותאם אישית, בהעסקת מפתחים או בחיפוש אחר ערכות עיצוב חדשות כדי להתאים להעדפות העיצוב שלך. ערכות עיצוב מבוססות בלוקים מפשטות את התהליך והופכות שינויים בעיצוב לנגישים לכולם דרך העורך של WordPress.
לפני מעבר מערכת עיצוב קלאסית לערכת עיצוב מבוססת בלוקים, יש להבין מה השינויים שיתבצעו. הסגנון והפריסה של האתר שלך ישתנו, אך תוכן העמודים והפוסטים שלך לא ישתנה.
יש לנו כמה כלים הזמינים עבורך לבדיקת ערכת העיצוב החדשה שלך לפני שינוי האתר החי שלך:
- ניסוי והתאמה אישית: אפשר להציג תצוגה מקדימה של ערכת עיצוב ולבצע התאמות אישיות לפני הפעלת ערכת העיצוב באתר.
- יצירת אתר משוכפל: תוכניות אחסון מתאימות כוללות את היכולת ליצור עותק משוכפל מדויק של האתר הפעיל.
תהליך העריכה שלך ישתנה, לכן מומלץ להקדיש זמן ללמידה כיצד לערוך את ערכת העיצוב והתוכן שלך לפני המעבר לערכת עיצוב מבוססת בלוקים באתר החי.
בעת ביצוע שינויים בתבנית קלאסית, יש להשתמש בכלי ההתאמה האישית. בכלי ההתאמה האישית קיים אוסף מראש של התאמות אישיות בהתאם לערכת העיצוב שבחרת. עם ערכות עיצוב מבוססות בלוקים, העיצוב קורה בעורך האתרים הגמיש יותר.עורך האתר מספק שליטה מלאה על האופן שבו ערכת העיצוב תציג את התוכן שלך, והוא אינו תלוי בערכת עיצוב מסוימת.
בנוסף, בערכות קלאסיות, התוכן שלך יעודכן באמצעות העורך הקלאסי. העורך הקלאסי היה שדה טקסט פשוט שאליו הזנת את תוכן העמוד/הפוסט. ערכות עיצוב מבוססות בלוקים משתמשות בעורך של WordPress. כלומר, אפשר להוסיף כל מיני אלמנטים של תוכן ופריסה לעמוד או לפוסט.
לפני המעבר לערכת עיצוב חדשה, ייתכן שתרצה להגדיר את נראות האתר שלך כפרטי או כבקרוב, כדי שיהיה לך זמן לבדוק את העיצוב החדש ולבצע שינויים נדרשים לפני שהמבקרים יראו אותו. אפשר ללמוד כיצד לשנות את הגדרות הפרטיות של האתר שלך.
לבסוף, יש לציין את השם של ערכת העיצוב הנוכחית שלך, ולציין אם ערכת העיצוב הוצאה משימוש. אם ערכת העיצוב הנוכחית שלך לא הוצאה משימוש, ניתן לחזור לתבנית הקלאסית אם אתה צריך יותר זמן למעבר לערכת עיצוב מבוססת בלוקים. ערכות עיצוב שהוצאו משימוש יכולות להישאר פעילות באתר שלך, אבל אי אפשר לחזור לערכת עיצוב שהוצאה משימוש אם עוברים לערכת עיצוב אחרת.
אם תוכנית האחסון של האתר שלך כוללת גיבוייםשל האתר, תהיה לך אפשרות לשחזר גיבוי של האתר שלך מהרגע שלפני שינוי ערכת העיצוב.
כעת, לאחר שבדקת את האתר שלך עם ערכת עיצוב מבוססת בלוקים, הגיע הזמן לשנות את ערכת העיצוב באתר החי שלך:
- יש לעבור אל לוח הבקרה של האתר.
- יש לעבור אל מראה ← ערכות עיצוב.
- יש לחפש את ערכת העיצוב שבחרת.
- יש ללחוץ על התמונה הממוזערת של ערכת העיצוב וללחוץ על הכפתור "הפעלה".
אם תרצה, תוכל להציג תצוגה מקדימה של ערכת העיצוב ולבצע התאמות אישיות לפני הפעלתה. לאחר שביצעת את כל ההתאות האישיות לערכת העיצוב, ניתן להפעיל את ערכת העיצוב.
אם בדקת את ערכת העיצוב שלך באמצעות אתר משוכפל, אפשר להעביר את השינויים האלה לאתר הפעיל על ידי סנכרון בין האתר המשוכפל לסביבת ההפקה.
לאחר המעבר לערכת עיצוב מבוססת בלוקים, השלבים הבאים יסייעו להבטיח מעבר חלק ולהשתמש באופן מלא בתכונות של ערכת העיצוב החדשה שלך.
לאחר המעבר לערכת עיצוב מבוססת בלוקים, אופן העריכה של עמוד הבית ישתנה. אלו מספר שינויים עיקריים שכדאי לזכור:
- אפשר להשתמש בעורך האתר כדי לעצב את התוכן של עמוד הבית.
- אם ערכת העיצוב הקלאסית שלך השתמשה בעמוד בית סטטי, העמוד יועבר למקטע "טיוטות" של עמודים בלוח הבקרה של האתר שלך. אפשר להעתיק את התוכן שנדרש לך מהטיוטה לתבנית עמוד הבית החדשה בעורך האתר.
- אם ערכת העיצוב הקלאסית שלך מציגה את הפוסטים האחרונים שלך בעמוד הבית, אפשר להוסיף בלוק 'לולאת שאילתה'לתבנית עמוד הבית או ליצור עמוד נפרד לפוסטיםבבלוג.
בעוד שהתפריטים הקיימים אמורים לעבור בצורה אוטומטית לערכת העיצוב החדשה, ייתכן שתרצה להתאים אישית את העיצוב והפריסה של התפריט שלך. זהו זמן מצוין להכיר איך אפשר להתאים אישית את התפריט של האתר שלך באמצעות ערכת עיצוב מבוססת בלוקים.
לא יהיה עוד צורך להשתמש ב"כלי ההתאמה האישית" או להפריד את המקטע "תפריטים" במראה כדי לערוך את תפריטי האתר. במקום זאת, עריכת הניווט שלך תתבצע דרך עורך האתר.
ערכות עיצוב מבוססות בלוקים משתמשות בתבניות הניתנות להתאמה אישית מלאה עבור סוגי עמודים שונים (עמוד הבית, עמודים, פוסטים וכדומה). יש לך שליטה מלאה על המקומות שבהם מופיעים רכיבים בתבנית ועל הריווח והשוליים סביב כל רכיב.
- קיים מידע נוסף על עריכת תבניות.
- אפשר ללמוד איך להתאים האישית את סגנונות ערכת העיצוב, כולל גופנים וצבעים.
- אפשר ללמוד איך לכוונן את המרווח בין בלוקים.
- אפשר לעיין בכל המדריכים לעריכת ערכת העיצוב והתבניות שלך בעורך האתר.
כדאי לבדוק את האתר שלך במספר מכשירים ודפדפנים כדי לוודא שהכול עובד בצורה תקינה, כולל:
- וידג'טים: כשמשתמשים בווידג'טים באתר, יש לוודא שהם הומרו לבלוקים כדי להציג את התוכן הרצוי.
- תוספים: אם האתר שלך משתמש בתוספים, יש לבדוק ולוודא שהתוסף עדיין פועל. הסרת תוספים שאינם נחוצים לך עוד.
אם הגדרת את האתר שלך למצב פרטי באופן זמני, חשוב לזכור להגדיר אותו שוב כציבורי. זהו גם זמן מצוין לעדכן את המנויים שלך ואת העוקבים שלך ברשתות החברתיות לגבי העיצוב מחדש של האתר.
מאחר שערכות עיצוב מבוססות בלוקים כבר לא משתמשות בכלי ההתאמה האישית, הנה רשימה שימושית של פונקציות בסיסיות של עריכת ערכות עיצוב שקיימת בערכת עיצוב מבוססות בלוקים:
| כלי התאמה אישית | עורך האתר |
|---|---|
| זהות האתר (כותרת ותיאור קצר) | הגדרות ← כללי (כותרת ותיאור) |
| צבעים ורקעים | מראה ← 'עורך' ← סגנונות |
| גופנים | מראה ← 'עורך' ← סגנונות |
| תמונה ראשית | מראה ← עורך ← תבניות |
| תפריטים | מראה ← עורך ← תפריטים |
| וידג'טים | מראה ← עורך (וידג'טים הוחלפו בבלוקים) |
| הגדרות עמוד הבית | הגדרות ← קריאה |
| CSS נוסף | מראה ← עורך ← סגנונות |