מחולל theme.json ל-WordPress

בנו קובץ theme.json תקין — וראו איזה חצי ממנו באמת משנה את האתר.

רץ בדפדפן שלכם. שום דבר לא מועלה.

פריסה

contentSize הוא רוחב העמודה שבברירת מחדל, ו-wideSize הוא הרוחב שבלוק מקבל כשמגדירים אותו כ״רוחב רחב״.

רוחב התוכן (px) רוחב רחב (px)

לוח צבעים

אלה הופכים למאפייני CSS מותאמים אישית ומופיעים בכל בורר צבעים בעורך.

ניגודיות (טקסט)

בסיס (רקע)

הדגשה (קישורים)

אפשרויות

טיפוגרפיה נוזליתמפיק גדלי גופן עם clamp() שמשתנים בהדרגה עם רוחב המסך במקום לקפוץ בנקודות שבירה. appearanceToolsמפעיל בשורה אחת את פקדי המסגרת, הריווח, הטיפוגרפיה והצבע, במקום להפעיל כל אחד מהם ידנית. החילו גם את stylesמוסיף בלוק styles כדי שלוח הצבעים יוצג בפועל בחזית האתר. בלעדיו הצבעים רק מוצעים בעורך. סולם ריווחמייצר ערכת ריווח מוגדרת מראש בת 7 שלבים, כך שלפקדי הריפוד והשוליים יהיו ערכים הגיוניים.

settings מול styles

theme.json

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

אודות מחולל theme.json ל-WordPress

מחולל theme.json ל-WordPress שמפיק קובץ תקין בגרסה 3: רוחבי פריסה, לוח צבעים, טיפוגרפיה נוזלית וסולם ריווח. הוא גם מבהיר את ההבחנה שמבלבלת את כולם — settings מציע ערכים לעורך, styles מחיל אותם בחזית האתר, ולוח צבעים לבדו לא משנה דבר עד שמשהו עושה בו שימוש.

קשור

כלים נוספים שאולי תצטרכו

מעבדת גדלי תמונות ל-WordPress

גררו תמונה פנימה. ראו כל עותק ש-WordPress ייצור ממנה.