מדריכים/ערכות עיצוב/מעבר מערכת עיצוב קלאסית לערכת עיצוב מבוססת בלוקים

מעבר מערכת עיצוב קלאסית לערכת עיצוב מבוססת בלוקים

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

למה לעבור לערכת עיצוב מבוססת בלוקים?

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

לפני החלפת ערכות עיצוב

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

בדיקת ערכת עיצוב חדשה


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

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

היכרות עם עורך הבלוקים

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

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

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

הכנת האתר שלך

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

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

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

איך מחליפים ערכות עיצוב

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

  1. יש לעבור אל לוח הבקרה של האתר.
  2. יש לעבור אל מראה ← ערכות עיצוב.
  3. יש לחפש את ערכת העיצוב שבחרת.
  4. יש ללחוץ על התמונה הממוזערת של ערכת העיצוב וללחוץ על הכפתור "הפעלה". 

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

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

לאחר המעבר לערכת עיצוב מבוססת בלוקים

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

בדיקת עמוד הבית

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

בדיקת התפריטים שלך

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

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

התאמה אישית של עיצוב האתר

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

בדיקת הפונקציונליות של האתר שלך

כדאי לבדוק את האתר שלך במספר מכשירים ודפדפנים כדי לוודא שהכול עובד בצורה תקינה, כולל:

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

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

היכן למצוא הגדרות של כלי ההתאמה האישית בערכת עיצוב מבוססת בלוקים

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

כלי התאמה אישיתעורך האתר
זהות האתר (כותרת ותיאור קצר)הגדרות ← כללי (כותרת ותיאור)
צבעים ורקעיםמראה ← 'עורך' ← סגנונות
גופניםמראה ← 'עורך' ← סגנונות
תמונה ראשיתמראה ← עורך ← תבניות
תפריטיםמראה ← עורך ← תפריטים
וידג'טיםמראה ← עורך (וידג'טים הוחלפו בבלוקים)
הגדרות עמוד הביתהגדרות ← קריאה
CSS נוסףמראה ← עורך ← סגנונות
Copied to clipboard!