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

WordPress头部代码无法渲染仅显示源码问题求助

解决页面显示HTML/PHP源码而非渲染效果的问题

嘿,我看了你的代码和问题描述,页面直接吐源码不渲染这种情况,我之前也碰过好几次,咱们一步步来排查:

首先排查最核心的原因:PHP没被服务器解析

这是最常见的坑:

  • 先确认你的文件后缀是.php,不是.html!服务器只会对.php后缀的文件执行PHP代码解析,要是你存成.html,那里面的PHP代码就会直接当文本输出。
  • 再检查服务器配置,比如Apache有没有开启PHP模块,Nginx有没有配置fastcgi_pass指向PHP-FPM;要是用本地环境(比如XAMPP/WAMP),确保服务是正常启动的状态。

然后检查HTML语法有没有致命错误

看你贴的代码,整体结构没问题,但有个地方要注意:<header>的背景图片URL里,PHP输出的内容如果带空格或者特殊字符,可能会把style属性搞崩。你可以先把这段PHP换成静态URL测试,比如:

<header id="header" style="background-image:url('https://example.com/your-bg.jpg')">

如果换成静态内容后页面能正常渲染,那要么是PHP输出的URL有问题,要么还是PHP没解析的锅。

另外,你的PHP逻辑里有个小冗余:

if ( is_front_page() || is_home() || is_front_page() && is_home() )

其实is_front_page() || is_home()已经包含了两者同时成立的情况,不过这个不会导致源码显示,只是个小优化点。

最后排查编码和环境冲突问题

  • 确保你的文件是UTF-8无BOM格式,BOM头有时候会干扰服务器的PHP解析;
  • 暂时禁用所有插件,切换到WordPress默认主题(比如Twenty Twenty-Three)测试,排除插件或主题冲突导致的输出异常。

快速自测方法

新建一个test.php文件,写点最简单的代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
</head>
<body>
    <?php echo "测试PHP解析"; ?>
</body>
</html>

访问这个文件,如果显示“测试PHP解析”,说明PHP正常;如果显示<?php echo "测试PHP解析"; ?>,那100%是服务器没配置好PHP解析。


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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.28 03:27:34