Try the Forma admin

Select a post to edit Markdown, SEO, and the featured image.

Podcast

Episodes, artwork, and a feed that doesn’t need a plugin zoo. This demo skips the audio upload — the real admin handles it.

Show settings

Title, author, category, artwork URL.

Episodes

Audio URL, publish date, show notes in Markdown.

Feed

RSS generated for Apple Podcasts and friends.

Uploads

Media for Acme Studio (demo files).

hero.jpg

og-card.png

logo.svg

ep-01.mp3

site-header

Shortcode

Content

<header class="site-nav">…</header>
Use <!-- Forma site header / nav. Same chrome on home, blog, docs. -->
<style>
.site-nav{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--nav-h);display:flex;align-items:center;background:rgba(10,10,11,.72);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid var(--stroke)}
.site-nav .forma-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1080px,calc(100% - 2.75rem))}
.site-nav .brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--gold);font-family:var(--font-brand);font-weight:700;font-size:1.25rem;letter-spacing:.02em}
.site-nav .brand svg{width:1.45rem;height:auto;color:var(--gold)}
.site-nav .nav-links{display:flex;align-items:center;gap:1.4rem;list-style:none;margin:0;padding:0}
.site-nav .nav-links a{color:rgba(245,245,247,.82);font-size:.82rem;font-weight:500}
.site-nav .nav-links a:hover,.site-nav .nav-links a.is-active{color:#fff}
.site-nav .nav-cta{padding:.4rem .85rem!important;border-radius:980px;background:rgba(252,190,52,.12)!important;border:1px solid var(--stroke-gold);color:var(--gold)!important}
.site-nav .nav-cta:hover{background:rgba(252,190,52,.22)!important;color:#fff!important}
.site-nav .burger{display:none;background:none;border:0;color:var(--text);font-size:1.25rem;cursor:pointer;padding:.35rem}
@media(max-width:720px){
  .site-nav .burger{display:block}
  .site-nav .nav-links{display:none;position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 1rem;background:#161616;border-bottom:1px solid var(--stroke)}
  .site-nav .nav-links.is-open{display:flex}
  .site-nav .nav-links li{border-top:1px solid var(--stroke)}
  .site-nav .nav-links a{display:block;padding:.85rem 0}
}
</style>
<header class="site-nav" id="siteNav">
  <div class="forma-wrap">
    <a class="brand" href="/" aria-label="Forma home">
      <svg viewBox="0 0 400 280" aria-hidden="true"><g fill="currentColor" fill-rule="evenodd"><path d="M0,0 L400,0 L320,80 L0,80 Z"/><path d="M0,100 L300,100 L220,180 L0,180 Z"/><path d="M0,200 L80,200 L0,280 Z"/></g></svg>
      Forma
    </a>
    <button class="burger" type="button" aria-label="Menu" aria-expanded="false" id="navToggle"><i class="fas fa-bars" aria-hidden="true"></i></button>
    <ul class="nav-links" id="navLinks">
      <li><a href="/#why">Why Forma</a></li>
      <li><a href="/#features">Features</a></li>
      <li><a href="/blog">Blog</a></li>
      <li><a href="/docs">Docs</a></li>
      <li><a href="/#install">Install</a></li>
      <li><a class="nav-cta" href="/#get">Get Forma</a></li>
    </ul>
  </div>
</header>
<script>
(function(){
  var path=(location.pathname||'/').replace(/\/+$/,'')||'/';
  document.querySelectorAll('#navLinks a').forEach(function(a){
    var href=a.getAttribute('href')||'';
    if(href==='/blog' && (path==='/blog'||path.indexOf('/blog/')===0)) a.classList.add('is-active');
    if(href==='/docs' && (path==='/docs'||path.indexOf('/docs')===0)) a.classList.add('is-active');
  });
  var btn=document.getElementById('navToggle'), links=document.getElementById('navLinks');
  if(!btn||!links) return;
  btn.addEventListener('click',function(){var open=links.classList.toggle('is-open');btn.setAttribute('aria-expanded',open?'true':'false');});
  links.querySelectorAll('a').forEach(function(a){a.addEventListener('click',function(){links.classList.remove('is-open');btn.setAttribute('aria-expanded','false');});});
})();
</script>
 in pages and Twig templates.