Portfolio Plate のドキュメント

Installation

Portfolio Plate ships as a .zip file. Download it from this page, then from your WordPress dashboard go to Appearance → Themes → Add New → Upload Theme. Choose the file you downloaded, click Install Now, and when the upload finishes click Activate. Do not unzip the archive first — WordPress expects it exactly as downloaded, and an unzipped folder will be rejected.

Once the theme is active, the menu item you will use most is Appearance → Editor. Portfolio Plate is a block theme, so the header, the footer, every template, and all colour and typography settings are edited there, in the same block interface you already use for writing posts. If Editor is missing from the Appearance menu, activation did not finish — reload the Themes screen and check.

Getting started

Three things are worth doing before anything else. First, open Appearance → Editor → Patterns and edit the Header template part. Set your site title, or replace it with a Site Logo block, and point the navigation at the pages you actually have. The header is a template part, so one edit there applies across the entire site at once.

Second, add your work. Each project is an ordinary post with a featured image, and that image is what both the grid and the project page display. Upload the largest version you have rather than a web-sized crop, because the project template renders it big. Assign a category or tags while you are there — the project page uses them.

Third, pick a style. Appearance → Editor → Styles lists the default light look and the bundled Noir dark variation. Switching between them changes colour and contrast sitewide without touching a single page. Try both against your real images before committing. Dark backgrounds tend to suit photography; lighter ones usually suit illustration, product shots, and interface work.

The work grid

The work listing is a post template using the grid layout defined in theme.json, with a minimum column width of 30rem. That one number does all the responsive work. As the viewport narrows, the grid goes three-up, then two-up, then one-up on its own. There are no breakpoints to configure and no media queries in the stylesheet doing it.

To change the density, open the template under Appearance → Editor → Templates, select the Post Template block, and adjust the minimum column width in its layout settings. A larger minimum gives you fewer, bigger tiles; a smaller one packs more into each row. Spacing, wrapping, and the behaviour of the final row all follow from that single value.

The whitespace in this layout is deliberate. The gaps between tiles are generous so the eye reads one piece at a time instead of scanning a wall of thumbnails. You can tighten the block spacing to fit more above the fold, but past a certain point the grid stops feeling like a portfolio and starts feeling like a results page.

Project pages

A single project uses the project template, which is built around one large image. The featured image renders alignwide at its natural ratio — the theme never forces it into a fixed crop — so a tall photograph stays tall and a wide screenshot stays wide. Upload at full resolution and let WordPress serve the appropriate size to each visitor.

Below the image sits a three-column facts row: published, discipline, and tags. It is part of the template, so every project carries the same information in the same place, which is what makes a set of posts read as a body of work rather than a pile of entries. Fill in the terms on each post and the row populates itself.

Previous and next project navigation closes the template. Visitors who land on one piece from search can walk through the rest without returning to the grid, which is usually where portfolio traffic is lost. To change what appears on every project, edit the project template once under Appearance → Editor → Templates rather than editing posts one by one.

Customizing

Everything visual lives under Appearance → Editor. Templates holds the page layouts — the work grid, the single project, ordinary pages, and archives. Open one and edit it like a post; the change applies to every page using that template. Editing a template is not the same as editing a page, so if you only want a change on one project, edit that project instead.

The header and footer are template parts, found under Appearance → Editor → Patterns. Template parts are shared, so changing the navigation once changes it sitewide. This is also where the footer credit lives, which the next section covers.

Appearance → Editor → Styles is the sitewide design panel. It holds the bundled Noir dark variation, the six-step fluid type scale defined in theme.json, and three duotone presets — Ink, Clay, and Slate. The duotones earn their place when a gallery mixes photography from different cameras and sources; applying one across the set unifies work that was never shot to match.

Three block styles are registered and appear in the Styles tab of the block sidebar: Framed image, Panel group, and Underlined post title. Each one loads its CSS only on pages where it is actually used, so having them available costs nothing on the pages that do not use them.

Removing the credit

The footer carries a small credit link back to Odie Themes. You are free to remove it. Nothing in the theme depends on it, removing it disables no feature, and it has no effect on updates or support. It is there because it helps people find these themes, not because it is a condition of use.

Go to Appearance → Editor → Patterns → Template Parts → Footer. Click the paragraph holding the credit, open the block options menu, and choose Delete. Click Save. That is the whole procedure — three clicks, and it takes effect on every page immediately. There is no setting to hunt for and no file to edit.

If you would rather keep something in that spot, edit the paragraph text into your own copyright line instead of deleting the block. Either way the layout holds. And if the theme is useful to you, leaving the credit in place is genuinely how the next person finds it — but it is your site, and that is your decision to make.