Mögliche Werte einer theme.json-Datei

Gerade bin ich beim Schreiben meines Buches und beim Thema theme.json-Datei angekommen. Mich selbst hat es immer interessiert, welche Schlüssel-Wert-Paare die Datei haben kann. PhpStorm und andere Programme kennen zwar das Schema und können entsprechende Vorschläge unterbreiten (siehe nachfolgendes Bild), mir war aber nicht klar, warum das so ist. Hier des Rätsels Lösung:

PhpStorm liest alle möglichen Schemata von der Website SchemaStore.org ein. Dort wurde auch das Schema für die theme-json-Datei hinterlegt. Somit kennt es alle möglichen Schlüssel und Werte, die es gibt.

Dennoch möchte ich eine Liste der derzeitigen Möglichkeiten aufzeigen:

Liste möglicher Werte

Stand Januar 2022.

{
  "version": 2,
  "settings": {
    "typography": {
      "fontWeight": true,
      "textTransform": true,
      "fontStyle": true,
      "customFontSize": true,
      "dropCap": true,
      "fontFamilies": [],
      "fontSizes": [],
      "letterSpacing": true,
      "lineHeight": false,
      "textDecoration": true
    },
    "color": {
      "custom": true,
      "text": true,
      "background": true,
      "customDuotone": true,
      "customGradient": true,
      "defaultGradients": true,
      "defaultPalette": true,
      "duotone": [],
      "gradients": [],
      "link": false,
      "palette": []
    },
    "border": {
      "color": false,
      "style": false,
      "radius": false,
      "width": false
    },
    "spacing": {
      "margin": false,
      "blockGap": false,
      "padding": false,
      "units": []
    },
    "blocks": {
      "core/paragraph": {
      },
      "core/separator": {
      },
      ...
    },
    "layout": {
      "contentSize": "",
      "wideSize": ""
    },
    "appearanceTools": false,
    "custom": true
  },
  "styles": {
    "blocks": {
      "core/paragraph": {
      },
      "core/separator": {
      },
      ...
    },
    "spacing": {
      "padding": {
      },
      "blockGap": "",
      "margin": {
      }
    },
    "border": {
      "width": "",
      "radius": "",
      "style": "",
      "color": ""
    },
    "color": {
      "background": "",
      "text": "",
      "gradient": ""
    },
    "typography": {
      "textDecoration": "",
      "lineHeight": "",
      "letterSpacing": "",
      "fontStyle": "",
      "textTransform": "",
      "fontWeight": "",
      "fontFamily": "",
      "fontSize": ""
    },
    "elements": {
      "link": {
      },
      "h1": {
      },
      ...
      "h6": {
      }
    }
  },
  "templateParts": [
    {
      "area": "",
      "name": "",
      "title": ""
    }
  ],
  "customTemplates": [
    {
      "title": "",
      "name": "",
      "postTypes": []
    }
  ]
}

In Zeile 46 und 63 können alle möglichen Blöcke angegeben werden (siehe unten). In Zeile 102 gibt es die Werte von h1 bis h6.

Liste derzeit möglicher Blöcke

  • core/archives
  • core/audio
  • core/block
  • core/button
  • core/buttons
  • core/calendar
  • core/categories
  • core/code
  • core/column
  • core/columns
  • core/comment-author-name
  • core/comment-author-avatar
  • core/comment-content
  • core/comment-date
  • core/comment-edit-link
  • core/comment-reply-link
  • core/comment-template
  • core/comments-query-loop
  • core/cover
  • core/embed
  • core/file
  • core/freeform
  • core/gallery
  • core/group
  • core/heading
  • core/home-link
  • core/html
  • core/image
  • core/latest-comments
  • core/latest-posts
  • core/list
  • core/loginout
  • core/media-text
  • core/missing
  • core/more
  • core/navigation
  • core/navigation-link
  • core/nextpage
  • core/page-list
  • core/paragraph
  • core/post-author
  • core/post-comments
  • core/post-comments-count
  • core/post-comments-form
  • core/post-comments-link
  • core/post-content
  • core/post-date
  • core/post-excerpt
  • core/post-featured-image
  • core/post-navigation-link
  • core/post-template
  • core/post-terms
  • core/post-title
  • core/preformatted
  • core/pullquote
  • core/query
  • core/query-pagination
  • core/query-pagination-next
  • core/query-pagination-numbers
  • core/query-pagination-previous
  • core/query-title
  • core/quote
  • core/rss
  • core/search
  • core/separator
  • core/shortcode
  • core/site-logo
  • core/site-tagline
  • core/site-title
  • core/social-link
  • core/social-links
  • core/spacer
  • core/table
  • core/table-of-contents
  • core/tag-cloud
  • core/template-part
  • core/term-description
  • core/text-columns
  • core/verse
  • core/video
  • core/widget-area
  • core/legacy-widget
  • core/widget-group