You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改WordPress分类小部件标题字号?附代码求解决方案

修改WordPress分类小部件标题字号的可行方案

嘿,这个问题我熟!其实修改WordPress分类小部件的标题字号,完全不用动你贴的那段PHP代码——用CSS处理样式才是最稳妥的做法,毕竟样式和逻辑分开是前端开发的基本准则嘛~

方法一:自定义CSS(强烈推荐)

这是最安全、最易维护的方式,不需要修改任何主题或核心PHP文件:

  • 打开WordPress后台,进入「外观」→「自定义」→「额外CSS」
  • 添加以下CSS代码,把字号改成你需要的数值(比如20px、1.5rem都可以):
/* 控制分类小部件的标题字号 */
.widget_categories .widget-title {
    font-size: 18px; 
    /* 可选:还能加其他样式,比如加粗 */
    font-weight: 600;
}
  • 如果这个选择器不生效,你可以用浏览器的开发者工具(按F12)定位到分类标题元素,找到更精准的CSS选择器替换进去。

方法二:修改PHP代码(仅特殊场景使用)

如果你因为某些原因非要通过修改PHP代码实现,可以给标题包裹一个自定义类的HTML标签,再用CSS控制:
把你现有的代码修改成这样:

$title = ! empty( $instance['title'] ) ? $instance['title'] : __( 'Categories' );
/** This filter is documented in wp-includes/widgets/class-wp-widget-pages.php */
$title = apply_filters( 'widget_title', '<span class="custom-category-title">' . $title . '</span>', $instance, $this->id_base );

然后同样在「额外CSS」里添加样式:

.custom-category-title {
    font-size: 18px;
}

⚠️ 注意:如果是修改主题或插件的PHP文件,一定要用子主题,不然主题更新后你的修改会被覆盖!

内容的提问来源于stack exchange,提问作者Agapie Bogdan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.14 08:39:16