## Content Structure Tips

Product: Monogram - Personal Portfolio WordPress Theme
URL: https://hub.jkdevstudio.com/docs/monogram/tips-best-practices/content-structure-tips
Updated: 2026-08-19

Well-structured content makes your portfolio site look professional and helps visitors find what they need. Here are best practices for organizing your portfolio items, blog posts, and FAQ content in Monogram.

## Portfolio Content

Your portfolio is the centerpiece of your Monogram site. Each portfolio item supports rich metadata and five different media types, so take advantage of them.

### Media Types

Choose the media type that best showcases each project:

<table style="min-width: 75px;"><colgroup><col style="min-width: 25px;"><col style="min-width: 25px;"><col style="min-width: 25px;"></colgroup><tbody><tr><th colspan="1" rowspan="1"><p>Media Type</p></th><th colspan="1" rowspan="1"><p>Best For</p></th><th colspan="1" rowspan="1"><p>Notes</p></th></tr><tr><td colspan="1" rowspan="1"><p>Image</p></td><td colspan="1" rowspan="1"><p>Static designs, logos, print work</p></td><td colspan="1" rowspan="1"><p>Uses featured image with optional parallax</p></td></tr><tr><td colspan="1" rowspan="1"><p>Gallery</p></td><td colspan="1" rowspan="1"><p>Multi-page designs, process shots</p></td><td colspan="1" rowspan="1"><p>Swiper carousel with prev/next and slide counter</p></td></tr><tr><td colspan="1" rowspan="1"><p>Video</p></td><td colspan="1" rowspan="1"><p>Motion graphics, app walkthroughs</p></td><td colspan="1" rowspan="1"><p>Self-hosted MP4/WebM with poster frame</p></td></tr><tr><td colspan="1" rowspan="1"><p>GIF</p></td><td colspan="1" rowspan="1"><p>Short animations, micro-interactions</p></td><td colspan="1" rowspan="1"><p>Treated as animated image</p></td></tr><tr><td colspan="1" rowspan="1"><p>3D Model</p></td><td colspan="1" rowspan="1"><p>Product design, architectural viz</p></td><td colspan="1" rowspan="1"><p>Interactive GLB/GLTF via model-viewer</p></td></tr></tbody></table>

<div data-callout="tip">

Try to use consistent media types within a category. For example, if your "Web Design" category uses galleries, keep that pattern across all web design items. It creates a cohesive browsing experience.

</div>

### Featured Images

Upload high-quality featured images at **1440px wide or larger**. These appear in portfolio grids, social sharing previews, and the project hero section. A strong featured image is the first thing visitors see.

### Fill All Meta Fields

Every portfolio item has metadata fields that enrich the presentation:

- **Client name** and **avatar** - shown in grid overlays and single page meta
- **Duration** - gives context ("6 weeks" vs "3 months")
- **Project URL** - renders as a CTA button on the single page
- **Industry**, **Category**, **Tags** - used for filtering and navigation

Leaving these empty results in blank spaces in the layout. Fill them all for the most polished look.

### Featured Items

Mark your best work as **featured** using the toggle in the portfolio editor. Featured items can be highlighted in certain layouts. Keep it to **3 to 5 featured items** at most - if everything is featured, nothing stands out.

### Taxonomy Organization

Monogram uses three levels of portfolio taxonomy:

1. **Industry** (primary) - broad categories like Web Design, Branding, Mobile App
2. **Category** (secondary) - more specific groupings like E-commerce, SaaS, Landing Page
3. **Tags** (tertiary) - granular labels like React, Animation, 3D, UI/UX

The category filter buttons on archive pages use the secondary taxonomy. Plan your categories so the filter is useful - aim for 4 to 8 categories.

### Writing Summaries

The summary field appears prominently on single portfolio pages. Write **3 to 4 sentences** that explain:

- What the project was
- What challenge it solved
- What the outcome was

Keep it concise - visitors can read the full content below.

## Blog Content

### Featured Images

Set a featured image on **every blog post**. The blog archive, post cards, and social sharing all use the featured image. Posts without featured images look incomplete in the grid.

### Categories and Tags

Use blog categories and tags consistently. Create a small set of categories (5-10) and use them across all posts. Tags can be more specific but avoid creating one-use tags.

### Excerpts

If you don't write a custom excerpt, WordPress uses the first 20 words of your post. Make sure those opening words are meaningful and engaging - they appear on post cards and in search results.

### Sticky Posts

Mark important posts as "sticky" in the WordPress editor to pin them at the top of the blog archive. Use this sparingly - one or two sticky posts at most.

## FAQ Content

### Keep Answers Concise

FAQ items work best when the answer is **2 to 4 sentences**. If an answer needs more detail, link to a full article or documentation page.

### Use Categories

Organize FAQ items into categories for easier browsing. The theme renders FAQ items with an accordion interface, and categories help visitors find relevant questions quickly.

### Structured Data

Monogram automatically adds FAQPage schema to your FAQ content, which can generate rich results (expandable FAQ snippets) in Google search. This only works when your FAQ items have proper question titles and answer content.