Docker部署的WordPress仅显示纯文本，CSS失效求助

1. 检查WordPress站点URL设置 #

如果能进入纯文本状态的后台（地址为你的域名/wp-admin），在设置-常规中确认**WordPress地址(URL)和站点地址(URL)**为实际对外可访问的域名，而非容器内部IP或localhost。

若无法进入后台，直接修改数据库：

• 进入MySQL容器：docker exec -it 你的mysql容器名 mysql -u用户名 -p密码
• 切换至WordPress数据库：use 你的wp数据库名;
• 更新URL配置：

  UPDATE wp_options SET option_value = 'https://你的实际域名' WHERE option_name = 'siteurl';
  UPDATE wp_options SET option_value = 'https://你的实际域名' WHERE option_name = 'home';
  

2. 验证容器端口映射与反向代理配置 #

• 若直接映射WordPress容器端口（如8080:80），确认访问时使用正确端口，且容器内的Web服务（Apache/Nginx）可正常对外提供静态资源。
• 若使用Nginx反向代理，检查配置是否传递正确的Host头，及是否正确处理静态资源请求：

  proxy_set_header Host $host;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  proxy_set_header X-Forwarded-Proto $scheme;
  

  确保wp-content下的CSS、JS等静态资源请求可正常转发至WordPress容器。

3. 检查容器内静态资源权限 #

进入WordPress容器：docker exec -it 你的wp容器名 bash
检查wp-content目录及主题CSS文件权限：

ls -ld /var/www/html/wp-content
ls -l /var/www/html/wp-content/themes/你的主题名/style.css

若文件所有者非www-data（Web服务运行用户），执行权限修正：

chown -R www-data:www-data /var/www/html/wp-content

4. 排查CDN或缓存插件影响 #

若启用了CDN或缓存插件，先临时禁用。纯文本状态下可通过修改wp-config.php禁用所有插件：

define('WP_PLUGIN_DIR', '/var/www/html/wp-content/plugins');
define('WP_PLUGIN_URL', 'https://你的实际域名/wp-content/plugins');
// 临时禁用所有插件
update_option('active_plugins', array());

5. 分析浏览器控制台错误 #

打开浏览器开发者工具（F12），切换至网络标签刷新页面，查看静态资源请求状态：

• 若为404错误：说明资源路径错误，回到第一步检查URL设置；
• 若为403错误：说明权限问题，回到第三步修正权限；
• 若为混合内容错误（HTTPS站点加载HTTP资源）：在wp-config.php中添加强制SSL配置：

  define('FORCE_SSL_ADMIN', true);
  define('FORCE_SSL_LOGIN', true);
  if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] === 'https') {
      $_SERVER['HTTPS'] = 'on';
  }
  

内容的提问来源于stack exchange，提问作者Yih Chou