## Templates, parts and patterns Product: Grafton - Blog & Magazine WordPress Theme URL: https://hub.jkdevstudio.com/docs/grafton/pages-blog-and-patterns/templates-parts-and-patterns Updated: 2026-11-14 Summary: Every template Grafton uses for each kind of page, the parts they share, and the patterns Grafton and Grafton Pro add to the inserter, with what each one holds. Grafton builds every page from templates, the parts they share and patterns you insert. All of them open in the Site Editor at [[Appearance > Editor]]. A template or part you edit there is saved on your site and keeps your version through theme updates; see [edited templates and updates](https://hub.jkdevstudio.com/knowledge-base/full-site-editing/edited-template-ignores-theme-update). ## Templates :::deflist Blog Home : The posts page: the category row, then the posts as cards with numbered pages. Index : The fallback WordPress uses when no other template fits. Single Posts : A post: the centered header, the text, tags, previous and next, related posts and comments. See [single posts and post headers](https://hub.jkdevstudio.com/docs/grafton/pages-blog-and-patterns/single-posts). Pages : A page with the page header band, then your blocks across the full width. Page without header : A page that starts straight with your blocks. Use it for pages built from Pro sections. All Archives : Category, tag, author and date pages: the title and description in the page header, the category row, then the posts. Search Results : The page header with the search term, then the matching posts and pages with their titles and excerpts. Page: 404 : A short message that the page is missing and a button back to the home page. ::: Grafton Pro adds three more post templates, chosen per post: **Post: Cover header**, **Post: Split header** and **Post: Text header**. ## Template parts :::deflist Header : The logo, the menu in the middle and a contact button. On a phone the menu folds into a button that opens a full-screen list. Footer : A dark band with the menu, the copyright line and your logo drawn white across the foot. With Grafton Pro the demo uses **Footer with newsletter**, which adds a subscribe block over a dimmed photo. Page header : The band at the top of pages, the blog and archives: breadcrumbs, the title and a lead, centered. Grafton Pro adds **Page header: Cover**, the same over a picture. ::: ## Patterns from Grafton Pro Pro patterns sit in the inserter under **Grafton** (sections) and **Grafton pages** (whole pages). Page patterns are also offered when you create a new page. How to build pages from them is in [build the home page and the other magazine pages](https://hub.jkdevstudio.com/docs/grafton/pages-blog-and-patterns/home-and-pages). :::options - **Home page**: The hero with a card stack, recent posts, featured posts, topic cards, the newsletter box, the most discussed posts, the about section and the image strip. - **About page**: The about section, the mission, the authors and the image strip. - **Contact page**: The contact details beside the form, then the image strip. - **Categories page**: Every category as a card, then the newsletter box. - **Authors page**: The authors as cards, then the newsletter box. - **Hero with card stack**: A large title and a line on a grey band, with the featured posts as tilted cards. - **Recent posts**: The newest post as a large card and the next three as rows. - **Featured articles**: Three posts marked Featured, in a row. - **Most discussed**: The six posts with the most comments. - **Category row**: The categories as a row of large chips. - **Category cards**: The four largest categories with their pictures. - **All categories**: Every category with posts, four cards to a row. - **Newsletter box**: A dark rounded box with the subscribe form beside a card stack. - **About in pictures**: A tall picture beside a title, two smaller pictures, a paragraph and a button. - **Mission**: A heading, a wide picture and two columns of text. - **Image strip with heading**: A looping row of square pictures under a heading. - **Authors**: The authors as cards with photo, name, position and article count. - **Contact**: Email and phone in two boxes beside the contact form. - **Posts on pictures** and **Posts in a list**: Other looks for a list of posts. Each is offered when you replace a Query Loop. - **Posts with a sidebar on the right** and **on the left**: Post cards in two columns beside categories, recent posts and tags. ::: A section pattern is ordinary blocks once inserted: change the words, swap pictures, delete what you do not need. Posts that one section shows are left out of the next one on the same page, so a home page never repeats a story.