Karen Attfield

<p>Web Developer’s Portfolio is a plugin designed to showcase screenshots from both desktop and mobile devices for each portfolio listing. Portfolio items are displayed on  any page of your choice using shortcodes.</p>
<p>This plugin works by creating a custom post type for portfolio items, and allows you to upload two separate images per portfolio item – one for a desktop screenshot and one for a mobile screenshot. Through the use of shortcodes you can then display portfolio items on a page of your choice – displaying either a desktop screenshot only, mobile screenshot only, or both.</p>
<p>The output is styled with Flexbox, with an excerpt and button to the project page of your choice. You can also set the portfolio items to be publicly-queryable, meaning you can add single-portfolio.php or archive-portfolio.php templates to your site to customize the design of your individual portfolio pages.</p>
<p>Note: If you intend to use the default styling provided by the shortcodes it is recommended that you utilize full-width pages for the best visual effect (though you are welcome to modify the CSS through your theme to fit your needs).</p>
<h3>Features</h3>
<ul>
<li><strong>Project Link:</strong> Add a link to the page you’d like your portfolio item to link to. </li>
<li><strong>Mobile Image:</strong> A second featured image upload option for each portfolio item.</li>
<li><strong>Shortcodes:</strong> Two different shortcodes to display either individual portfolio items by ID or all portfolio items.</li>
<li><strong>Item ordering:</strong> You can set the order number for each portfolio item.</li>
<li><strong>Rich text excerpts:</strong> Customized excerpt boxes allow for the addition of html elements as with the normal post editor.</li>
</ul>


Web Developer's Portfolio

Allowing web designers / developers a custom front-end portfolio display through shortcodes, showing both desktop & mobile images.

Tran Ngoc Tuan Anh

eLightUp

Meta Box

Franz Josef Kaiser

Tan Nguyen

FitWP

ruanmer

Manny Fleurmond

Per Wiklander

<h3>WordPress custom fields plugin</h3>
<p><a href="https://metabox.io" rel="nofollow ugc">Meta Box</a> is a professional framework that makes building and customizing a website with dynamic data and content in WordPress fun and easy.</p>
<p>Meta Box helps you add <a href="https://metabox.io/series/custom-fields/" rel="nofollow ugc">custom fields</a> and dynamic data to posts, pages, custom post types, forms and anywhere you want using over 40+ different field types such as text, images, file upload, checkboxes, and more.</p>
<p>On top of that, each WordPress custom field type has extensive internal options for unlimited content possibilities. Complete customization and control is just a few clicks away.</p>
<blockquote>
<p><strong>Meta Box Lite</strong><br />
  We recommend using <a href="https://metabox.io/lite/" rel="nofollow ugc">Meta Box Lite</a>, a feature-rich free UI version of Meta Box that provides UI and all free features for managing custom fields and dynamic content on WordPress, including post types, taxonomies, custom fields, and relationships.</p>
</blockquote>
<h3>Create any type of custom fields in WordPress</h3>
<p>That’s right – any type. No matter where you need to insert custom data and features, Meta Box’s WordPress custom fields have your back, and with infinite options to boot.</p>
<p><strong>Here are just a few of the data types you can customize:</strong></p>
<ul>
<li>Posts</li>
<li>Pages</li>
<li>Custom post types (you can also use our free plugin <a href="https://metabox.io/plugins/custom-post-type/" rel="nofollow ugc">MB Custom Post Types & Custom Taxonomies</a> to create custom post types and custom taxonomies)</li>
<li><a href="https://metabox.io/plugins/mb-term-meta/" rel="nofollow ugc">Taxonomies</a></li>
<li><a href="https://metabox.io/plugins/mb-settings-page/" rel="nofollow ugc">Settings pages or Customizer sections</a></li>
<li><a href="https://metabox.io/plugins/mb-user-profile/" rel="nofollow ugc">User profile pages</a></li>
<li><a href="https://metabox.io/plugins/mb-comment-meta/" rel="nofollow ugc">Post comments</a></li>
</ul>
<h3>A wide-range of field types and options</h3>
<p>Take your standard WordPress custom field and imagine it infinitely expanded. That’s how many options Meta Box gives you:</p>
<ul>
<li>Meta Box supports <a href="https://docs.metabox.io/fields/" rel="nofollow ugc">40+ built-in WordPress custom field types</a> for all your needs including text, textarea, WYSIWYG editor, image, file, post, select, checkbox, radio buttons, date/time picker, taxonomy, user, oembed and more to come.</li>
<li>Not enough? You can also <a href="https://docs.metabox.io/custom-field-type/" rel="nofollow ugc">effortlessly create your own field type</a>.</li>
<li>Meta Box supports cloning fields for most field types including the WYSIWYG editor field. It also supports <a href="https://metabox.io/plugins/meta-box-group/" rel="nofollow ugc">repeatable field groups</a>.</li>
</ul>
<h3>It’s developer-friendly</h3>
<p>As a developer, you have enough on your plate. You shouldn’t have to create an entirely new system for each project. Use Meta Box to your full advantage.</p>
<p>You can use Meta Box and its custom fields for any custom post type in WordPress on as many websites as you want so you can use it on client projects as well.</p>
<ul>
<li>Has an ultra-lightweight, yet powerful API that won’t overload your site.</li>
<li>Add only what you need instead of getting stuck with a bundle of features you don’t even want that bloat your site.</li>
<li>Meta Box <a href="https://docs.metabox.io/integration/" rel="nofollow ugc">easily integrates with any theme and plugin</a>, and supports Composer!</li>
<li>We use the <a href="https://docs.metabox.io/database/" rel="nofollow ugc">native WordPress meta data storage</a> and functions for ease of use and lightning-fast processing.</li>
<li>Has a lot of <a href="https://docs.metabox.io/category/actions/" rel="nofollow ugc">actions</a> and <a href="https://docs.metabox.io/category/filters/" rel="nofollow ugc">filters</a> so you can build or change a site’s appearance and behavior in the plugin.</li>
</ul>
<h3>Don’t love coding? You’re in luck!</h3>
<p>If you prefer a more visual system to create custom fields in WordPress, please use <a href="https://metabox.io/lite/" rel="nofollow ugc">Meta Box Lite</a>, a feature-rich free UI version of Meta Box that provides:</p>
<ul>
<li>All the power of Meta Box without touching a single line of code.</li>
<li>Designer-friendly, lightweight and work at top-notch speeds.</li>
<li>Export your custom fields and settings to PHP. Then, add it to a new site without needing to install this extension for an incredibly lightweight option.</li>
</ul>
<h3>Free Extensions</h3>
<ul>
<li>Migrations from <a href="https://metabox.io/plugins/mb-acf-migration/" rel="nofollow ugc">ACF</a> or <a href="https://metabox.io/plugins/mb-toolset-migration/" rel="nofollow ugc">Toolset</a>.</li>
<li>Integrations with all page builder plugins like <a href="https://metabox.io/plugins/mb-elementor-integrator/" rel="nofollow ugc">Elementor</a>, <a href="https://metabox.io/plugins/meta-box-beaver-themer-integrator/" rel="nofollow ugc">Beaver Builder</a>, Divi, Bricks, Brizy, etc.</li>
<li>Integrations with SEO plugins like <a href="https://wordpress.org/plugins/meta-box-yoast-seo/" rel="ugc">Yoast SEO</a>, <a href="https://metabox.io/plugins/mb-rank-math/" rel="nofollow ugc">Rank Math</a>, or Slim SEO.</li>
<li><a href="https://metabox.io/plugins/meta-box-builder/" rel="nofollow ugc">MB Builder</a>: Create custom meta boxes and custom fields in WordPress using a user-friendly drag-and-drop interface.</li>
<li><a href="https://metabox.io/plugins/mb-comment-meta/" rel="nofollow ugc">MB Comment Meta</a>: Add WordPress custom fields to comments in WordPress.</li>
<li><a href="https://metabox.io/plugins/custom-post-type/" rel="nofollow ugc">MB Custom Post Types & Custom Taxonomies</a>: Create and manage custom post types and taxonomies with UI.</li>
<li><a href="https://wordpress.org/plugins/mb-relationships/" rel="ugc">MB Relationships</a>: Create as many connections as you want from post-to-post or page-to-page.</li>
<li><a href="https://metabox.io/plugins/mb-rest-api/" rel="nofollow ugc">MB Rest API</a>: Pull all meta values from posts and terms into the WP REST API responses.</li>
<li><a href="https://metabox.io/plugins/meta-box-facetwp-integrator/" rel="nofollow ugc">MB FacetWP Integrator</a>: Integrates Meta Box and FacetWP to make custom fields searchable and filterable.</li>
<li><a href="https://wordpress.org/plugins/meta-box-text-limiter/" rel="ugc">MB Text Limiter</a>: Limit the number of characters or words entered for text and textarea fields.</li>
</ul>
<h3>Premium Extensions</h3>
<ul>
<li><a href="https://metabox.io/plugins/mb-admin-columns/" rel="nofollow ugc">MB Admin Columns</a>: Display WordPress custom fields in table columns in admin.</li>
<li><a href="https://metabox.io/plugins/mb-blocks/" rel="nofollow ugc">MB Blocks</a>: Create custom Gutenberg blocks with PHP, using the same syntax in Meta Box.</li>
<li><a href="https://metabox.io/plugins/meta-box-columns/" rel="nofollow ugc">MB Columns</a>: Display eye-catching custom fields in WordPress by putting them into 12-column grids.</li>
<li><a href="https://metabox.io/plugins/meta-box-conditional-logic/" rel="nofollow ugc">MB Conditional Logic</a>: Add visibility dependency for custom meta boxes and custom fields in WordPress.</li>
<li><a href="https://metabox.io/plugins/mb-custom-table/" rel="nofollow ugc">MB Custom Table</a>: Save custom fields to custom tables instead of the default meta tables to reduce your database’s size and increase its performance.</li>
<li><a href="https://metabox.io/plugins/mb-frontend-submission/" rel="nofollow ugc">MB Frontend Submission</a>: Create frontend forms for users to submit posts.</li>
<li><a href="https://metabox.io/plugins/meta-box-geolocation/" rel="nofollow ugc">MB Geolocation</a>: Automatically and instantly populate location data with the power of the Google Maps Geolocation API.</li>
<li><a href="https://metabox.io/plugins/meta-box-group/" rel="nofollow ugc">MB Group</a>: Create repeatable groups for better appearance and structure.</li>
<li><a href="https://metabox.io/plugins/meta-box-include-exclude/" rel="nofollow ugc">MB Include Exclude</a>: Show or hide meta boxes by ID, page template, taxonomy, or custom function.</li>
<li><a href="https://metabox.io/plugins/mb-revision/" rel="nofollow ugc">MB Revision</a>: Track changes to custom fields in WordPress with revisions. You can compare and restore the changes smoothly.</li>
<li><a href="https://metabox.io/plugins/mb-settings-page/" rel="nofollow ugc">MB Settings Page</a>: Create settings pages for themes, plugins or websites with beautiful syntax.</li>
<li><a href="https://metabox.io/plugins/meta-box-show-hide-javascript/" rel="nofollow ugc">MB Show Hide</a>: Toggle meta boxes by page template, post format, taxonomy and category.</li>
<li><a href="https://metabox.io/plugins/meta-box-tabs/" rel="nofollow ugc">MB Tabs</a>: Painlessly create tabs for meta boxes with multiple styles and icons.</li>
<li><a href="https://metabox.io/plugins/meta-box-template/" rel="nofollow ugc">MB Template</a>: Make defining custom meta boxes and WordPress custom fields way easier with templates.</li>
<li><a href="https://metabox.io/plugins/mb-term-meta/" rel="nofollow ugc">MB Term Meta</a>: Add custom fields to categories, tags or custom taxonomies.</li>
<li><a href="https://metabox.io/plugins/meta-box-tooltip/" rel="nofollow ugc">MB Tooltip</a>: Display help information for custom fields with tooltips.</li>
<li><a href="https://metabox.io/plugins/mb-user-meta/" rel="nofollow ugc">MB User Meta</a>: Add custom fields to users.</li>
<li><a href="https://metabox.io/plugins/mb-user-profile/" rel="nofollow ugc">MB User Profile</a>: Build login, register and edit profile forms for users.</li>
<li><a href="https://metabox.io/plugins/mb-views/" rel="nofollow ugc">MB Views</a>: Outputting custom fields and build front-end templates for WordPress without touching theme files.</li>
</ul>
<h3>Detailed Documentation</h3>
<p>We provide regularly updated, and extensive <a href="https://docs.metabox.io" rel="nofollow ugc">documentation</a> as well as <a href="https://docs.metabox.io/tutorials/" rel="nofollow ugc">tutorials</a> on how to use MetaBox and custom fields in WordPress to your advantage as well as in the most efficient way possible.</p>
<p>Here are a few guides to quickly get you started with Meta Box and creating your own WordPress custom fields:</p>
<ul>
<li><a href="https://docs.metabox.io/introduction/" rel="nofollow ugc">Introduction</a></li>
<li><a href="https://docs.metabox.io/custom-post-types/" rel="nofollow ugc">Custom post types</a></li>
<li><a href="https://docs.metabox.io/custom-fields/" rel="nofollow ugc">Custom fields</a></li>
<li><a href="https://docs.metabox.io/field-settings/" rel="nofollow ugc">Field settings</a></li>
<li><a href="https://docs.metabox.io/displaying-fields-with-code/" rel="nofollow ugc">Displaying fields</a></li>
</ul>
<h3>You might also like</h3>
<p>If you like this plugin, you might also like our other WordPress products:</p>
<ul>
<li><a href="https://wpslimseo.com" rel="nofollow ugc">Slim SEO</a> – A fast, lightweight and full-featured SEO plugin for WordPress with minimal configuration.</li>
<li><a href="https://gretathemes.com" rel="nofollow ugc">GretaThemes</a> – Free and premium WordPress themes that clean, simple and just work.</li>
<li><a href="https://wpautolistings.com" rel="nofollow ugc">Auto Listings</a> – A car sale and dealership plugin for WordPress.</li>
</ul>


Easy to Use

Compared to the competition, the design and extensibility of this plugin is significantly better.  Its performance is better and it doesn't suffer from code bloat.  Its learning curve is a bit steep, however that is what really sets it apart from the others.  The support team is pretty responsive with tickets and the documentation is pretty good! I'll be using the pro version of plugin going forward for custom setups.

Cheers~

Excellent Product and Support

Meta Box plugin is a powerful, professional developer toolkit to create custom meta boxes and custom fields for your custom post types in WordPress.

Web Developer's Portfolio vs Meta Box