design.json: ברירות מחדל חזותיות

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

זו דוגמה קטנה ותקינה להגדרת ערכת עיצוב:

design.json

{
  "theme": {
    "presetId": "minimal",
    "overrides": {}
  }
}

הגדרות ערכת העיצוב

המאפיין theme.presetId בוחר ערכת עיצוב קיימת; בדוגמה מופיעה minimal. המאפיין theme.overrides מכיל שינויים נתמכים לערכי עיצוב. הוא אינו אובייקט CSS חופשי. התחילו מקובץ העיצוב שנוצר בפרויקט והשתמשו במפתחות ובערכים שהחוזה המותקן תומך בהם.

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

מה הקובץ אינו עושה

שינוי ערך אינו מעצב אוטומטית כל רכיב שכתבתם. הרכיבים וקובצי העיצוב צריכים להשתמש בערכי ה־SDK והערכה שעליהם הם נשענים. שמרו CSS מותאם בקובצי הקוד של האתר; אל תמציאו ב־JSON מפתחות כמו css, ‏javascript או בונה פריסות.

ה־SDK מספק לרכיבים את design. גם בקשה ב־data.json עם source: "design" יכולה לחשוף אותו תחת שם נתונים שתבחרו.

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

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