Articles are most typically used for blog-style content – news posts, fonts-in-use features, release announcements, and the like.11You can also think of Articles more like generic content holders: for custom sites they can be used in flexible and creative ways. Articles live in their own admin area, separate from Pages. Article bodies, images, tags, and SEO fields are exposed through GraphQL, and the demo template renders them with a few built-in behaviors covered below.
The articles list
Open Content → Articles in the admin sidebar to see every article you’ve authored. Each row shows the title, tags, and the date the article was created. Filter by tag or search by title. Click a row to open the article for editing.
Unlike pages, articles aren’t reorderable by drag-and-drop – they’re typically shown chronologically on your site, so ordering is driven by the publish date.
Creating an article
Click Add article to open the form:
- Title – the article’s headline.
- Slug – the URL-friendly version of the title. Auto-derived but editable.
- Published at – schedules when the article goes live. Leave blank to use the creation time. Set a date in the future to schedule auto-publish. Dates are shown in your admin timezone and stored as UTC.
- Link – optional external URL. Use this for articles that really live somewhere else (a press piece on another site, for example). Your site can route clicks through to the link instead of showing a local page.
- Tags – arbitrary strings used to group and filter articles.
- Font collections – related font collections, useful for fonts-in-use articles where you want to cross-link back to the relevant typefaces. Drag the list to reorder.
- Body – markdown. Drag images inline to insert them; images are uploaded to Fontdue’s CDN automatically.
- Images – the article’s image gallery, separate from images embedded inline in the body. Captions are supported and the list is drag-orderable.
- SEO metadata – Title, Description, and Keywords that populate meta tags when the article is rendered.
Article index in the demo template
Create a page with the special slug articles and the demo template renders an index of all published articles at that URL. Tags on your articles populate as filter options in the left column, and each row shows the article’s first gallery image as a thumbnail.
Article page in the demo template
Each article renders with the title as an H1, its tags inline below the title, the full image gallery as a header carousel (a slideshow if multiple images), and the markdown body. The demo template doesn’t render the Published at date, Link, Font collections, or SEO metadata fields – those are exposed via GraphQL for custom sites to use.
The behaviors above are specific to the demo template – if you’re running your own site, you query articles by slug (or list them through the articles connection) and render however you like.