Templates, parts and patterns - Grafton
Grafton builds every page from templates, the parts they share and patterns you insert. All of them open in the Site Editor at AppearanceEditor. A template or part you edit there is saved on your site and keeps your version through theme updates; see edited templates and updates.
#Templates
- 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.
- 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
- 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.
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.
The about section, the mission, the authors and the image strip.
The contact details beside the form, then the image strip.
Every category as a card, then the newsletter box.
The authors as cards, then the newsletter box.
A large title and a line on a grey band, with the featured posts as tilted cards.
The newest post as a large card and the next three as rows.
Three posts marked Featured, in a row.
The six posts with the most comments.
The categories as a row of large chips.
The four largest categories with their pictures.
Every category with posts, four cards to a row.
A dark rounded box with the subscribe form beside a card stack.
A tall picture beside a title, two smaller pictures, a paragraph and a button.
A heading, a wide picture and two columns of text.
A looping row of square pictures under a heading.
The authors as cards with photo, name, position and article count.
Email and phone in two boxes beside the contact form.
Other looks for a list of posts. Each is offered when you replace a Query Loop.
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.
Last updated
Was this article helpful?
On this page
