为博客首页侧边栏添加多语言「个人品牌」区块

图5:English 下的页面显示第二个 Language Visibility 区块

从经典到块:主题迁移

从Hueman到Twenty Twenty-Five,主题切换与多语言菜单配置

在 WordPress 2025 主题中,把 Polylang 语言切换器移到右上角的完整记录

WordPress Twenty Twenty-Five 全局宽度布局实操笔记:宽屏全幅+大屏限宽配置方案

实操|WordPress Twenty Twenty-Five 区块主题 Text Blog Home 改造经典两栏首页(双语无损适配)

WordPress Twenty Twenty-Five 两栏首页改造:Text Blog 小图列表模板完整实操记录

分类列表下拉菜单的美化与渲染机制调试实录

修复日历在侧边栏“占不满”的问题:WordPress 2025 主题日历样式优化

为博客首页侧边栏添加多语言「个人品牌」区块

一次 FSE 分页丢失的排查与修复:从纯布局样板到查询循环

我的博客一直使用 WordPress + Polylang 插件实现中英双语,最近在整理首页侧边栏时,发现右侧在分类列表之后还有一些空白区域。左侧已经有 10 篇文章,右侧的高度勉强与左侧 6 篇文章对齐,正好可以利用这部分空间来展示个人品牌信息。

为什么要在侧边栏放「个人品牌」?

对于一个技术博客来说,侧边栏不仅是导航工具,更是建立信任的入口。我希望能让首次访问的读者快速了解——我是谁、写了多久、能提供什么价值

经过几轮调整,最终确定了这样的定位:侧边栏不是销售页,而是一个信任入口。控制在 80~120 字(中文)和 60~100 词(英文)以内,用户点击后可以进入完整的「关于我 & 合作」页面深入了解。

最终的中文版文案如下:

👨‍💻 个人品牌

王世强|PHP / Go 技术顾问

15+ 年 Web 后端开发经验,专注于系统维护、架构优化、性能调优及 Linux 运维。

持续运营技术博客 10+ 年,累计发布 1000+ 篇原创技术文章。

为创业团队、中小企业及独立开发者提供长期技术支持与远程合作服务。

👉 关于我 & 合作

英文版对应翻译:

👨‍💻 Personal Brand

Wang Shiqiang | PHP & Go Technical Consultant

15+ years of backend development experience specializing in system maintenance, architecture optimization, performance tuning, and Linux administration.

Technical blogger since 2013 with 1,000+ original articles.

Available for consulting, long-term maintenance, and remote collaboration.

👉 About Me & Contact

多语言的挑战

由于博客基于 WordPress Polylang + TMS Extensions for Polylang 实现多语言,侧边栏的内容需要根据不同语言显示不同版本。TMS Extensions 提供了 Language Visibility 区块,可以按选定语言显示或隐藏内容,正好满足这个需求。

操作步骤

第一步:确认侧边栏现状

在添加新内容之前,先看一下当前首页的侧边栏布局。右侧已经有搜索框、分类列表、标签云和日历,但在分类列表之后还有一段空白区域。

图1:右侧边栏相对于左侧文章列表有空白区域

图1:首页侧边栏空白区域截图

第二步:进入站点编辑器并找到博客首页模板

在 WordPress 后台,进入「外观 → 编辑器」(Appearance → Editor)。进入后,在模板列表中找到并点击「博客首页」(Blog Home)模板,进入模板编辑界面。

第三步:在侧边栏中添加 Language Visibility 区块

进入「博客首页」模板编辑界面后,在页面布局中找到右侧的侧边栏区域。点击侧边栏区域末尾的 「+」 按钮,搜索并选择 Language Visibility 区块。

图2:在分类列表后添加区块时选择 Language Visibility

图2:在分类列表后添加区块时选择 Language Visibility

第四步:分别配置中英文两个区块

由于需要同时支持中文和英文,我添加了两个 Language Visibility 区块:

  • 第一个区块:Language 设置为「中文(中国)」,Visibility mode 设置为「Show in selected Language」,内容放入中文版文案
  • 第二个区块:Language 设置为「English」,Visibility mode 设置为「Show in selected Language」,内容放入英文版文案

图3:添加了两个 Language Visibility 区块并分别进行相关设置

图3:添加了两个 Language Visibility 区块并分别进行相关设置

第五步:保存并验证前台显示效果

点击右上角的「保存」按钮。切换到前台查看:

  • 在中文语言下,显示的是中文版「个人品牌」区块

图4:中文(中国)下的页面显示第一个 Language Visibility 区块

图4:中文(中国)下的页面显示第一个 Language Visibility 区块
  • 切换到英文语言下,自动切换为英文版「Personal Brand」区块

图5:English 下的页面显示第二个 Language Visibility 区块

图5:English 下的页面显示第二个 Language Visibility 区块

最终效果与思考

通过这次调整,首页侧边栏在分类列表之后新增了一个「个人品牌」专区,中英文自动适配,既填充了视觉空白,又建立了读者信任。

这个方案的核心思路是:用最精简的文字传递最核心的差异化信息。技术栈可以罗列很多,但「持续写博客 10+ 年」和「中英双语 1000+ 篇文章」才是真正难以替代的竞争力。侧边栏负责引起兴趣,完整的「关于我 & 合作」页面负责承接转化。

如果你也在使用 Polylang 搭建多语言网站,不妨试试 Language Visibility 区块来实现侧边栏的多语言内容控制——简单、干净、有效。

修复日历在侧边栏“占不满”的问题:WordPress 2025 主题日历样式优化 一次 FSE 分页丢失的排查与修复:从纯布局样板到查询循环

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理