WordPress 安装后的基础配置指南

安装完成后，我们需要进行一些基础配置，以实现网站后台管理与前台访问。
安装教程参考：Wordpress服务器搭建 | 全流程教学 | 个人站点 |新手教程

🎬 视频教程

BiliBili：WordPress首次安装 | 基础设置 | 新手指南

YouTube：WordPress首次安装 | 基础设置 | 新手指南

一、初始设置流程

选择语言
首次访问时，系统会引导选择站点语言。
设置站点基本信息
按照提示填写站点名称、描述、管理员账号等信息。
登录后台
配置完成后，即可使用管理员账号登录后台管理系统。

二、站点访问路径说明

前台主页
使用浏览器访问站点的域名或服务器 IP，访问首页（通常是默认主题页面）。

后台管理
打开以下地址进入后台登录页面：

1
2
3

http://你的域名/wp-admin
或
http://你的域名/wp-login.php

三、后台管理设置建议

1. 基础设置（建议第一步完成）

进入后台后点击“设置”，可修改：

站点标题与副标题
网站图标（站点 Logo）
站点访问地址（如从 IP 改为绑定域名）

📌 小贴士：

单个站点：可不配置虚拟主机，默认指向 /var/www/html。
- 前提：需禁用 Apache 默认虚拟主机：
  1
  2
  sudo a2dissite 000-default.conf
  sudo systemctl reload apache2
多个站点：需正确配置虚拟主机，确保访问对应目录。

四、多站部署示例（Apache）

如果希望在一台服务器上部署多个站点，可通过 Apache 虚拟主机实现：

配置文件路径：

1 2	/etc/apache2/sites-available/blog1.conf /etc/apache2/sites-available/blog2.conf

示例内容：

<VirtualHost *:80>
    ServerName blog1.com
    DocumentRoot /var/www/html/blog1
    <Directory /var/www/html/blog1>
        AllowOverride All
    </Directory>
</VirtualHost>

<VirtualHost *:80>
    ServerName blog2.com
    DocumentRoot /var/www/html/blog2
    <Directory /var/www/html/blog2>
        AllowOverride All
    </Directory>
</VirtualHost>

五、域名设置简要说明

1. 有固定公网 IP 的情况：

通过 DNS 管理平台，将域名解析 A 记录指向你的服务器 IP 即可。

2. 无公网 IP 的情况：

可使用 内网穿透技术，如 Cloudflare Tunnel：

可将本地服务映射到公网，实现通过域名访问。
详细操作可参考本站教程文章或视频演示。

⚠️ 注意事项：

如果你使用 Apache 部署站点，Apache 默认监听的是本地 HTTP（80）端口，因此隧道的目标地址应设置为 http://localhost:80，不要使用 https。

同样，在 WordPress 后台的“站点地址”设置中，也应使用 http:// 开头，确保与实际内部通信协议一致，避免混淆或循环跳转等问题。

🔗 参考文章：

Cloudflare 隧道基础方案：
CloudflareTunnel访问加速 | 无需公网IP | SaaS 回源 | 优选域名 | 新手教程
多站共用一个隧道的设置方法：
Cloudflare访问加速 | 无需公网IP | 多服务加速 | 问题汇总

六、解决WordPress 启用 HTTPS 后访问异常

适用于启用 HTTPS 后，后台页面加载无响应或样式错乱的问题。

✅ 解决方法：

运行命令打开配置文件functions.php：

1	sudo nano /var/www/html/wordpress/wp-includes/functions.php

找到以下语句（大约在第 8 行附近）：

1	require( ABSPATH . WPINC . '/option.php' );

在其下方添加如下代码：

add_filter('script_loader_src', 'agnostic_script_loader_src', 20, 2);
function agnostic_script_loader_src($src, $handle) {
    return preg_replace('/^(http|https):/', '', $src);
}

add_filter('style_loader_src', 'agnostic_style_loader_src', 20, 2);
function agnostic_style_loader_src($src, $handle) {
    return preg_replace('/^(http|https):/', '', $src);
}