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 the page people care about most when they land on your site. It’s what turns a website visitor into a paying client.

WordPress gives you several ways to build a portfolio. However, if you choose the wrong method, you risk wasting time or ending up with a result that doesn’t quite match your vision.

This guide covers four methods to build a WordPress portfolio, helps you choose the right one for your needs, and walks through setup step-by-step instructions on how to get started.

---

---

Choose Your Portfolio Method

Before you start building, pick the approach that best fits your situation. Remember, each method has its trade-offs.

#1: 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 and client work.

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

Trade-off: Your portfolio design is tied to the theme. Switching themes later means rebuilding your layout, so I recommend exploring a theme demo thoroughly before making a decision.

#2: 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 that’s 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 or conflicts with other plugins you’re using, you’ll need to migrate your content.

#3: 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 granular control over layout and don’t mind the learning curve that comes with using a builder.

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

#4: 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 (It 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 dedicated WordPress 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 portfolio themes for WordPress, 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 50+ starter sites, you can have a professional portfolio site up and 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 WordPress portfolio themes, WordPress themes for photographers or our WordPress Video Portfolio Themes, each one includes a live demo so you can see how it looks and works before deciding. If you’re a videographer rather than a general creative, Reel is the more focused option: a videographer portfolio theme built around showreel layouts, with a video lightbox, full-width video headers on project pages, and portfolio thumbnails that autoplay a preview on hover.

Setting Up Your Portfolio with a Theme

Once you’ve installed and activated a portfolio theme on your WordPress site:

Step 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.

Step 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).

Step 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.

Step 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 between Clean, Masonry, Infinite Scroll, or Sorting Effect layouts.

Step 5: Add the page to your navigation. Go to Appearance → Menus (or the Site Editor for block themes) and add the 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: Build a Portfolio with a Plugin. 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 WordPress theme.

Recommended Portfolio Plugins

• WPZOOM Portfolio PRO (with a 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 60,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 plugin, 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 using the WPZOOM Portfolio plugin:

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 will appear in the filter bar on your portfolio page so make sure they are easy to understand for prospective clients.

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 to help visitors quickly find relevant work by project type. In my experience, filters become especially useful as portfolios grow beyond a dozen projects and make larger collections easier to browse.
• 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 plenty of design freedom. Starting from a theme with native builder support removes most of the setup. See our themes built for Elementor. 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. Here’s how you can build a portfolio in WordPress using a page builder:

Step 1: Install a portfolio plugin first. Use WPZOOM Portfolio or Visual Portfolio to create your portfolio items. The plugin handles content and Elementor handles design.

Step 2: Create a new page and open it in Elementor. Set the page layout to “Elementor Canvas” or “Full Width” for maximum design space.

Step 3: Add the Portfolio widget. Set the Source to your portfolio post type. Configure columns, image size, and title display.

Step 4: Enable filtering. Choose your portfolio taxonomy (categories and/or tags) so visitors can browse by project type.

Step 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 appear on the front-end.

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. I’d also recommend running a speed test after building your portfolio and fix any issues that come up.

For more on this, see this guide on 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. Here’s how you can built a portfolio with the Block Editor:

Step 1: Create a new page and give it a title like “Portfolio” or “My Work”.

Step 2: Use the Gallery block for image-only portfolios. Add your best project images, set the columns (3-4 usually works well), and link each image to its project page or a lightbox.

Step 3: Use Columns + Group blocks for project cards. Each column contains an Image block, a heading, and a short description. This configuration offers more control than Gallery but also requires more manual setup.

Step 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 and Portfolio Layout block let 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.

For those unfamiliar, 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. At the minimum, I suggest setting up these pages on your portfolio site:

• About Page. Tell your story in 2-3 paragraphs. Focus on what you do, who you help, and what makes your approach different. Be sure to include a professional photo.
• Contact Page. Keep the form simple with fields for name, email, and message. Three fields maximum is low friction. 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 so be sure to include that.
• Blog. A blog helps with SEO and is a great way to demonstrate your expertise. Even publishing one post per month on topics related to your work can drive organic traffic to your portfolio website over time. You can also use it to give clients a behind-the-scenes look at how you do your work.

---

Portfolio Content Tips That Attract Clients

A beautiful layout won’t matter much if the content inside it is weak. Here’s how to make your portfolio look its best:

• Curate ruthlessly. Include 10-15 of your strongest projects, not everything you’ve ever done. Remember, clients don’t have time to scroll through 50 items. As a general rule of thumb, 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 the tools you used. 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 this is 1200-1600px wide) and compress them using tools like ShortPixel, TinyPNG, or Imagify before uploading. I recommend aiming for under 200KB per image.
• Update regularly. Review your portfolio every quarter. Remove outdated work, add recent projects, and refresh descriptions. A stale portfolio that hasn’t been updated indicates to clients 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. 10-15 great projects beat 50 mediocre ones.
• Write project descriptions using problem/approach/result format.
• Optimize images before uploading to keep your portfolio website fast.
• Test on mobile before you call it done.

Ready to start building your portfolio website? Explore our collection of portfolio themes for a new site, or install the WPZOOM Portfolio plugin to add a portfolio to your existing WordPress site today.