domma-cms 0.55.1 → 0.69.3

package/plugins/blog/blocks/blog-card-compact.css

@@ -0,0 +1,17 @@
+display: grid;
+grid-template-columns: 7.5rem 1fr auto auto;
+align-items: baseline;
+gap: 1rem;
+padding: .6rem .25rem;
+border-bottom: 1px solid var(--dm-border, rgba(127,127,127,.2));
+&:hover { background: rgba(127,127,127,.06); }
+.bk-date { font-variant-numeric: tabular-nums; color: var(--dm-text-muted); font-size: .85rem; }
+.bk-title { font-weight: 600; color: inherit; text-decoration: none; min-width: 0; }
+.bk-title:hover { color: var(--dm-primary); }
+.bk-cats { display: inline-flex; gap: .3rem; }
+.bk-time { font-size: .8rem; color: var(--dm-text-muted); white-space: nowrap; }
+@media (max-width: 640px) {
+  grid-template-columns: 1fr auto;
+  .bk-date { grid-column: 1 / -1; }
+  .bk-cats { display: none; }
+}

package/plugins/blog/blocks/blog-card-compact.html

@@ -0,0 +1,8 @@
+<!--
+  blog-card-compact - a title and a date on one line (the Compact display).
+  Same placeholders as blog-card.
+-->
+<time class="bk-date" datetime="{{publishedAt}}">{{publishedAt:DD MMM YYYY}}</time>
+<a class="bk-title" href="{{url}}">{{title}}</a>
+<span class="bk-cats">{{{categories}}}</span>
+<span class="bk-time">{{readingTime}}</span>

package/plugins/blog/blocks/blog-card-row.css

@@ -0,0 +1,22 @@
+display: grid;
+grid-template-columns: minmax(0, 15rem) 1fr;
+gap: 1.25rem;
+align-items: start;
+padding: 1.1rem 0;
+border-bottom: 1px solid var(--dm-border, rgba(127,127,127,.25));
+&:has(.br-media.no-image) { grid-template-columns: 1fr; }
+.br-media { display: block; aspect-ratio: 4 / 3; border-radius: var(--dm-radius-md, 8px); overflow: hidden; }
+.br-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
+&:hover .br-media img { transform: scale(1.04); }
+.br-media.no-image { display: none; }
+.br-body { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
+.br-meta { margin: 0; font-size: .8rem; color: var(--dm-text-muted); text-transform: uppercase; letter-spacing: .04em; }
+.br-title { margin: 0; font-size: 1.35rem; line-height: 1.25; }
+.br-title a { color: inherit; text-decoration: none; }
+.br-title a:hover { color: var(--dm-primary); }
+.br-excerpt { margin: 0; color: var(--dm-text-muted); line-height: 1.6; }
+.br-excerpt:empty { display: none; }
+.br-foot { display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; font-size: .85rem; }
+.br-cats { display: inline-flex; gap: .35rem; flex-wrap: wrap; }
+.br-author { color: var(--dm-text-muted); }
+@media (max-width: 640px) { grid-template-columns: 1fr; }

package/plugins/blog/blocks/blog-card-row.html

@@ -0,0 +1,11 @@
+<!--
+  blog-card-row - one post per row, picture beside the text (the List display).
+  Same placeholders as blog-card.
+-->
+<a class="br-media {{imageClass}}" href="{{url}}" tabindex="-1" aria-hidden="true">{{{image}}}</a>
+<div class="br-body">
+  <p class="br-meta"><time datetime="{{publishedAt}}">{{publishedAt:D MMMM YYYY}}</time> · {{readingTime}}</p>
+  <h2 class="br-title"><a href="{{url}}">{{title}}</a></h2>
+  <p class="br-excerpt">{{excerpt}}</p>
+  <div class="br-foot"><span class="br-cats">{{{categories}}}</span><a class="br-author" href="{{authorUrl}}">{{authorName}}</a></div>
+</div>

package/plugins/blog/blocks/blog-card.css

@@ -0,0 +1,35 @@
+display: flex;
+flex-direction: column;
+border: 1px solid var(--dm-border, rgba(127,127,127,.25));
+border-radius: var(--dm-radius-lg, 12px);
+overflow: hidden;
+background: var(--dm-surface, transparent);
+transition: transform .15s ease, box-shadow .15s ease;
+&:hover { transform: translateY(-2px); box-shadow: var(--dm-shadow-md, 0 10px 28px rgba(0,0,0,.12)); }
+.bc-media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: rgba(127,127,127,.08); }
+.bc-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
+&:hover .bc-media img { transform: scale(1.04); }
+.bc-media.no-image { display: none; }
+.bc-body { flex: 1; display: flex; flex-direction: column; gap: .45rem; padding: 1rem 1.1rem 1.1rem; }
+.bc-kicker { display: flex; flex-wrap: wrap; gap: .35rem; }
+.bc-kicker:empty { display: none; }
+.bc-title { margin: 0; font-size: 1.15rem; line-height: 1.3; }
+.bc-title a { color: inherit; text-decoration: none; }
+.bc-title a:hover { color: var(--dm-primary); }
+.bc-excerpt { margin: 0; color: var(--dm-text-muted); font-size: .93rem; line-height: 1.55;
+  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
+.bc-excerpt:empty { display: none; }
+.bc-meta { margin: auto 0 0; padding-top: .35rem; font-size: .8rem; color: var(--dm-text-muted); }
+.bc-meta a { color: inherit; }
+/* Magazine: the first post leads, across the whole grid. */
+&.is-lead { grid-column: 1 / -1; flex-direction: row; }
+&.is-lead .bc-media { flex: 0 0 58%; aspect-ratio: auto; min-height: 320px; }
+&.is-lead .bc-body { justify-content: center; padding: 1.75rem; }
+&.is-lead .bc-title { font-size: 1.85rem; }
+&.is-lead .bc-excerpt { font-size: 1.05rem; -webkit-line-clamp: 5; }
+&.is-lead .bc-meta { margin-top: .5rem; }
+@media (max-width: 760px) {
+  &.is-lead { flex-direction: column; }
+  &.is-lead .bc-media { min-height: 0; aspect-ratio: 16 / 9; }
+  &.is-lead .bc-title { font-size: 1.4rem; }
+}

package/plugins/blog/blocks/blog-card.html

@@ -0,0 +1,16 @@
+<!--
+  blog-card - one post in a Blog listing (the Cards and Magazine displays).
+  Edit it here to restyle every card; copy it as blog-card-<name> to add a display.
+
+  {{title}} {{url}} {{excerpt}} {{authorName}} {{authorUrl}} {{readingTime}} {{date}}
+  {{publishedAt:D MMM YYYY}}  any date format
+  {{imageUrl}} {{imageClass}} (has-image | no-image) {{category}} (the first one)
+  {{{image}}} {{{categories}}} {{{tags}}}  ready-made markup
+-->
+<a class="bc-media {{imageClass}}" href="{{url}}" tabindex="-1" aria-hidden="true">{{{image}}}</a>
+<div class="bc-body">
+  <div class="bc-kicker">{{{categories}}}</div>
+  <h2 class="bc-title"><a href="{{url}}">{{title}}</a></h2>
+  <p class="bc-excerpt">{{excerpt}}</p>
+  <p class="bc-meta"><a href="{{authorUrl}}">{{authorName}}</a> · <time datetime="{{publishedAt}}">{{publishedAt:D MMM YYYY}}</time> · {{readingTime}}</p>
+</div>

package/plugins/blog/blocks/blog-post-classic.css

@@ -0,0 +1,15 @@
+.pc { max-width: 46rem; margin: 0 auto; }
+.pc-head { text-align: center; margin: 1rem 0 1.75rem; }
+.pc-kicker { display: flex; justify-content: center; gap: .4rem; flex-wrap: wrap; margin-bottom: .75rem; }
+.pc-title { font-size: clamp(2rem, 4.5vw, 2.9rem); line-height: 1.12; margin: 0 0 .75rem; letter-spacing: -.015em; }
+.pc-standfirst { font-size: 1.2rem; color: var(--dm-text-muted); margin: 0 auto .9rem; max-width: 38rem; line-height: 1.5; }
+.pc-standfirst:empty { display: none; }
+.pc-meta { color: var(--dm-text-muted); font-size: .9rem; margin: 0; }
+.pc-meta a { color: inherit; font-weight: 600; }
+.pc-figure { margin: 0 -2rem 2rem; border-radius: var(--dm-radius-lg, 12px); overflow: hidden; }
+.pc-figure img { width: 100%; display: block; }
+.pc-figure.no-image { display: none; }
+.pc-foot { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
+  margin: 2.5rem 0 0; padding-top: 1.25rem; border-top: 1px solid var(--dm-border, rgba(127,127,127,.25)); }
+.pc-tags { display: flex; gap: .4rem; flex-wrap: wrap; }
+@media (max-width: 900px) { .pc-figure { margin-left: 0; margin-right: 0; } }

package/plugins/blog/blocks/blog-post-classic.html

@@ -0,0 +1,28 @@
+<!--
+  blog-post-classic - title, image, then the story in one centred column.
+  Edit it to restyle every post that uses Classic; copy it as blog-post-<name>
+  to add a layout authors can choose.
+
+  {{title}} {{excerpt}} {{url}} {{authorName}} {{authorUrl}} {{readingTime}} {{date}}
+  {{publishedAt:D MMMM YYYY}}  any date format
+  {{imageUrl}} {{imageClass}} (has-image | no-image)
+  Ready-made markup: {{{content}}} {{{image}}} {{{categories}}} {{{tags}}} {{{toc}}}
+  {{{share}}} {{{prevNext}}} {{{related}}} {{{comments}}}
+-->
+<article class="pc">
+  <header class="pc-head">
+    <div class="pc-kicker">{{{categories}}}</div>
+    <h1 class="pc-title">{{title}}</h1>
+    <p class="pc-standfirst">{{excerpt}}</p>
+    <p class="pc-meta">By <a href="{{authorUrl}}">{{authorName}}</a> · <time datetime="{{publishedAt}}">{{publishedAt:D MMMM YYYY}}</time> · {{readingTime}}</p>
+  </header>
+  <figure class="pc-figure {{imageClass}}">{{{image}}}</figure>
+  <div class="pc-body blog-content">{{{content}}}</div>
+  <footer class="pc-foot">
+    <div class="pc-tags">{{{tags}}}</div>
+    {{{share}}}
+  </footer>
+  {{{prevNext}}}
+  {{{related}}}
+  {{{comments}}}
+</article>

package/plugins/blog/blocks/blog-post-feature.css

@@ -0,0 +1,20 @@
+.pf-hero { position: relative; min-height: min(72vh, 40rem); display: flex; align-items: flex-end;
+  margin: 0 calc(50% - 50vw) 2.5rem; padding: 0 calc(50vw - 50%);
+  background: var(--pf-image) center / cover no-repeat, var(--dm-primary, #334155); color: #fff; }
+.pf-hero.no-image { min-height: 22rem;
+  background: linear-gradient(135deg, var(--dm-primary, #334155), color-mix(in srgb, var(--dm-primary, #334155) 55%, #000)); }
+.pf-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0,0,0,.72) 100%); }
+.pf-hero-inner { position: relative; width: 100%; max-width: 52rem; margin: 0 auto; padding: 3rem 1.25rem 2.5rem; }
+.pf-kicker { display: flex; gap: .4rem; flex-wrap: wrap; margin-bottom: .9rem; }
+.pf-kicker .blog-chip { background: rgba(255,255,255,.18); color: #fff; border-color: rgba(255,255,255,.35); }
+.pf-title { font-size: clamp(2.2rem, 5.5vw, 3.8rem); line-height: 1.05; margin: 0 0 .9rem; color: #fff; letter-spacing: -.02em;
+  text-shadow: 0 2px 18px rgba(0,0,0,.35); }
+.pf-standfirst { font-size: 1.25rem; line-height: 1.5; margin: 0 0 1rem; max-width: 40rem; opacity: .92; }
+.pf-standfirst:empty { display: none; }
+.pf-meta { margin: 0; font-size: .92rem; opacity: .85; }
+.pf-meta a { color: inherit; font-weight: 600; }
+.pf-wrap { max-width: 44rem; margin: 0 auto; }
+.pf-body > p:first-of-type::first-letter { float: left; font-size: 3.6em; line-height: .85; padding: .08em .12em 0 0; font-weight: 700; color: var(--dm-primary); }
+.pf-foot { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
+  margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--dm-border, rgba(127,127,127,.25)); }
+.pf-tags { display: flex; gap: .4rem; flex-wrap: wrap; }

package/plugins/blog/blocks/blog-post-feature.html

@@ -0,0 +1,30 @@
+<!--
+  blog-post-feature - a full-width hero image with the title over it.
+  Without a featured image the hero falls back to the theme's primary colour.
+
+  {{title}} {{excerpt}} {{url}} {{authorName}} {{authorUrl}} {{readingTime}} {{date}}
+  {{publishedAt:D MMMM YYYY}}  any date format
+  {{imageUrl}} {{imageClass}} (has-image | no-image)
+  Ready-made markup: {{{content}}} {{{image}}} {{{categories}}} {{{tags}}} {{{toc}}}
+  {{{share}}} {{{prevNext}}} {{{related}}} {{{comments}}}
+-->
+<article class="pf">
+  <header class="pf-hero {{imageClass}}" style="--pf-image: url('{{imageUrl}}')">
+    <div class="pf-hero-inner">
+      <div class="pf-kicker">{{{categories}}}</div>
+      <h1 class="pf-title">{{title}}</h1>
+      <p class="pf-standfirst">{{excerpt}}</p>
+      <p class="pf-meta"><a href="{{authorUrl}}">{{authorName}}</a> · <time datetime="{{publishedAt}}">{{publishedAt:D MMMM YYYY}}</time> · {{readingTime}}</p>
+    </div>
+  </header>
+  <div class="pf-wrap">
+    <div class="pf-body blog-content">{{{content}}}</div>
+    <footer class="pf-foot">
+      <div class="pf-tags">{{{tags}}}</div>
+      {{{share}}}
+    </footer>
+    {{{prevNext}}}
+    {{{related}}}
+    {{{comments}}}
+  </div>
+</article>

package/plugins/blog/blocks/blog-post-minimal.css

@@ -0,0 +1,10 @@
+.pm { max-width: 38rem; margin: 0 auto; }
+.pm-head { margin: 2.5rem 0 2.25rem; }
+.pm-meta { margin: 0 0 .6rem; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--dm-text-muted); }
+.pm-title { font-size: clamp(1.9rem, 4vw, 2.5rem); line-height: 1.15; margin: 0 0 .6rem; font-weight: 700; }
+.pm-by { margin: 0; font-style: italic; color: var(--dm-text-muted); }
+.pm-by a { color: inherit; }
+.pm-body { font-size: 1.13rem; line-height: 1.85; }
+.pm-foot { margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid var(--dm-border, rgba(127,127,127,.25));
+  display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
+.pm-tags { display: flex; gap: .4rem; flex-wrap: wrap; }

package/plugins/blog/blocks/blog-post-minimal.html

@@ -0,0 +1,23 @@
+<!--
+  blog-post-minimal - just the words: a narrow reading column, no image.
+
+  {{title}} {{excerpt}} {{url}} {{authorName}} {{authorUrl}} {{readingTime}} {{date}}
+  {{publishedAt:D MMMM YYYY}}  any date format
+  {{imageUrl}} {{imageClass}} (has-image | no-image)
+  Ready-made markup: {{{content}}} {{{image}}} {{{categories}}} {{{tags}}} {{{toc}}}
+  {{{share}}} {{{prevNext}}} {{{related}}} {{{comments}}}
+-->
+<article class="pm">
+  <header class="pm-head">
+    <p class="pm-meta"><time datetime="{{publishedAt}}">{{publishedAt:D MMMM YYYY}}</time> · {{readingTime}}</p>
+    <h1 class="pm-title">{{title}}</h1>
+    <p class="pm-by">by <a href="{{authorUrl}}">{{authorName}}</a></p>
+  </header>
+  <div class="pm-body blog-content">{{{content}}}</div>
+  <footer class="pm-foot">
+    <div class="pm-tags">{{{categories}}}{{{tags}}}</div>
+    {{{share}}}
+  </footer>
+  {{{prevNext}}}
+  {{{comments}}}
+</article>

package/plugins/blog/blocks/blog-post-sidebar.css

@@ -0,0 +1,22 @@
+.ps-head { max-width: 50rem; margin: 1rem 0 2rem; }
+.ps-kicker { display: flex; gap: .4rem; flex-wrap: wrap; margin-bottom: .75rem; }
+.ps-title { font-size: clamp(2rem, 4.2vw, 2.8rem); line-height: 1.12; margin: 0 0 .7rem; letter-spacing: -.015em; }
+.ps-standfirst { font-size: 1.15rem; color: var(--dm-text-muted); margin: 0; line-height: 1.55; }
+.ps-standfirst:empty { display: none; }
+.ps-grid { display: grid; grid-template-columns: minmax(0, 1fr) 17rem; gap: 3rem; align-items: start; }
+.ps-figure { margin: 0 0 2rem; border-radius: var(--dm-radius-lg, 12px); overflow: hidden; }
+.ps-figure img { width: 100%; display: block; }
+.ps-figure.no-image { display: none; }
+.ps-aside { align-self: stretch; display: flex; flex-direction: column; gap: 1.25rem; }
+.ps-aside .blog-toc { position: sticky; top: calc(var(--dm-navbar-height, 64px) + 1.25rem); max-height: calc(100vh - var(--dm-navbar-height, 64px) - 2.5rem); overflow-y: auto; }
+.ps-card { padding: 1.1rem 1.2rem; border: 1px solid var(--dm-border, rgba(127,127,127,.25)); border-radius: var(--dm-radius-lg, 12px); font-size: .9rem; }
+.ps-card p { margin: 0 0 .7rem; }
+.ps-label { font-size: .72rem !important; letter-spacing: .06em; text-transform: uppercase; color: var(--dm-text-muted); margin-bottom: .15rem !important; }
+.ps-author a { font-weight: 600; color: inherit; }
+.ps-tags { display: flex; gap: .35rem; flex-wrap: wrap; margin: .25rem 0 .9rem; }
+.ps-tags:empty { display: none; }
+@media (max-width: 960px) {
+  .ps-grid { grid-template-columns: 1fr; gap: 2rem; }
+  .ps-aside { order: -1; }
+  .ps-aside .blog-toc { display: none; }
+}

package/plugins/blog/blocks/blog-post-sidebar.html

@@ -0,0 +1,36 @@
+<!--
+  blog-post-sidebar - the story beside a sticky contents list, details and share links.
+
+  {{title}} {{excerpt}} {{url}} {{authorName}} {{authorUrl}} {{readingTime}} {{date}}
+  {{publishedAt:D MMMM YYYY}}  any date format
+  {{imageUrl}} {{imageClass}} (has-image | no-image)
+  Ready-made markup: {{{content}}} {{{image}}} {{{categories}}} {{{tags}}} {{{toc}}}
+  {{{share}}} {{{prevNext}}} {{{related}}} {{{comments}}}
+-->
+<article class="ps">
+  <header class="ps-head">
+    <div class="ps-kicker">{{{categories}}}</div>
+    <h1 class="ps-title">{{title}}</h1>
+    <p class="ps-standfirst">{{excerpt}}</p>
+  </header>
+  <div class="ps-grid">
+    <div class="ps-main">
+      <figure class="ps-figure {{imageClass}}">{{{image}}}</figure>
+      <div class="ps-body blog-content">{{{content}}}</div>
+      {{{prevNext}}}
+      {{{comments}}}
+    </div>
+    <aside class="ps-aside">
+      <div class="ps-card">
+        <p class="ps-label">Written by</p>
+        <p class="ps-author"><a href="{{authorUrl}}">{{authorName}}</a></p>
+        <p class="ps-label">Published</p>
+        <p><time datetime="{{publishedAt}}">{{publishedAt:D MMMM YYYY}}</time> · {{readingTime}}</p>
+        <div class="ps-tags">{{{tags}}}</div>
+        {{{share}}}
+      </div>
+      {{{toc}}}
+    </aside>
+  </div>
+  {{{related}}}
+</article>

package/plugins/blog/collections/categories/schema.json

@@ -1,12 +1,13 @@
 {
-  "name": "blog-categories",
-  "label": "Blog Categories",
   "slug": "blog-categories",
+  "title": "Blog Categories",
+  "description": "Post categories managed by the Blog plugin.",
+  "plugin": "blog",
   "storage": { "adapter": "file" },
   "fields": [
-    { "key": "name",        "label": "Name",        "type": "text",     "required": true },
-    { "key": "slug",        "label": "Slug",        "type": "text",     "required": true },
-    { "key": "description", "label": "Description", "type": "textarea", "required": false },
-    { "key": "parentId",    "label": "Parent",      "type": "text",     "required": false }
+    { "name": "name",        "label": "Name",        "type": "text",     "required": true },
+    { "name": "slug",        "label": "Slug",        "type": "text",     "required": true },
+    { "name": "description", "label": "Description", "type": "textarea", "required": false },
+    { "name": "parentId",    "label": "Parent",      "type": "text",     "required": false }
   ]
 }

package/plugins/blog/collections/comments/schema.json

@@ -1,16 +1,17 @@
 {
-  "name": "blog-comments",
-  "label": "Blog Comments",
   "slug": "blog-comments",
+  "title": "Blog Comments",
+  "description": "Post comments managed by the Blog plugin.",
+  "plugin": "blog",
   "storage": { "adapter": "file" },
   "fields": [
-    { "key": "postId",      "label": "Post",         "type": "text",     "required": true },
-    { "key": "parentId",    "label": "Parent",       "type": "text",     "required": false },
-    { "key": "authorName",  "label": "Author Name",  "type": "text",     "required": true },
-    { "key": "authorEmail", "label": "Author Email", "type": "text",     "required": true },
-    { "key": "authorUrl",   "label": "Author URL",   "type": "text",     "required": false },
-    { "key": "body",        "label": "Body",         "type": "textarea", "required": true },
-    { "key": "status",      "label": "Status",       "type": "select",   "required": true, "options": ["pending", "approved", "rejected", "spam"] },
-    { "key": "createdAt",   "label": "Created At",   "type": "datetime", "required": false }
+    { "name": "postId",      "label": "Post",         "type": "text",     "required": true },
+    { "name": "parentId",    "label": "Parent",       "type": "text",     "required": false },
+    { "name": "authorName",  "label": "Author Name",  "type": "text",     "required": true },
+    { "name": "authorEmail", "label": "Author Email", "type": "text",     "required": true },
+    { "name": "authorUrl",   "label": "Author URL",   "type": "text",     "required": false },
+    { "name": "body",        "label": "Body",         "type": "textarea", "required": true },
+    { "name": "status",      "label": "Status",       "type": "select",   "required": true, "options": ["pending", "approved", "rejected", "spam"] },
+    { "name": "createdAt",   "label": "Created At",   "type": "datetime", "required": false }
   ]
 }

package/plugins/blog/collections/posts/schema.json

@@ -1,19 +1,22 @@
 {
-  "name": "blog-posts",
-  "label": "Blog Posts",
   "slug": "blog-posts",
+  "title": "Blog Posts",
+  "description": "Posts managed by the Blog plugin.",
+  "plugin": "blog",
   "storage": { "adapter": "file" },
   "fields": [
-    { "key": "title",         "label": "Title",          "type": "text",     "required": true },
-    { "key": "slug",          "label": "Slug",           "type": "text",     "required": true },
-    { "key": "excerpt",       "label": "Excerpt",        "type": "textarea", "required": false },
-    { "key": "content",       "label": "Content",        "type": "markdown", "required": false },
-    { "key": "featuredImage", "label": "Featured Image", "type": "text",     "required": false },
-    { "key": "categories",    "label": "Categories",     "type": "array",    "required": false },
-    { "key": "tags",          "label": "Tags",           "type": "array",    "required": false },
-    { "key": "authorId",      "label": "Author",         "type": "text",     "required": true },
-    { "key": "status",        "label": "Status",         "type": "select",   "required": true, "options": ["draft", "scheduled", "published"] },
-    { "key": "publishedAt",   "label": "Published At",   "type": "datetime", "required": false },
-    { "key": "seo",           "label": "SEO",            "type": "object",   "required": false }
+    { "name": "title",         "label": "Title",          "type": "text",     "required": true },
+    { "name": "slug",          "label": "Slug",           "type": "text",     "required": true },
+    { "name": "excerpt",       "label": "Excerpt",        "type": "textarea", "required": false },
+    { "name": "content",       "label": "Content",        "type": "markdown", "required": false },
+    { "name": "featuredImage", "label": "Featured Image", "type": "text",     "required": false },
+    { "name": "categories",    "label": "Categories",     "type": "array",    "required": false },
+    { "name": "tags",          "label": "Tags",           "type": "array",    "required": false },
+    { "name": "authorId",      "label": "Author",         "type": "text",     "required": true },
+    { "name": "status",        "label": "Status",         "type": "select",   "required": true, "options": ["draft", "scheduled", "published"] },
+    { "name": "publishedAt",   "label": "Published At",   "type": "datetime", "required": false },
+    { "name": "template",      "label": "Layout",         "type": "text",     "required": false },
+    { "name": "seo",           "label": "SEO",            "type": "object",   "required": false },
+    { "name": "sample",        "label": "Sample post",    "type": "boolean",  "required": false }
   ]
 }

package/plugins/blog/config.js

@@ -4,5 +4,11 @@ export default {
     commentsEnabled:   false,
     commentModeration: true,
     feedLength:        20,
+    // Display - see lib/layouts.js. Read live, so no restart is needed.
+    postLayout:        'blog-post-classic',
+    listDisplay:       'cards',
+    displaySwitcher:   true,
+    interactive:       true,
+    relatedCount:      3,
     storage: { adapter: 'file' }
 };