Portfolio and gallery displays

PowerFolio Pro organizes WordPress projects and image collections as filterable portfolios or image galleries. Create a portfolio post for each project and assign categories so users can narrow the displayed items. Portfolio entries can open in a modal or on a single page.

Editor and shortcode options

In Elementor, use the portfolio widget for portfolio posts or the image gallery widget for image collections. Gutenberg includes a portfolio block and an image gallery block for editing filterable grids in the block editor. For other page builders, add a portfolio grid with the [powerfolio] shortcode. Its generator is available from the WordPress Classic Editor screen.

Grid layouts and controls

Choose a boxed, masonry, or Packery layout and set the grid to two, three, four, five, or six columns. The Pro grid builder lets you set the width and height of individual items for mixed-size arrangements. Widget options also control the layout, hover effects, and other display options. Responsive layouts are designed for monitors, tablets, and mobile phones.

Additional Pro options

• Choose from additional grid styles, including special grids.
• Add hover animations, transition effects, and extra CSS effects.
• Place a portfolio carousel in a suitable Elementor layout.
• Display a specific portfolio category or content from any post type in the grid.
• Adjust additional portfolio and gallery presentation options.

Create a portfolio in Elementor

1. Upload the elementor-portfolio folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the WordPress Plugins menu.
3. Open Portfolio in the WordPress main menu and choose Add New Item.
4. Create and publish portfolio items as needed.
5. Create a new Elementor page or edit an existing page, then drag the portfolio widget into the layout.
6. Customize the widget options and publish the page.

You can also display the portfolio grid with the [powerfolio] shortcode or use the relevant Gutenberg block in the WordPress block editor.