Portfolio Block – The Ultimate Project & Portfolio Builder vs Bootstrap Blocks

Portfolio Block makes it easy to create a clean, modern portfolio directly inside the WordPress block editor. It includes multiple layouts, category filters, responsive controls, and full design flexibility. Ideal for freelancers, designers, photographers, agencies, or anyone who wants to showcase projects in a professional way. You can build a portfolio using the Gutenberg block or generate a shortcode and display it anywhere on your site, including pages, posts, widgets, footers, or page builders. Portfolio Block | Documentation | Pricing | Support | Demo Key Features – Free Version Multiple Layouts – Grid, Masonry, and Card Hover layouts for flexible portfolio design. Unlimited Categories – Organize projects with as many categories as you need and allow users to filter by category. Portfolio Items – Add images, titles, descriptions, and external or internal links. Assign multiple categories per item. Item Management – Duplicate, delete, or reorder items with simple controls. Responsive Controls – Adjust columns, spacing, and layout settings for desktop, tablet, and mobile. Styling Options – Customize colors, borders, shadows, spacing, and overlay settings to match your theme. View All Button – Add a customizable button linking to your full portfolio archive or a separate page. Shortcode Support – Use your portfolio anywhere with the shortcode format: [pfb id=”123″]. Portfolio Block Pro – Unlock Advanced Features Pro Features Include Advanced Layouts – Split Screen, Slider, Minimal List, and Stacked Cards for more dynamic presentation styles. Typography Controls – Adjust fonts, sizes, colors, weight, and alignment for titles, categories, and descriptions. Hover and Animation Effects – Premium hover transitions and animations for a more interactive experience. Slider Options – Autoplay, loop, pause on hover, navigation controls, and speed settings for slider-based portfolios. Advanced Styling – More control over buttons, badges, icons, overlays, and spacing. Specialized Portfolio Blocks – Create niche-specific portfolios using professionally designed blocks: Developer Portfolio – Create a developer portfolio page directly inside Gutenberg to showcase projects and technical work. Fashion Portfolio – Display fashion collections, lookbooks, and brand campaigns. Marketing Portfolio – Present case studies, campaign results, and marketing projects. Photography Portfolio – Highlight photography collections with visual-focused layouts. Resume Builder – Create a professional resume or CV portfolio page directly inside Gutenberg. Priority Support – Faster support and ongoing updates with the Pro upgrade. Why Choose Portfolio Block? Create stunning and professional portfolios directly inside WordPress without any coding. ** Multiple portfolio layouts ** — Showcase projects with Grid, Masonry, Card Hover, Slider, and other modern layouts. ** Easy Gutenberg integration ** — Build and customize your portfolio directly inside the WordPress block editor. ** Category filtering ** — Organize projects with unlimited categories and let visitors quickly find specific work. ** Responsive portfolio design ** — Your projects look perfect on desktop, tablet, and mobile devices. ** Complete design control ** — Customize colors, spacing, borders, shadows, overlays, and styling options. ** Portfolio item management ** — Easily add, edit, duplicate, delete, and reorder portfolio items. ** Shortcode support ** — Display your portfolio anywhere on your website, including pages, posts, widgets, and page builders. ** Professional showcase layouts ** — Create portfolios for developers, designers, photographers, agencies, and businesses. Common Use Cases The plugin is useful for many types of WordPress websites: ✔ Developer Portfolios: Showcase coding projects, applications, GitHub work, and technical skills professionally. ✔ Designer Portfolios: Display UI designs, branding projects, creative work, and design collections. ✔ Photography Websites: Create beautiful photography galleries with visual-focused layouts. ✔ Agency Websites: Present client projects, case studies, services, and successful campaigns. ✔ Freelancer Portfolios: Highlight completed projects, skills, experience, and professional achievements. ✔ Marketing Portfolios: Showcase marketing campaigns, results, and business success stories. ✔ Fashion Portfolios: Display collections, lookbooks, and creative fashion projects. ✔ Resume & CV Websites: Build modern resume pages with projects, experience, and personal achievements. How to Use Portfolio Block – Step-by-Step Guide Getting started with Portfolio Block is quick and easy! Step-by-Step Instructions Install and activate Portfolio Block. Open the Block Editor and click the + icon. Search for Portfolio (by bPlugins). Add your portfolio items and customize your layout. Publish your page. Shortcode Usage Go to Portfolio Block → Add New Portfolio in the dashboard. Create your portfolio using the block editor. Publish it. Copy the shortcode that appears after publishing. Paste it anywhere on your site where you want the portfolio to appear. Feedback Have a suggestion or question? Email us: [email protected] Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. Html5 Audio Player – Listen audios with awesome visuals. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Advanced Post Block – Show posts and custom posts in different layouts. bBlocks – A blocks collection and page building tool for Gutenberg.

Bootstrap Gutenberg Blocks for WordPress. This plugin adds Bootstrap components and layout options as Gutenberg blocks. Features Supports Bootstrap v5 and v4 Support for CSS grid (experimental) Fully customizable with filters Configuration via option page or programmatically with constants Block templates can be overwritten in your theme The full documentation of this plugin can be found on GitHub: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin#readme Available Blocks Container Options: Fluid: If enabled the container will use the full available width, spanning the entire width of the viewport. Fluid Breakpoint: Used to enable responsive containers. This feature only works with Bootstrap v4.4+. The container will use 100% of the width until the specified breakpoint is reached, after which the defined max-widths will apply for each of the higher breakpoints. Margin After: Define a margin which should be added after the container. Row Options: Template: Choose from a predefined template for the inner column blocks. No Gutters: Disable gutters between columns. Alignment: Horizontal alignment of inner column blocks. Vertical Alignment: Vertical alignment of inner column blocks. Editor stack columns: Displays stacked columns in the editor to enhance readability of block content. Horizontal Gutters: Size of horizontal gutters. Vertical Gutters: Size of vertical gutters. CSS Grid Gutters: Size of gutters when CSS grid is used. Column Options: Sizes for all breakpoints (xxl, xl, lg, md, sm, xs): How much space the column should use for the given breakpoint. Equal width for all breakpoints (xxl, xl, lg, md, sm, xs): If enabled column will spread width evenly with other columns. Background Color: Set background color to column. Content vertical alignment: Align content vertically in column. This option is only needed if a background color is set. Otherwise use the Alignment option of the outer row block. Padding: Define padding inside the column. Button Options: Style: Choose the styling of the button. Open in new tab: Choose if link should be opened in a new tab. Rel: Set rel attribute of the link. Alignment: Horizontal alignment of the button. Supported Bootstrap versions This plugin supports Bootstrap v4 and v5. The version can be selected in the plugin settings (Settings > Bootstrap Blocks) or by defining the WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION constant in the wp-config.php file: Bootstrap 4: define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '4' ); Bootstrap 5 (default): define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '5' ); Possible values right now are '4' or '5'. By default Bootstrap version 5 is selected. CSS Grid The CSS grid (supported with Bootstrap >= 5.1.0) can be enabled in the plugin settings (Settings > Bootstrap Blocks) or by defining the WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID constant in the wp-config.php file: eg. define( 'WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID', true ); When the CSS grid is enabled the row and the column blocks will use custom templates for the rendering process: Row: row-css.grid.php Column: column-css-grid.php The support is still experimental since it’s also marked as experimental in the Bootstarp library. Please read the official Bootstrap documentation to get more information on how to use it. Bootstrap library Please be aware that this plugin does not include the Bootstrap library in your website. You need to do this by yourself. We decided not to include the library so that you can modify Bootstrap to your own needs before loading it. You’ll find an example how to include it in your theme’s functions.php in the documentation. Templates All blocks are implemented as dynamic blocks. This makes it possible to overwrite the template of a block in your theme. To overwrite a block template create a folder called wp-bootstrap-blocks/ in your theme directory. You can copy the original template from wp-bootstrap-blocks/src/templates/ .php as a starting point and adjust it to your needs. Requirements WordPress >= 5.0 PHP >= 5.6 Further Information Documentation: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin#readme WordPress Plugin: https://wordpress.org/plugins/wp-bootstrap-blocks GitHub Repository: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin Changelog: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/releases Issue tracker: https://github.com/tschortsch/bootstrap-blocks-wordpress-plugin/issues