3个坑教你避雷，wordpress的Portfolio哪家好

改个需求建站公司拖一周，这种事我见过太多。客户说“加个作品展示页”，结果等了三天才收到个“正在开发中”的回复。这不是技术问题，是沟通和流程的问题。如果你正在做 wordpress 的 Portfolio，或者准备做，那你得知道选哪家好，不光是技术，更是服务和效率。

项目背景与需求

先说说这个项目是怎么来的。客户是个自由职业的设计师，想要一个展示自己作品的个人网站，用来接单。他之前用过几个建站平台，但觉得不够灵活，特别是想要一个可以自由编辑的 Portfolio 页面，展示作品集、客户评价、项目介绍等内容。他试过 WordPress，觉得后台操作友好，但搭建 Portfolio 页面时遇到不少麻烦。

他最初找了一家建站公司，沟通了需求，说要一个能自定义展示作品的页面。对方回复：“我们这边可以做，但可能需要两周时间。”客户觉得有点久，就换了一家，结果这次对方说：“可以做，但要加钱。”客户不干了，干脆决定自己来。

这其实是很多人的共同经历：找建站公司，要么拖延，要么加价，要么根本不按需求做。如果你也在考虑 wordpress 的 Portfolio 做法，那么选哪家好，得从技术、服务、效率这三方面来看。

技术选型

在 WordPress 中搭建 Portfolio 页面，技术选型非常重要。客户的目标是快速、稳定、易于维护，所以他选择了最常见也最成熟的方案：WordPress + Astra 主题 + Elementor 页构建器 + Advanced Custom Fields (ACF) 插件。

为什么选 WordPress？

WordPress 是目前全球使用最多的 CMS（内容管理系统），据 中国互联网络信息中心（CNNIC） 2023 年的数据，国内使用 WordPress 的网站占比超过 30%，其生态丰富，插件和主题市场庞大，适合个人和小型企业使用。

为什么选 Astra 主题？

Astra 是一个轻量级、高度可定制的主题，支持多种页面构建器，特别是和 Elementor 配合使用时，能快速搭建出美观的页面。它的代码规范，加载速度快，SEO 优化也不错。

为什么选 Elementor？

Elementor 是一个流行的拖拽式页面构建器，适合非技术人员快速搭建页面。客户不需要写代码，只需要拖拖拽拽就能实现一个功能完善的 Portfolio 页面。

为什么选 ACF 插件？

ACF 是一个高级自定义字段插件，可以用来创建灵活的内容结构。比如在 Portfolio 页面中，每个作品可能包含标题、描述、图片、链接等信息，通过 ACF 可以创建一个字段组，让客户自己去添加内容，而不需要程序员手动去写数据库字段。

其他辅助工具

Yoast SEO 插件：用来优化 SEO，提高网站在搜索引擎中的排名。
WP Super Cache：缓存插件，提升网站速度。
SSL 证书：通过 Let's Encrypt 或付费证书来实现网站 HTTPS，提升安全性。

这些技术选型，组合起来可以实现一个功能完善、速度快、易于维护的 WordPress Portfolio 页面。

核心实现（配代码片段）

下面是一个简单的 ACF 字段组配置，用于 Portfolio 页面中展示每个作品。

ACF 字段组配置

安装并激活 ACF 插件。
在后台进入“ACF → 创建字段组”。
设置字段组名称为“Portfolio Item”，然后添加以下字段：

字段名	字段类型	描述
作品标题	文本	作品名称
作品描述	文本区域	作品的简要介绍
作品图片	图像	上传作品封面图
作品链接	URL	作品的链接（如 GitHub、项目网站等）
项目时间	文本	项目完成时间

保存后，回到 WordPress 后台，进入“文章”或“页面”编辑界面，就可以看到这个字段组，然后可以为每个作品添加内容。

示例代码：展示 Portfolio 项目列表

下面是一个简单的 PHP 模板代码，用来展示 Portfolio 页面中的所有作品。

<?php
// 获取所有带有 'portfolio_item' 自定义字段的文章
$args = array('post_type' => 'post','posts_per_page' => -1,'meta_key' => 'portfolio_item','meta_value' => '1'
);$query = new WP_Query($args);if ($query->have_posts()) :echo '<div class="portfolio-container">';while ($query->have_posts()) : $query->the_post();$title = get_field('作品标题');$description = get_field('作品描述');$image = get_field('作品图片');$link = get_field('作品链接');$date = get_field('项目时间');echo '<div class="portfolio-item">';echo '<img src="' . $image['url'] . '" alt="' . $title . '">';echo '<h3>' . $title . '</h3>';echo '<p>' . $description . '</p>';echo '<a href="' . $link . '" target="_blank">查看项目</a>';echo '<small>项目时间: ' . $date . '</small>';echo '</div>';endwhile;echo '</div>';
else :echo '暂无作品';
endif;wp_reset_postdata();
?>

这段代码可以放在一个模板文件中，例如 page-portfolio.php，然后在 WordPress 中创建一个页面，选择该模板即可显示所有 Portfolio 项目。

当然，你可以进一步使用 Elementor 来美化这个页面，添加交互效果，比如鼠标悬停展示更多信息，或者点击进入详情页面等。