主要外卖
- Elementor 的 Portfolio 小部件在 Pro 列表中,它从帖子或自定义帖子类型中提取,并根据其分类术语构建过滤器选项卡。
- 在免费的 Elementor 安装中,您可以手工构建相同的网格,其中每个项目都是您填写的项目,而不是发布小部件查询。
- 手工构建的路线为每个项目提供标题、字幕、最多两个带有自己 URL 的按钮以及诸如"新"或"流行"之类的功能区。
- Bu是帖子驱动的,所以一个新项目就是加一个物品,Bu是发布帖子,对于一个有八到三十篇的画室来说,Zhong常是公平交易。
- 根据工作的存储方式决定:如果您的项目已经是带有类别的帖子,则 Pro 小部件获胜;如果它们位于图像文件夹中,则手动网格速度会更快。
Portfolio页面,要展示作品,让人们缩小到自己来找的那种作品,给他们一条细节的通道,过滤栏处理中间部分,把一个长卷变成两次点击。
Elementor有一个小部件为此,它坐在Pro后面,这篇文章涵盖了那个小部件的作用,然后是手动路线,该路线适用于免费安装,每个限制。
目录
Elementor 投资组合小部件的作用
Portfolio是一个Pro小部件,重要的部分是它的内容来自哪里:它运行一个查询,你把它指向帖子或自定义帖子类型,设置每页帖子,小部件从特色图像和每个帖子的标题构建网格。
过滤栏是面板中一个单独的部分,有自己的 Show 开关,默认情况下关闭,并有一个分类下拉。选择分类法及其术语成为选项卡。这是人们在询问为什么他们的 Portfolio 小部件没有过滤器时会错过的步骤。
Layout 为您提供响应式列,从 1 到 6,从桌面上的 3 开始,平板电脑上的 2 开始,移动设备上的 1 开始,砖石开关,以及物品比例滑块,当砖石关闭时,每张卡片的裁剪比例相同。
Projects已经存在为posts的时候,这才是真正的优势:发布一个案例研究,标记它,它出现在网格中,没有布局工作,成本是卡片显示post所持有的每个项目字段没有,整个卡片链接到post。
另一个问题是显而易见的。它需要 Pro,如果您的作品没有存储为帖子,则必须在小部件有任何内容显示之前为每个项目创建一个帖子。
免费安装时的手动路线
另一种方法是过滤的图库小部件,其中每个项目都是您填写的一行。 可过滤图像库 ementor 自由安装的方式工作并运行, 因此步骤为:
- 删除页面上的小部件,并在图库内容中继器中为每个项目添加一项。
- 给每个项目一个过滤标签。该文本成为选项卡,因此 “品牌”、“Web” 和 “摄影” 为您提供三个选项卡加上 All 选项卡。
- Title和副标题填上,一个项目名称和一个行 “品牌标识,2026”通常就足够了。
- 添加一个或两个按钮,指向实时网站和案例研究。
- 置列,然后决定是否将卡片裁剪到具有图像宽高比的均匀高度。
单击一个选项卡,网格会缩小到该类别,而无需重新加载页面。
项目卡上发生了什么
每个中继器行都带有构成卡片的字段,这就是您用手填写它们所获得的交换条件。
| 场 | 用它来 |
|---|---|
| 过滤标签 | 的类别选项卡。当一个项目属于两个项目时,逗号会分开。 |
| 标题 | 项目名称。 |
| 副标题 | Client,纪律或年份。“品牌标识,2026”读起来不错。 |
| 丝带 | A角徽章。预设列表包括新, 流行,销售和更新。 |
| 按钮一和按钮二 | 每张卡有两个链接,因此一个可以访问实时网站,一个可以访问案例研究。 |
| 弹出窗口或链接 | 在灯箱中打开图像,而不是将人送走。 |
Ribbons值得一看投资组合,一个“新”徽章在你最近的项目上吸引了你最想看到的工作的眼睛,平淡的网格没有办法做到这一点。
哪条路线适合您的网站
| Elementor 投资组合小部件 | 可过滤图库小部件 | |
|---|---|---|
| 需要 Elementor Pro | 是的 | 否 |
| 项目所在的地方 | 帖子或自定义帖子类型 | 您在页面上填写的项目 |
| 过滤选项卡来自 | 分类术语,打开过滤栏后 | 每个项目上的过滤器标签 |
| 稍后添加项目 | 发布一篇文章,它出现了 | 添加一项并保存页面 |
| 每个项目按钮 | 否 | 两个,每个都有自己的 URL |
| 徽章或丝带 | 否 | 是的 |
| 列 | 1至6,反应灵敏 | 1到6,所有屏幕一个值 |
| 砌体 | 是的,一个开关 | A开关,但网格保持成行 |
| 图像上的灯箱 | 不,整张卡片都链接到帖子 | 是的,带有弹出选项 |
| 最好的 | 案例研究已经发布的网站 | 工作室有一套固定的作品 |
这个决定中也有一条音量线,在八到三十个项目中,填写项目很快,您就可以获得每张卡控件。过去一百个,查询驱动的小部件是更理智的选择,因为没有人愿意用手维护一百个中继器行。
使投资组合网格发挥作用的五件事
- 将类别保留为四或五个。九个选项卡是第二个导航菜单,上面有一个过滤器的名称。
- Decide on croping early。Image Aspect Ratio croped every cards to the elame height; leaving it off keeps each image's own progressions。
- 写出一些话的字幕。 “客户端,年”在每张卡上都击败“项目”。
- 每张卡片选择一键行为。同一张卡片上的灯箱和案例研究按钮做出了两个不同的承诺。
- Check手机上的列数,每个屏幕大小都适用列值,所以桌面上的三列也是手机启动的地方。
常见问题
Elementor Portfolio 小部件免费吗?
No, Portfolio是一个Pro小部件, 免费插件有图片库小部件, 它是一个带有灯箱和无滤波栏的网格。
我可以在没有 Elementor Pro 的情况下构建可过滤的投资组合吗?
是的,带有过滤网格的附加小部件。类别来自您在每个项目上键入的标签,而不是来自后分类法。
项目可以分为两类吗?
是。将两个名称都放在过滤标签字段中,用逗号分隔。
网格可以从帖子中提取我的项目吗?
Not with the manual route。gallery是你填写的项目列表,所以一个新的项目意味着添加一个项目,如果一个帖子驱动的网格是你需要的,那就是Pro Portfolio小部件的工作。
对于手工构建的网格来说,有多少项目太多了?
没有硬限制,但每个项目都加载页面,因为小部件没有更多加载或分页。大约三十到四十块是一个舒适的天花板。
最后的想法
2条路线在屏幕上都以相同的东西结束:一个网格,一排类别按钮,工作一个访客可以一键缩小你的项目在哪里生活决定你使用哪个,带有类别的帖子指向Pro小部件。一个图像文件夹和一个学科的简短列表指向手动网格,它不要求许可证。
相关阅读
