个人网站设计欣赏怎么看：3 个看点拆案例，5 个动作改自己站

看别人的个人网站，最没用的看法是「好看」。好看是结果，不是原因。真正能拿来用的是它首屏由几个区块、按什么顺序拼出来，作品区怎么分栏，联系方式塞在哪个模板部件里。这三处拆明白了，你才知道自己站该改哪里。WordPress官方说区块是WordPress的视觉基础，站点每一部分都能用区块创建和管理，学会编辑一个区块就学会用整个WordPress，不用写代码。

对出海做站的人来说，个人站或作品集是别人判断你做什么、值不值得联系的第一屏。搭建和运营的基础写在独立站搭建和运营那篇，看别人的网页设计案例怎么筛，写在网页设计案例筛选那篇。猎者出海做英文独立站，这篇按拆站和改站的顺序讲。

• 这是什么：用WordPress区块编辑器搭个人站，区块是内容的基本单元，段落、标题、媒体、嵌入各算一个区块。
• 官方怎么说：区块编辑器是WordPress建站与发布的现代范式，用模块化区块组合和排版内容。
• 怎么做：后台外观 > 编辑器进站点编辑器，改样式、模板、模板部件；区块插入器加区块。
• 要多少钱：WordPress免费、开源，下载不要钱。版本和系统要求在装之前对一遍。

本文讲个人站、作品集这一类站点怎么欣赏，拆完改自己站哪5处。

个人网站设计欣赏到底在看什么：拆的是结构不是图

区块是离散元素，段落、标题、媒体、嵌入各算一个。每个区块单独编辑和格式控制，拼起来构成页面或文章内容，存进WordPress数据库。看一个个人站，先别管它好不好看，先数它首屏由几个区块、什么顺序拼出来。标题、段落、按钮、图片换一下顺序，读起来的感觉就变了。

站点编辑器让你用区块设计整个站点，包括页眉、页脚和中间所有部分。区块主题是用区块做站点所有部分的主题，包括导航菜单、页眉、内容和页脚。所以你看到的每一块，背后都能对应到站点编辑器里的某个位置，不是一张画好的图。

拆结构，不搬图。别人的图片、Logo、字体都有版权，参考它怎么排可以，直接拿过来用不行。看Logo设计欣赏也是同一个思路，拆它怎么把名字和图形摆在一起，不是把图存下来，具体看Logo设计欣赏那篇。

为什么优秀个人网站设计欣赏值得看：它把「我是谁」压进一屏

站点标志区块用来展示代表本站的图片，更新该区块，改动处处生效。它是动态区块，在服务器端渲染，不在文章内容里保存HTML，只存为区块注释。换一次Logo，页眉、页脚、首屏所有调用它的地方一起换。

站点编辑器里的身份，统一设站点标题、站点标语、站点标志、站点图标。优秀个人站的首屏，基本就是这四样加一句自我介绍。看别人怎么压，看的是它把哪一项放最大、哪一项缩到最小、哪一句留到最后。

对比两种首屏：一种上来就是大图加三行字，看完不知道站主是设计师还是摄影师；另一种标题一行、标语一行、一句介绍一行，下面直接进作品。前者靠图撑，后者靠结构撑。结构撑得住，换成别的图也不塌。

值得看的地方在这里：读者打开页面，一眼要能判断这个人做什么、值不值得往下看。首屏塞太多，判断就慢；压得太狠，又不知道你是谁。这中间的取舍，是优秀个人网站设计欣赏里最该抄的部分，抄的是取舍，不是某张图。

个人网站设计参考的 3 个看点：自我介绍、作品怎么排、联系方式放哪

个人站的信息就三层：你是谁、你做过什么、怎么找你。三层对应三个区块位置，拆的时候分开看，改的时候也分开改。

首屏主张：站点标题加标语加一句自我介绍怎么摆

看别人首屏，先看标题区块和段落区块的位置。标题区块放站点标题，段落区块放一句自我介绍，站点标志区块放Logo。有的站把标语放在标题下面一行小字，有的站把标语拿掉，直接上自我介绍。两种都行，看它有没有让你一眼知道站主做什么。

对应到自己站，就是身份里那四项加首屏的标题、段落、标志区块。标题要短，标语一句，自我介绍一句。多了就挤。出问题怎么回查：点开列表视图，看首屏到底有几个区块，是平铺还是套在组里。

作品怎么排：用列区块、媒体区块、标题区块拼作品清单

看别人作品区，数三样：分几栏、每件作品给多大、标题放图上面还是下面。常见拼法是列区块分栏，每栏里一个媒体区块加一个标题区块。列表视图里能看清这个层级：列区块下面挂着媒体和标题，还是每个作品独立成组。

对应到自己站，先把作品清单列出来，再按这三种区块分配。作品少，不分栏；作品多，列区块分栏比一条长列表好扫。出问题怎么回查：用缩放视图看整页，哪一栏高、哪一栏矮，一眼能看出来，再回列表视图调区块顺序。

联系方式放哪：模板部件管页眉页脚，改一次全站生效

模板部件是管理页眉、页脚、侧边栏这类重复全局区域的区块，可复用，也可自定义。看别人个人站，联系方式基本都在页脚，有的在页眉右上角放一个按钮。页脚放邮箱、社交账号、一句合作联系，读者滑到底就能找到。

对应到自己站，联系方式放页脚模板部件，不要每个页面单独加一段。模板部件改一次，所有用这个页脚的页面一起变。出问题怎么回查：外观 > 编辑器，点图案看模板部件列表，找到页脚点进去看结构；改完点保存，保存列表会列出改过的模板部件。

看完怎么改自己站：5 个动作，从身份到模板部件

1. 装并启用区块主题。后台外观 > 主题，点添加新主题，在添加主题页选区块主题，装好启用。启用后外观菜单里才会出现编辑器。出问题回查：外观 > 主题，看当前启用的是不是区块主题。
2. 进站点编辑器填身份。外观 > 编辑器打开站点编辑器，点身份，把那四项填上。这四项定了，页眉、页脚、首屏调用它们的地方一起变。出问题回查：点开列表视图，看页眉里的站点标志区块是不是空的。
3. 点样式选样式变体、改配色和排版。外观 > 编辑器，点样式，浏览主题现有的样式变体，选一套，再改配色和排版，全站布局和区块外观跟着变。出问题回查：样式改完点保存，看保存列表里列了哪些改动。
4. 改页眉模板部件内边距。外观 > 编辑器，选图案 > 模板部件 > 页眉，点铅笔编辑，选组 > 行区块，区块设置里点样式，滚动到内边距 > 底部，当前值2改为0，保存。页眉上下留白太多，首屏内容会被往下推。出问题回查：保存列表看改了哪些模板部件；Cmd+K或Ctrl+K打开命令面板找区块。
5. 改首页模板内边距。回站点编辑器，选模板 > 首页，点铅笔编辑，选顶部组区块，区块设置点样式，滚动到内边距 > 顶部，当前值3改为0，保存。首页顶部空白太大，第一屏看不到作品。出问题回查：保存列表；作品以照片为主，媒体区块怎么排，看摄影网站制作那篇。

5个动作走完，回到首页看一遍。首屏能不能一眼看出你是谁，作品区能不能扫，页脚能不能找到联系方式。哪一处不顺，回列表视图看区块顺序，别在样式里反复调颜色。

动作2里的身份，改完全站生效。站点标题、标语、标志、图标填错，页眉、页脚、首屏一起错。填完先去首页看，再去一篇内页看，两处都对，再往下走。

数字和限制：装之前先对这几项

装WordPress之前，先对一遍版本和系统要求。版本和系统要求会随版本变，装之前看官方下载页当时显示的。

8,768个主题里，区块主题1,964个。挑的时候先点区块主题标签页，数量少很多，筛起来快。别在普通主题里找站点编辑器入口，找不到。

WordPress本身免费、开源，下载不要钱。主题不一定，有的免费，有的免费但带付费升级。比如Blocksy，主题免费，提供额外付费商业升级或支持，活跃安装300,000+，5星评价864条，最低要求WordPress 6.7、PHP 7.0。装之前看清免费版给什么、付费版加什么，再决定要不要。

常见误区：站点编辑器打不开、改页眉波及全站

站点编辑器打不开，先别怀疑装坏了。回外观 > 主题看当前启用的是不是区块主题，不是就换一个。站点编辑器只在安装并启用区块主题后才可用。

还有个事最容易踩：改页眉页脚，以为只改了当前页。页眉页脚是模板部件，改动会应用到所有用该模板的页面，不只是当前编辑的那一页。保存前看清保存列表里列了哪些模板和模板部件。

把一个区块的样式复制到另一种区块上，也是白忙。复制粘贴样式只用于同类型区块之间，标题的样式贴不到段落上。要批量改同类型区块，从WordPress 6.2起可以把单个区块的改动应用到所有同类型区块，走那个入口。

改完直接关页面，改了半天等于没改。离开编辑视图时有未保存改动，WordPress会提示保存或查看改动后再离开。看到提示别急着点离开，先看保存列表。

出问题按这个顺序回查：先看主题类型，再看保存列表。保存列表会列出所有改过的同步图案、导航菜单、模板和模板部件，可以全存，也可以只存一部分。改多了，可以在列表里只存一部分。

用 AI 把欣赏变成改站清单，这 3 步能照抄

AI能帮的活，集中在整理和起草。看完别人的站，把看到的东西丢给AI，让它整理成对照表、首屏文案、区块结构草稿。做判断还是人来。

1. 让AI把收集到的个人站参考案例按信息层级、首屏主张、作品呈现、转化入口四栏列成对照表。你描述看到的东西，它只管归类，不补你没说的。
2. 让AI根据对照表起草自己站的首屏文案，站点标题、站点标语、一句自我介绍。给三个短版本，你挑一个改。
3. 让AI把作品清单整理成区块结构草稿，标明哪些用标题区块、哪些用媒体区块、哪些用列区块。它标区块名，不写代码。

下面三条提示词是本文给的示例，不是官方模板，照抄改改就能用。

「下面是我收集的5个个人网站截图描述，请按信息层级、首屏主张、作品呈现、转化入口四栏做成对照表，每栏只写我描述里出现的内容，不要补充。」

「这是我的站点标题和一句自我介绍草稿，请给出3个更短的首屏版本，每个不超过20字，不要加我没提供的信息。」

「这是我的作品清单，请按WordPress区块（标题、段落、媒体、列、按钮）给出页面结构草稿，只标注用哪个区块，不写代码。」

AI给的是草稿，下面三件事必须人做。在外观 > 编辑器里点开身份，亲手填那四项。这四项定了，全站调用它们的地方跟着变。

再就是样式。在站点编辑器里点样式，亲手选一套样式变体，改配色和排版，看预览效果决定留哪套。样式变体是现成的几套配色和字体组合，选完还能微调。

最后一步别省：改完页眉或页脚模板部件后点保存，在保存列表里看清哪些模板和模板部件被改动，决定全存还是只存一部分。保存列表是唯一能看清改动范围的地方。

改站清单整理完，站上线以后，猎者出海的AI Agent每周拉一次数据，给你一张单子，写清楚改哪几篇、改什么、先改哪篇。清单归清单，先改哪个还是看数据。

常见问题

个人网站设计欣赏有没有官方评分标准？

不用找官方评分标准，没有这样一张表。按首屏区块、作品区分栏、页脚内容三处拆，比评分表实用。

站点编辑器为什么打不开？

先看主题。站点编辑器要有区块主题才开得了。外观 > 主题里看当前启用的是不是区块主题，不是就换一个。

改页眉会不会把所有页面都改了？

会，只要那些页面用同一个页眉模板。页眉页脚是模板部件，改一次，所有用这个页眉的页面一起变。保存前看保存列表，确认改动范围。

区块样式能不能跨类型复制？

不能。样式复制只限同类型区块之间，标题的样式贴不到段落上。要批量改同类型区块，从WordPress 6.2起可以把单个区块的改动套到所有同类型区块。

WordPress建个人站要花钱吗？

WordPress本身免费、开源，下载不要钱。主题有的免费，有的免费但带付费升级，比如Blocksy提供额外付费商业升级或支持。装之前看清免费版给什么。

相关文章：Behance作品集怎么传、个人博客网站制作教程、报价里含哪些设计环节。

个人站不是一次改完的。先改首屏和作品区，上线看数据，再决定下一步。从零搭一个站，猎者出海的AI Agent从空服务器到上线，十个阶段每段一道关，站照着你的方向长出来。改现有的站，按上面5个动作走，先把身份和模板部件理顺。