To add a new portfolio item, go to Portfolio → Add New in your WordPress dashboard. Each portfolio item uses the standard WordPress editor plus several custom metabox sections specific to the Attitude theme.
Basic Fields
Enter the project title and use the editor to write your project description. Assign one or more Portfolio Categories from the right sidebar. Set a Featured Image — this appears as the project thumbnail in portfolio grids.
Teaser Options
The Teaser Options metabox controls the hero header area of your portfolio item:
- Select Teaser Type — Choose between No Teaser, Image Background (uses Featured Image), or Video Background.
- Header Video — Enter a YouTube Video ID for video background headers. Leave blank to use the featured image.
- Client — Enter the client name for this project.
- URL — The client website URL (e.g., https://example.com).
- Button Text — Text for the call-to-action button (e.g., “Visit Website”).
- Header Size — Slider control (5-100vh) to set the header height.
- Content Padding Top — Slider control (5-100vh) for content padding.
- Gradient Background — Choose from 10 gradient overlays for the header image.
- Gradient Opacity — Set the gradient overlay transparency (5-100%).
- Header Menu Style — Check to use the same menu style as the page header.
Case Study
The Case Study metabox adds a structured project overview section:
- Display Case Study — Toggle the case study section on or off.
- Case Study Description — A text area to describe the project.
- Project Details — A repeatable group (up to 5 items) with three fields each: SVG Icon (URL to an icon), Title (e.g., Sector, Client, Location, Cost), and Description (e.g., the specific value). These display as an icon-based detail list on the portfolio page.
Page Options
The Page Options metabox provides layout controls:
- Right Sidebar — Check to display the Portfolio widget area on the right side.
- Full Width Page — Check to use a full-width layout without sidebars.
- Hide Inner Padding — Check to remove the default content padding.