Content Structure Tips
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:
Media Type | Best For | Notes |
|---|---|---|
Image | Static designs, logos, print work | Uses featured image with optional parallax |
Gallery | Multi-page designs, process shots | Swiper carousel with prev/next and slide counter |
Video | Motion graphics, app walkthroughs | Self-hosted MP4/WebM with poster frame |
GIF | Short animations, micro-interactions | Treated as animated image |
3D Model | Product design, architectural viz | Interactive GLB/GLTF via model-viewer |
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.
#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:
Industry (primary) - broad categories like Web Design, Branding, Mobile App
Category (secondary) - more specific groupings like E-commerce, SaaS, Landing Page
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.
Last updated
Was this article helpful?
Resources
On this page
