[WordPress] 外掛分享: PowerFolio – Portfolio & Image Gallery for Elementor

首頁外掛目錄 › PowerFolio – Portfolio & Image Gallery for Elementor
WordPress 外掛 PowerFolio – Portfolio & Image Gallery for Elementor 的封面圖片
10,000+
安裝啟用
★★★★
4.5/5 分(11 則評價)
104 天前
最後更新
問題解決
WordPress 4.0+ PHP 7.4+ v3.2.5 上架:2018-03-20

內容簡介

這個外掛擴充了Elementor,免費提供文章網格、作品集和可篩選的圖片庫小工具。

外掛展示

點擊此處查看作品集展示

概述

此外掛通過新增文章網格、作品集和可篩選的圖片庫的附加元件/小工具來擴充Elementor,讓您可以使用Elementor的拖放介面創建創意作品集。

它也提供了具有多種自定義選項的可篩選的圖片庫。

它非常適用於建立網站或網站開發項目的作品集,特別是針對創意專業人員,如設計師、網站開發人員和攝影師。

您還可以啟用可篩選的作品集和圖庫選項,將您的項目分為可以進行篩選的類別。

它還可用於在您的網站上創建驚人的圖片庫。

此外,現在它還具有Elementor的文章網格和產品網格小工具,具有更多Elementor屏幕上自定義每個部分的選項,可完全自定義每個部分的文章網格或Woocommerce產品網格。

演示影片

第一個作品集操作指南 #1

第一個作品集操作指南 #2

詳細教程,如何使用此外掛建立出色的作品集

特點

適用於Elementor的可篩選作品集附加元件/小工具
適用於Elementor的可篩選圖片庫附加元件/小工具
適用於Elementor的文章網格附加元件/小工具
適用於Elementor的Woocommerce產品網格附加元件/小工具
如果需要,您可以僅顯示自定義的作品集類別
您可以將項目顯示在模式窗口或單頁上
與Elementor(作品集小工具)兼容
與任何頁面構建器兼容(如果使用短碼)
與Gutenberg兼容(如果使用短碼)
磁貼式、框式、和Packery格子佈局(以及PRO版本的網格構建器!)
2、3、4、5或6列
4個文章/產品網格樣式-經典、磁貼和2種創意風格

Elementor作品集附加元件/小工具

通過這個Elementor作品集小工具,您可以展示作品集文章類型的文章,以可篩選的圖庫方式呈現。您可以自定義所有東西,從佈局/網格到懸停效果等等。

適用於Elementor的圖片庫可篩選小工具/附加元件

您可以使用Elementor圖片庫小工具,以可篩選的圖庫形式展示圖片集在您的頁面上。您將擁有與Elementor作品集小工具相同的自定義選項。

圖片庫網格構建器(PRO版本)

通過網格構建器,您將能夠自定義每個項目的寬度和高度。結合Packery佈局和篩選器,它允許您創建獨特和魔術的網格。

適用於Elementor的文章網格小工具

通過這個Elementor小工具,您可以以可自定義的文章網格形式展示「文章」文章類型的內容,擁有多種風格選項。

適用於Elementor的產品網格小工具

您可以使用此Elementor小工具來顯示您的Woocommerce商店的產品。

PRO版本特點

14個懸停效果
10種網格樣式,包括我們獨有的特殊網格
網格構建器
作品集輪播小工具
額外的 CSS 效果和動畫效果
選項以顯示特定的作品集類別
選項以從任何文章類型中顯示內容至網格
額外的自定義選項

外掛標籤

開發者團隊

⬇ 下載最新版 (v3.2.5) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「PowerFolio – Portfolio & Image Gallery for Elementor」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

A powerful portfolio and gallery plugin for WP, Elementor and Gutenberg. Create portfolio and image galleries in seconds using any page builder!
A Powerful Portfolio and Gallery Plugin for Elementor
WordPress has changed. Page builders have made it easier than ever to create websites.
Powerfolio arrives to complement this new generation of WordPress, making it possible to create portfolios and image galleries in an easy and fast way, fully integrated with WordPress page builders.
Plugin Demo
Click here to see the portfolio demo
The first impression is what matters
Do you want to display projects in a classic grid or in a masonry layout? Or do you prefer an exclusive format, where each item has a specific size? With Powerfolio, you can choose any of these options.
Powerfolio allows you to create a professional portfolio or an image gallery in a few seconds using your preferred page builder (Gutenberg or Elementor).
It is possible, in a few clicks, to choose the number of columns, define category filters and customize hover effects, backgrounds, colors, CSS options, Animations, and much more.
Compatible With Elementor
Powerfolio is 100% compatible with Elementor. It means that you can use our portfolio for elementor or image gallery elementor widgets to create a gallery grid on any page and edit using the page builder features of Elementor.
Integrated with Gutenberg
Powerfolio is also compatible with Gutenberg, the block editor from WordPress. With our Portfolio and Image Gallery blocks you can easily create and customize filterable image grids using the visual editor from WordPress.
Filterable Galleries
Powerfolio has built-in filterable gallery option. By activating it, your users will be able to filter the items in the gallery according to the selected category.
CSS Animations and Transition Effects
You can choose from several transition effects for your portfolio or image grid. A simple way to delight your users.
Custom Grids
There are several grid options to choose from, like the classic box grid, masonry and custom grids.
You can also create your own custom grid by changing the width and height of each item in the gallery (PRO version only)
Fully Responsive
Portfolios are 100% responsive, this means that your portfolio or gallery will work perfectly on any screen, such as monitors, tablets and mobile phones.
Demo Videos
Getting started with your first portfolio #1

Getting started with your first portfolio #2

This is a detailed tutorial on how to build a nice portfolio with the plugin

Features

Filterable Portfolio Addon/Widget for Elementor
Filterable Portfolio Block for WordPress/Gutenberg
Filterable Image Gallery Addon/Widget for Elementor
Filterable Image Gallery Block for WordPress/Gutenberg
Portfolio Shortcode Generator (available on the WP Classic Editor screen)
Masonry, Boxed and custom Packery Grid layouts (and also a grid builder in PRO version!)
You can show the projects on a modal or on a single page
Compatible with Elementor (Portfolio Widget)
Compatible with any page builder (using the shortcode option)
2,3,4,5 or 6 columns

Elementor Portfolio Widget/Addon
With this Elementor portfolio widget, you can display the posts of the portfolio post type in a filterable gallery. You have options to customize everything, from the layout/grid to the hover effects.
Filterable Image Gallery for Elementor Widget/Addon
You can use the Elementor gallery widget to display a filterable image gallery in your page. You will have the same customization options as the portfolio for elementor widget.
Image Gallery GRID Builder (PRO Version)
With the grid builder, you will be able to customize the width and height of each item in your gallery. In combination with the packery layout and the filter, it allows you to create unique and magic grids.
Beta Features
We also have some features that are not the main purpose of the plugin but we can turn into main features of the plugin. E.g.
* Posts Grid Addon/Widget for Elementor
* Woocommerce Products Grid Addon/Widget for Elementor
* 4 Post/Product Grid Styles – Classic, Masonry and 2 creative styles
POSTS GRID FOR ELEMENTOR WIDGET
With this Elementor widget, you can display the content of the “post” post type in a customizable post grid, with several style options.
PRODUCTS GRID FOR ELEMENTOR WIDGET
You can use this Elementor widget to display the products of your Woocommerce store.
PRO version Features

Several hover animations/effects
Several grid styles, including Special Grids
Grid Builder
Portfolio Carousel Widget
Extra CSS effects and animations
Option to display a specific portfolio category
Option to display content from any post type to the grid
Extra customization options

Installation Instructions / How to use

Upload elementor-portfolio folder to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Click on the “Portfolio” link from the main menu
Click on “Add New Item”, create your first portfolio content and publish. Create as many posts as you want.
Create a new page using Elementor, or edit an existing one
Drag and drop the portfolio widget to your page.
Customize it using the widget options and publish the page.
Done! Your new portfolio is ready!

How to display the filterable portfolio grid using a shortcode
The widget will be available in Elementor items. Just drag it to your website and select the customization options 🙂
You can also use the shortcode to display the portfolio grid on a page/post, or using Gutenberg and other page builders:
[powerfolio]
You can customize it using these options:

postsperpage: Set a number of posts to show (eg: postsperpage=”12″).
showfilter: Show the category filter on the top of the grid. Options: yes/no. (eg: showfilter=”yes”).
style: Set the grid style of the portfolio. Options: masonry/box. (eg: style=”box”).
linkto: Set the link type of the portfolio item. If is set to image, it will open the Featured Image on a lightbox. Options: image/project. (eg: linkto=”image”).
columns: Set the columns per row of the portfolio grid. Options: 2/3/4. (eg: columns=”4″).
margin: Choose if you want a margin between the items or no. Options: yes/no. (eg: margin=”no”).

Example of a complete shortcode:
[powerfolio postsperpage=”12″ type=”no” showfilter=”yes” style=”masonry” linkto=”image” columns=”4″ margin=”no”]
Example of a complete shortcode without the set properties:
[powerfolio postsperpage=”” showfilter=”” style=”” linkto=”” columns=”” margin=””]

延伸相關外掛

文章
Filter
Apply Filters
Mastodon