How to Create a Portfolio on WordPress: 4 Methods Compared

A WordPress portfolio can be built using a dedicated portfolio theme, a portfolio plugin, a page builder like Elementor, or the native block editor. The right method depends on whether you’re building a new site or adding a portfolio to an existing one, how much design control you need, and your budget.

Your portfolio is what turns a website visitor into a client. It’s the page people actually care about when they land on your site. But WordPress gives you several ways to build one, and picking the wrong approach wastes time or produces a result that doesn’t match your vision.

This guide covers four methods, helps you choose the right one, and walks through setup step by step.

---

---

Choose Your Portfolio Method

Before you start building, pick the approach that fits your situation. Each method has trade-offs.

Portfolio Themes

A portfolio theme is a WordPress theme designed from the ground up to showcase creative work. It comes with built-in portfolio layouts, gallery features, and page templates optimized for displaying projects.

Best for: Photographers, videographers, and designers building a brand-new portfolio site who want a polished design from day one.

Trade-off: Your portfolio design is tied to the theme. Switching themes later means rebuilding your layout.

Portfolio Plugins

A portfolio plugin adds portfolio functionality to any WordPress theme by registering a custom post type. Think of a custom post type as a separate content bucket in your dashboard, just for portfolio items. It keeps your projects organized and separate from regular blog posts and pages.

Best for: Anyone who already has a WordPress site and wants to add a portfolio without changing their theme.

Trade-off: You’re adding a dependency on a plugin. If it stops being maintained, you’ll need to migrate your content.

Page Builders (Elementor, Divi, etc.)

Page builders give you drag-and-drop, visual control over every element of your portfolio page. Elementor Pro, for example, includes a dedicated Portfolio widget that creates filterable project grids.

Best for: Agencies and designers who want pixel-level control over layout and are comfortable learning a builder.

Trade-off: Page builders add weight to your site and can slow things down if you’re not careful with image optimization. There’s also a learning curve.

WordPress Block Editor (Gutenberg)

The block editor is WordPress’s native content editor. You can build portfolio pages using built-in blocks (Gallery, Columns, Image) or add a portfolio-specific block plugin for more advanced layouts like filterable grids.

Best for: Users who prefer a lightweight site with minimal plugins, especially those using modern block themes like Twenty Twenty-Five.

Trade-off: Less visual control than page builders. Advanced layouts require block patterns or a dedicated portfolio block.

Quick Comparison

Method	Best For	Complexity	Cost	Works With Any Theme?
Portfolio Theme	New portfolio sites	Low	Free–$80+	No (IS the theme)
Portfolio Plugin	Adding to existing sites	Low–Medium	Free–$70+	Yes
Page Builder	Maximum design control	Medium–High	Free–$100+/yr	Yes (with compatibility)
Block Editor	Lightweight, modern setup	Low–Medium	Free	Yes

Not sure which to pick? If you’re building a new site and want the fastest path to a professional look, start with a portfolio theme. If you already have a site you like, use a plugin. If design control matters most, go with a page builder. And if you want to keep things lightweight, try the block editor.

---

Method 1: Build a Portfolio with a WordPress Theme

A portfolio theme handles most of the heavy lifting. You get pre-built page templates, gallery features, and layouts designed for visual content.

How to Choose a Portfolio Theme

When evaluating themes, focus on these criteria:

• Layout options. Look for themes with multiple portfolio layouts: grid, masonry (where items of varying heights fit together without gaps), carousel, and fullscreen options. More layout choices mean more flexibility as your portfolio grows.
• Mobile responsiveness. Over half of web traffic comes from phones. Preview any theme on mobile devices before committing to it.
• Page speed. Image-heavy portfolios need lightweight themes. Test performance with GTmetrix or Google PageSpeed Insights before you install.
• Portfolio-specific features. A lightbox (full-screen image viewer), category filtering, video support, and hover effects all make a portfolio more engaging for visitors.

For a detailed breakdown, check out our guide to the best portfolio WordPress themes.

Recommended Portfolio Themes

Inspiro Premium is purpose-built for creative portfolios. It includes five portfolio page templates (clean grid, masonry, infinite scroll, sorting effect, and fullscreen), a custom Elementor portfolio widget, and video background support for YouTube, Vimeo, and self-hosted video. With 45+ starter sites, you can have a professional portfolio layout running in under an hour.

Disclosure: Inspiro is developed by WPZOOM, the publisher of this blog. We feature it first because it’s genuinely well-suited for portfolios, but we’ve also recommended alternatives so you can choose what fits your needs.

Neve is a lightweight theme with portfolio starter sites that work particularly well for freelancers. The one-page layouts let you put everything a potential client needs on a single scrollable page. The free version covers most use cases.

OceanWP offers granular design control and pairs well with Elementor for design-heavy portfolios.

Need more options? Browse our full list of portfolio themes.

Setting Up Your Portfolio with a Theme

Once you’ve installed and activated your portfolio theme:

1. Create portfolio items. Most portfolio themes register their own custom post type. Navigate to Portfolio → Add New (the menu label varies by theme) and create an entry for each project. Add a title, description, and project details.
2. Set featured images. Every portfolio item needs a featured image. This becomes the thumbnail in your portfolio grid. Use high-quality images sized appropriately for your theme’s layout (typically 1200×800px or larger).
3. Assign categories. Create categories like “Branding,” “Web Design,” or “Photography” so visitors can filter your work. This becomes important once you have 10+ projects.
4. Create your portfolio page. Add a new page, then assign one of the theme’s portfolio templates. In Inspiro, for example, you can choose from Clean, Masonry, Infinite Scroll, or Sorting Effect layouts.
5. Add the page to your navigation. Go to Appearance → Menus (or the Site Editor for block themes) and add your portfolio page to your main menu.

Quick Tip: If you’re adding a portfolio to an existing site and don’t want to change your theme, skip to Method 2 (plugins). A portfolio plugin works with almost any theme and preserves your current design.

---

Method 2: Build a Portfolio with a Plugin

Portfolio plugins are the most flexible approach. They add a custom post type for portfolio items, include display options (blocks, shortcodes, or widgets), and work with virtually any theme.

Recommended Portfolio Plugins

WPZOOM Portfolio PRO (free version on WordPress.org) registers a dedicated portfolio post type and includes a Gutenberg block for displaying projects in filterable grids. The free version covers grid layouts, category filtering, and lightbox viewing. The PRO version adds masonry layouts, video background on hover, video lightbox, and advanced reordering.

Visual Portfolio is a free, actively maintained plugin with 100,000+ active installs. It includes a Gutenberg block, six layout types (masonry, grid, justified, tiles, slider, carousel), AJAX category filtering, and lightbox support. A solid alternative if you want more display options without paying for a premium plugin.

WP Portfolio (premium, starts at $49/year) is built by the team behind Astra Theme. It supports images, videos, and full website showcases, making it particularly useful for web designers and agencies who want to display live website previews in their portfolio. It includes importable demo templates and works with any theme.

Not sure which plugin to pick? Our comparison of the best WordPress portfolio plugins covers more options in detail.

Setting Up WPZOOM Portfolio (Step-by-Step)

Here’s how to go from plugin installation to a working portfolio page.

Step 1: Install and activate the plugin. Search for “WPZOOM Portfolio” in Plugins → Add New and click Install, then Activate.

Step 2: Add portfolio items. Go to Portfolio → Add New. Give your project a title, write a description, and add the project details in the editor. The editor works exactly like creating a regular WordPress post.

Step 3: Set a featured image. Click “Set Featured Image” in the sidebar and upload a high-resolution image. This is the image that appears in your portfolio grid, so make it count.

Step 4: Assign categories. In the Portfolio Categories panel, create and assign categories (e.g., “Branding,” “UX Design,” “Photography”). These power the filter bar on your portfolio page.

Step 5: Create a portfolio layout. Go to Portfolio → Portfolio Layouts and click Add New. A pre-configured layout will load in the editor, pulling in your existing portfolio items. Configure the number of columns, layout style, filtering options, and lightbox behavior.

Step 6: Display your portfolio. Edit any page and add the “Portfolio” or “Portfolio Layouts” block, then select your saved layout. Alternatively, copy the shortcode from your Portfolio Layout and paste it using a Shortcode block.

Step 7: Set the alignment. For full-impact portfolios, change the block alignment to “Full Width” so the grid stretches across the entire page.

Customizing Your Portfolio Display

Once your portfolio is live, fine-tune these settings:

• Grid vs. masonry layout. Grid keeps all items the same height. Masonry lets items vary in height, which works better when your images have different aspect ratios.
• Category filters. Enable the filter bar so visitors can narrow your portfolio by project type. Critical once you have more than a dozen items.
• Lightbox. Full-screen overlay viewing lets visitors see your work in detail without leaving the page.
• Video integration (PRO). Video lightbox and video background on hover are useful for videographers and motion designers.

---

Method 3: Build a Portfolio with a Page Builder

Page builders like Elementor and Divi give you the most design freedom. You can position elements exactly where you want them, create custom hover animations, and build layouts that aren’t possible with themes or plugins alone.

Using Elementor for Your Portfolio

Elementor Pro includes a Portfolio widget that displays posts, pages, or custom post types in a filterable grid. The recommended workflow:

1. Install a portfolio plugin first. Use WPZOOM Portfolio or Visual Portfolio to create your portfolio items. The plugin handles content; Elementor handles design.
2. Create a new page and open it in Elementor. Set the page layout to “Elementor Canvas” or “Full Width” for maximum design space.
3. Add the Portfolio widget. Set the Source to your portfolio post type. Configure columns, image size, and title display.
4. Enable filtering. Choose your portfolio taxonomy (categories or tags) so visitors can browse by project type.
5. Style the grid. Adjust spacing, overlay colors, typography, and hover animations in the Style tab.

Pro Tip: Combine a portfolio plugin with Elementor for the best of both worlds. The plugin gives you a clean content management workflow (adding projects, categories, featured images), and Elementor gives you total design control over how those projects display.

Performance Considerations

Page builders add extra CSS and JavaScript to your pages. For image-heavy portfolios, keep things fast by compressing images before uploading (aim for under 200KB each), enabling lazy loading, and using a caching plugin. Run a speed test after building your portfolio and fix any issues.

For more on this, see our guide to WordPress speed optimization.

---

Method 4: Build a Portfolio with the Block Editor

If you prefer WordPress’s native tools and want to avoid extra plugins, the block editor (Gutenberg) can handle portfolio creation. This approach works especially well with modern block themes.

Creating a Portfolio with Native Blocks

For a simple portfolio, you don’t need any plugins:

1. Create a new page and give it a title like “Portfolio” or “My Work.”
2. Use the Gallery block for image-only portfolios. Add your best project images, set the columns (3–4 works well), and link each image to its project page or a lightbox.
3. Use Columns + Group blocks for project cards. Each column contains an Image block, a heading, and a short description. More control than Gallery, but more manual setup.
4. Use the Query Loop block (advanced) to dynamically pull in posts from a specific category. Create a “Portfolio” category, assign project posts to it, and the Query Loop displays them automatically. New projects appear as soon as you publish them.

Portfolio Block Patterns and Plugins

If native blocks feel too basic, these tools bridge the gap:

Twentig is a free plugin that adds portfolio-specific block patterns to block themes like Twenty Twenty-Five. It includes grid, grid overlay, and split layout patterns you can insert with a few clicks, plus a portfolio custom post type.

WPZOOM Portfolio works in the block editor too. Its dedicated Portfolio block lets you create filterable grids with lightbox support without leaving Gutenberg. You get the content management benefits of a custom post type with the simplicity of a block-based display.

Block patterns are pre-designed groups of blocks that you can insert into any page and then customize with your own content. Think of them as portfolio layout templates that live inside the block editor.

---

Essential Pages for Your Portfolio Site

A portfolio page is the centerpiece, but a few supporting pages help convert visitors into clients.

About Page. Tell your story in 2–3 paragraphs. Focus on what you do, who you help, and what makes your approach different. Include a professional photo. Skip the life story.

Contact Page. Keep the form simple: name, email, and message. Three fields maximum. Every additional field reduces the number of people who fill it out. Plugins like WPZOOM Forms, Contact Form 7, or WPForms all handle this well.

Services or Hire Me Page. If you’re freelancing, make your offerings concrete. List what you do, what the process looks like, and how people can get started. Pricing information (even ranges) reduces back-and-forth.

Blog (Optional). A blog helps with SEO and demonstrates your expertise. Even publishing one post per month on topics related to your work can drive organic traffic to your portfolio over time.

---

Portfolio Content Tips That Attract Clients

A beautiful layout won’t matter if the content inside it is weak. Here’s how to make your portfolio work harder.

Curate ruthlessly. Include 10–15 of your strongest projects, not everything you’ve ever done. Clients don’t have time to scroll through 50 items. If a project doesn’t represent the type of work you want to get hired for, leave it out.

Write project descriptions that sell. Don’t just name the project and list tools. Use a problem/approach/result format: What challenge did the client face? What did you do? What was the outcome? Even one sentence per element makes your work more compelling than a title and image alone.

Organize by category. Group projects by type (Branding, Web Design, Photography) or by industry (Tech, Food & Beverage, Real Estate). Portfolio plugins with filterable categories make this easy.

Optimize images for speed. Large, uncompressed images are the #1 portfolio performance killer. Resize images to the maximum display size your layout uses (often 1200–1600px wide) and compress them with ShortPixel, TinyPNG, or Imagify before uploading. Aim for under 200KB per image.

Update regularly. Review your portfolio every quarter. Remove outdated work, add recent projects, and refresh descriptions. A stale portfolio signals that you might not be actively working.

---

FAQ

---

Start Building Your Portfolio

Here’s a quick recap:

• Choose your method based on your starting point: theme for new sites, plugin for existing sites, page builder for design control, block editor for lightweight builds.
• Focus on quality over quantity. Ten great projects beat fifty mediocre ones.
• Write project descriptions using problem/approach/result format.
• Optimize images before uploading to keep your portfolio fast.
• Test on mobile before you call it done.

Ready to get started? Explore our portfolio themes for a new site, or install the WPZOOM Portfolio plugin to add a portfolio to your existing WordPress site today.