Skip to main content

3 posts tagged with "WordPress"

View All Tags

· 6 min read
He Wei

安装 MOK 主题

将 MOK 主题压缩包上传到服务器的 ~ 目录下,因为如果尝试直接上传到 /var/www/powertidal.com 目录下,会因为权限不够导致上传失败。

scp -i C:\Users\${Username}\.ssh\key.pem .\mok.zip ecs-user@1.2.3.4:~/

然后再用 sudo mv mok.zip /var/www/powertidal.com/wp-content/themes 命令将 MOK 主题压缩包移动到网站目录下。

执行 cd /var/www/powertidal.com/wp-content/themes && sudo unzip mok.zip,将 MOK 主题文件解压。

如果点击上传按钮后,显示报错信息 Unable to create directory wp-content/uploads/2024/06. Is its parent directory writable by the server?,可以通过以下命令解决:

sudo mkdir -p /var/www/powertidal.com/wp-content/uploads
sudo chown -R www-data:www-data /var/www/powertidal.com/wp-content/uploads

启用 MOK 主题

访问 https://www.powertidal.com/wp-admin/themes.php,启用 MOK 主题即可。

对于英文版网站做同样操作。

访问 https://www.powertidal.com/wp-admin/themes.php?page=tbos_setting,在默认显示的第一个页面中,上传网站所需的 PC 端和移动端的 Logo 图片,图片尺寸按照网页上所说的建议尺寸调整即可。

中文版网站配置好 Logo 之后,英文版网站使用相同的 Logo URL 即可。

配置多语言

管理后台 - Appearance - MOK 主题设置 - 多语言

  • 前台语言:中文站选择中文,英文站选择英文
  • 语言切换
    • 打开 开启手机端显示语言切换自动跳转
    • 中文网址:https://www.powertidal.com
    • 英文网址:https://www.powertidal.com/en

多语言网站的文章切换

对于多语言网站,不同语言的文章在 Edit 页面中的 ID 应当是相同的,这样点击页面右上方的语言切换按钮的时候,才能正常切换到对应语言的文章。

多语言网站的文章分类

在管理后台 - Posts - Categories 页面中管理文章分类。

Name 为显示在页面中的分类名称,Slug 为分类的别名。

对于多语言网站,不同语言同一个分类的 ID 应当相同,这样切换语言后才能正常显示另一种语言下该分类的内容。

列表页小图与正文大图

在编辑文章时,Featured Image 是只在列表页显示的小图,如果要在正文中也显示,需要在正文中也插入图片。

设置顶部导航栏

管理后台 - Appearance - Menus

  1. Menu Settings - Display Location,选中 顶部导航
  2. 输入 Menu Name。
  3. 点击 Create Menu 创建菜单。

设置联系我们页面

  1. 在中英文后台新建相同 ID 的页面,页面模板选择 联系我们
  2. 为中英文网站分别填写对应语言的页面标题。
  3. 在中英文后台的 Appearance - Menus 页面中,将新建的联系我们页面添加到顶部导航栏中。
  4. 在中英文后台的 Appearance - MOK 主题设置 - 联系方式页面中,填写所需的联系方式即可。

开启在线留言功能

  1. 新建一个 Page,模板选 合作
  2. 管理后台 - Appearance - MOK 主题设置 - 页面中,开启 合作页面,并按照需求填写或开启所需功能。
  3. 管理后台 - Appearance - MOK 主题设置 - 联系方式中,创建一个 自定义 类型的联系方式,链接填第一步新建的 Page 的链接,账号/号码/地址点击留言

配置邮箱插件

参考文章 使用WP Mail SMTP插件解决WordPress注册和评论邮件无法发送的问题,先安装 WP Mail SMTP 插件。

然后设置 From Email,开启 Force From EmailReturn Path

Mailer 选择 Other,SMTP Hostsmtp.feishu.cnEncryptionSSLSMTP Port465,启用 Auto TLSAuthentication,下面的 SMTP UsernameSMTP Password 填飞书邮箱的账号和密码,最后点击 Save Settings 保存设置。

接着在 WP Mail SMTP 插件的 Tools 页面中,填写用于接收邮件的邮箱地址,点击 Send Email,如果收到邮件,则说明配置成功。

PS: 建议按照 Option 2: Generate a DMARC Record (Cloudflare Only) 链接中的建议,给发邮件的邮箱所在域名生成一个 DMARC 记录,以防止邮箱被标记为垃圾邮件。

其他配置

MOK 主题设置

  • 基本 - 其他:开启 关闭评论功能
  • 外观
    • 建站年份:填写当年年份
    • 关闭 主题由themebetter提供
  • 文章
    • 统计:关闭 点赞
    • 版权提示:关闭 产品详情页版权其他详情页版权
  • 分享
    • 网页分享:全部取消选中
  • 联系方式
    • 关闭 顶部-仅显示1个联系方式
    • 关闭:联系方式-微信公众号联系方式-客服微信联系方式-客服QQ联系方式-专属客服联系方式-24小时服务热线

· 8 min read
He Wei

配置 ECS

系统选择 Ubuntu 24.04,密码则在实例管理控制台页面,通过重置密码方式进行设置。

更新已有软件包

# 更新软件包列表
sudo apt update

# 升级所有软件包
sudo apt upgrade

安装 Nginx 并设置为开机启动

# 安装 Nginx
sudo apt install nginx

# 启动 Nginx
sudo systemctl start nginx

# 设置 Nginx 开机启动
sudo systemctl enable nginx

# 查看 Nginx 状态
sudo systemctl status nginx

配置 UFW 并设置为开机启动

# 查看 UFW 应用列表
sudo ufw app list

# 允许 Nginx HTTP 访问
sudo ufw allow 'Nginx HTTP'

# 允许 OpenSSH 访问
sudo ufw allow 'OpenSSH'

# 启用 UFW
sudo ufw enable

# 查看 UFW 状态
sudo ufw status

# 查看公网 IP
curl -4 icanhazip.com

安装 MySQL 并设置为开机启动

# 安装 MySQL
sudo apt install mysql-server -y

# 启动 MySQL
sudo systemctl start mysql

# 设置 MySQL 开机启动
sudo systemctl enable mysql

# 查看 MySQL 状态
sudo systemctl status mysql

加强 MySQL 安全设置

sudo mysql_secure_installation

VALIDATE PASSWORD COMPONENT can be used to test passwords
and improve security. It checks the strength of password
and allows the users to set only those passwords which are
secure enough. Would you like to setup VALIDATE PASSWORD component?

Press y|Y for Yes, any other key for No: y

MEDIUM Length >= 8, numeric, mixed case, and special characters

Remove anonymous users? (Press y|Y for Yes, any other key for No) : y

Disallow root login remotely? (Press y|Y for Yes, any other key for No) : y

Remove test database and access to it? (Press y|Y for Yes, any other key for No) : y

Reload privilege tables now? (Press y|Y for Yes, any other key for No) : y

安装 PHP 及相关依赖并设置为开机启动

# 安装 PHP 和 PHP-FPM
sudo apt install php php-fpm -y

# 安装 MySQL 及 WordPress 和 MOK 主题所需扩展
sudo apt install php-mysql php-cli php-xml -y

# 查看 PHP 版本
php -v

# 启动 PHP-FPM,PHP 版本基于前面查看的版本
sudo systemctl start php8.3-fpm

# 设置 PHP-FPM 开机启动,PHP 版本基于前面查看的版本
sudo systemctl enable php8.3-fpm

# 查看 PHP-FPM 状态,PHP 版本基于前面查看的版本
sudo systemctl status php8.3-fpm

配置 PHP-FPM

# 查看 PHP-FPM 进程
ss -pl | grep php

# 进入 PHP-FPM 配置目录
cd /etc/php/8.3/fpm/pool.d/

# 查看配置
cat www.conf
# 验证 PHP-FPM pool 名称为 www
[www]
# 验证 user 和 group 为 www-data
user = www-data
group = www-data

配置 Nginx

# 创建 Nginx 配置文件
# 这里只配置了 80 端口的 HTTP 请求
# 是因为用了 Cloudflare 的域名,Cloudflare 会自动配置好 HTTPS,所以服务端无需额外配置
sudo nano /etc/nginx/sites-available/your.domain
server {
listen 80;
server_name your.domain www.your.domain;
root /var/www/your.domain;

index index.html index.htm index.php;

location / {
try_files $uri $uri/ =404;
}

location ~ \.php$ {
include snippets/fastcgi-php.conf;
fastcgi_pass unix:/var/run/php/php8.3-fpm.sock;
}

location ~ /\.ht {
deny all;
}

}
# 创建配置文件的软链接
sudo ln -s /etc/nginx/sites-available/your.domain /etc/nginx/sites-enabled/

# 删除默认配置文件的软链接
sudo unlink /etc/nginx/sites-enabled/default

# 测试配置文件
sudo nginx -t

# 重新加载 Nginx
sudo systemctl reload nginx

# 创建网站文件夹
sudo mkdir /var/www/your.domain

# 创建测试文件
sudo nano /var/www/your.domain/index.html
<html>
<head>
<title>your.domain website</title>
</head>
<body>
<h1>Hello World!</h1>

<p>This is the landing page of <strong>your.domain</strong>.</p>
</body>
</html>

访问 http://www.your.domain,如果看到页面,说明 Nginx 配置成功,删除刚才创建的测试文件。

测试 PHP 解析

sudo nano /var/www/your.domain/info.php
<?php
phpinfo();

访问 http://www.your.domain/info.php,如果看到页面,说明 PHP 解析成功。

# 删除测试文件
sudo rm /var/www/your.domain/info.php

测试 PHP 连接 MySQL

sudo mysql
CREATE DATABASE example_database;

CREATE USER 'example_user'@'%' IDENTIFIED WITH mysql_native_password BY 'ABcd1234!@#$';

GRANT ALL ON example_database.* TO 'example_user'@'%';

exit
mysql -u example_user -p
SHOW DATABASES;

CREATE TABLE example_database.todo_list (
item_id INT AUTO_INCREMENT,
content VARCHAR(255),
PRIMARY KEY(item_id)
);

INSERT INTO example_database.todo_list (content) VALUES ("My first important item");

SELECT * FROM example_database.todo_list;

exit
sudo nano /var/www/your.domain/todo_list.php
<?php
$user = "example_user";
$password = "ABcd1234!@#$";
$database = "example_database";
$table = "todo_list";

try {
$db = new PDO("mysql:host=localhost;dbname=$database", $user, $password);
echo "<h2>TODO</h2><ol>";
foreach($db->query("SELECT content FROM $table") as $row) {
echo "<li>" . $row['content'] . "</li>";
}
echo "</ol>";
} catch (PDOException $e) {
print "Error!: " . $e->getMessage() . "<br/>";
die();
}

访问 http://www.your.domain/todo_list.php,如果看到页面,说明 PHP 连接 MySQL 成功。

然后删除测试数据库和用户:

DROP DATABASE example_database;

DROP USER 'example_user'@'%';

FLUSH PRIVILEGES;

exit
# 删除测试文件
sudo rm /var/www/your.domain/todo_list.php

安装配置 WordPress

先在 MySQL 中创建数据库和用户。

sudo mysql
# 多语言需要创建两个数据库
CREATE DATABASE wordpress;
CREATE DATABASE wordpress_en;

CREATE USER 'wordpress_admin'@'%' IDENTIFIED WITH mysql_native_password BY '****';

# 用同一个 DB ADMIN 账户管理两个数据库
GRANT ALL ON wordpress.* TO 'wordpress_admin'@'%';
GRANT ALL ON wordpress_en.* TO 'wordpress_admin'@'%';

exit
# 安装 unzip,用于解压 WordPress 和 MOK 主题的压缩包
sudo apt install unzip

将 WordPress 压缩包上传到服务器的 ~ 目录下,因为如果尝试直接上传到 /var/www/your.domain 目录下,会因为权限不够导致上传失败。

scp -i C:\Users\${Username}\.ssh\key.pem .\wordpress.zip ecs-user@1.2.3.4:~/

然后再用 sudo mv wordpress.zip /var/www/your.domain 命令将 WordPress 安装包移动到网站目录下。

执行 cd /var/www/your.domain && sudo unzip wordpress.zip,将 WordPress 文件解压。

注意,要确保解压后的文件和文件夹直接位于 /var/www/your.domain 目录下,而不是 /var/www/your.domain/wordpress 子目录下。

wp-config-sample.php 复制为 wp-config.php 以便修改。

执行 sudo vi /var/www/your.domain/wp-config.php,修改数据库连接信息。

访问 http://www.your.domain/wp-admin/install.php,按照提示完成安装。

配置 HTTPS

如果在输入密码的地方显示报错信息 password strength is unknown,有可能是在用 https 协议访问。可以在 wp-config.php 中添加一行:

$_SERVER['HTTPS'] = true;

搜索 Password strength unknown,在 https://wordpress.stackexchange.com/a/350453 中找到的这个解决方法。

配置管理后台访问权限

如果输入账号和密码登录后,显示报错信息 Sorry, you are not allowed to access this page., 则需要在 /var/www/your.domain/wp-config.php 中添加以下两行:

define( 'WP_HOME', 'https://www.your.domain' );
define( 'WP_SITEURL', 'https://www.your.domain' );

对于英文版网站,上面的两个 URL 需要增加 /en 子路径。

参考资料:https://developer.wordpress.org/advanced-administration/before-install/howto-install/

完成以上操作之后,将 /var/www/your.domain 目录下的所有文件复制到 /var/www/your.domain/en 目录下,并修改 /var/www/your.domain/en/wp-config.php 中的网站信息:

define( 'WP_HOME', 'https://www.your.domain/en' );
define( 'WP_SITEURL', 'https://www.your.domain/en' );

配置上传文件夹权限

sudo chown -R www-data:www-data /var/www/your.domain/wp-content/uploads
sudo chown -R www-data:www-data /var/www/your.domain/en/wp-content/uploads

导出/导入数据库

# 导出数据库
sudo mysqldump -u wordpress_admin -p --databases wordpress > ~/wordpress.sql

# 导入数据库
sudo mysql -u wordpress_admin -p < ~/wordpress.sql

相关资料

整体流程参考以下几个链接:

-How to Install Nginx, MySQL, PHP (LEMP Stack) on Ubuntu 24.04

· 6 min read
He Wei

配置 ECS

系统选择 Ubuntu 22.04,密码则在实例管理控制台页面,通过重置密码方式进行设置。

但是设置密码之后,依然无法远程 SSH 登录,猜测可能是系统防火墙的问题,先不管了,先把整体环境配置好。

安装 Nginx

sudo apt update

sudo apt install nginx

配置防火墙

sudo ufw app list

sudo ufw allow 'Nginx HTTP'

sudo ufw allow 'OpenSSH'

sudo ufw enable

sudo ufw status

curl -4 icanhazip.com

安装配置 MySQL

sudo apt install mysql-server

sudo mysql_secure_installation

VALIDATE PASSWORD COMPONENT can be used to test passwords and improve security. It checks the strength of password and allows the users to set only those passwords which are secure enough. Would you like to setup VALIDATE PASSWORD component?

Press y|Y for Yes, any other key for No: y

MEDIUM Length >= 8, numeric, mixed case, and special characters

Remove anonymous users? (Press y|Y for Yes, any other key for No) : y

Disallow root login remotely? (Press y|Y for Yes, any other key for No) : y

Remove test database and access to it? (Press y|Y for Yes, any other key for No) : y

Reload privilege tables now? (Press y|Y for Yes, any other key for No) : y

安装 PHP

sudo apt install php8.1-fpm php-mysql php-simplexml

配置 Nginx

sudo nano /etc/nginx/sites-available/your_domain

server {
listen 80;
server_name your_domain www.your_domain;
root /var/www/your_domain;

index index.html index.htm index.php;

location / {
try_files $uri $uri/ =404;
}

location ~ \.php$ {
include snippets/fastcgi-php.conf;
fastcgi_pass unix:/var/run/php/php8.1-fpm.sock;
}

location ~ /\.ht {
deny all;
}

}

sudo ln -s /etc/nginx/sites-available/your_domain /etc/nginx/sites-enabled/

sudo unlink /etc/nginx/sites-enabled/default

sudo nginx -t

sudo systemctl reload nginx

sudo mkdir /var/www/your_domain

sudo nano /var/www/your_domain/index.html

<html>
<head>
<title>your_domain website</title>
</head>
<body>
<h1>Hello World!</h1>

<p>This is the landing page of <strong>your_domain</strong>.</p>
</body>
</html>

http://server_domain_or_IP

测试 PHP 解析

sudo nano /var/www/your_domain/info.php

<?php
phpinfo();

access http://server_domain_or_IP/info.php

sudo rm /var/www/your_domain/info.php

测试 PHP 连接 MySQL

sudo mysql

CREATE DATABASE example_database;

CREATE USER 'example_user'@'%' IDENTIFIED WITH mysql_native_password BY 'xxxx';

GRANT ALL ON example_database.* TO 'example_user'@'%';

exit

mysql -u example_user -p

SHOW DATABASES;

CREATE TABLE example_database.todo_list (
item_id INT AUTO_INCREMENT,
content VARCHAR(255),
PRIMARY KEY(item_id)
);

INSERT INTO example_database.todo_list (content) VALUES ("My first important item");

SELECT * FROM example_database.todo_list;

exit

sudo nano /var/www/your_domain/todo_list.php

<?php
$user = "example_user";
$password = "xxxx";
$database = "example_database";
$table = "todo_list";

try {
$db = new PDO("mysql:host=localhost;dbname=$database", $user, $password);
echo "<h2>TODO</h2><ol>";
foreach($db->query("SELECT content FROM $table") as $row) {
echo "<li>" . $row['content'] . "</li>";
}
echo "</ol>";
} catch (PDOException $e) {
print "Error!: " . $e->getMessage() . "<br/>";
die();
}

http://server_domain_or_IP/todo_list.php

sudo rm /var/www/your_domain/todo_list.php

安装配置 WordPress

先在 MySQL 中创建数据库和用户。

# 如果需要多语言,则创建两个数据库
CREATE DATABASE wordpress;
CREATE DATABASE wordpress_en;

CREATE USER 'wordpress_admin'@'%' IDENTIFIED WITH mysql_native_password BY 'xxxx';

# 用同一个 DB ADMIN 账户管理两个数据库
GRANT ALL ON wordpress.* TO 'wordpress_admin'@'%';
GRANT ALL ON wordpress_en.* TO 'wordpress_admin'@'%';

sudo apt install unzip

将 WordPress 文件解压到 /var/www/your_domain,再复制一份到 your_domain/en。

将两处的 wp-config-sample.php 复制为 wp-config.php。

vi /var/www/your_domain/wp-config.php,修改数据库连接信息,en 子目录下的相同文件也做同样操作。

访问 http://server_domain_or_IP/wp-admin/install.php,按照提示完成安装,en 子目录下的相同。

如果在输入密码的地方报错 password strength is unknown,有可能是在用 https 协议访问。可以在 wp-config.php 中添加一行:

$_SERVER['HTTPS'] = true; 

搜索 Password strength unknown,在 https://wordpress.stackexchange.com/a/350453 中找到的这个解决方法。

用户名:abc,密码:****

https://developer.wordpress.org/advanced-administration/before-install/howto-install/

使用 WP 主题

将主题的 zip 文件上传到服务器。

如果 Nginx 报错 413 Request Entity Too Large,可以修改 /etc/nginx/nginx.conf,添加或修改 client_max_body_size 为 100M。

http {
client_max_body_size 100M;
}

点击上传按钮后报错 Unable to create directory wp-content/uploads/2024/06. Is its parent directory writable by the server?,可以通过以下命令解决:

sudo chown -R www-data:www-data /var/www/your_domain/wp-content/uploads

但是这样的话,WordPress 还要求配置 FTP 用户名和密码,这不麻烦了吗,不折腾。

家里电脑没法通过 SSH 连接服务器,但是办公室可以,于是就用办公室电脑的 Termius 的 SFTP 功能上传了主题文件。

由于 ecs-user 账户权限有限,所以先上传到 /home/ecs-user,然后再用 sudo mv 命令移动到 /var/www/your_domain/wp-content/themes。

接着用 sudo unzip 解压到压缩包所在目录下。

导出/导入数据库

# 导出数据库
sudo mysqldump -u wordpress_admin -p --databases wordpress > ~/wordpress.sql

# 导入数据库
sudo mysql -u wordpress_admin -p < ~/wordpress.sql

问题记录

在 WordPress 后台启用主题之后,刷新页面报错:

There has been a critical error on this website. Please check your site admin email inbox for instructions.

Learn more about troubleshooting WordPress.

解决方法:将主题文件夹重命名即可。但是这样的话就没法用这个主题了,这样并不能从根本上解决问题。

参考文章:https://kinsta.com/knowledgebase/there-has-been-a-critical-error-on-your-website/。

问了一下客服,让按照 https://themebetter.com/wp-debug.html 的方法,开启 DEBUG 模式。

开启之后,报错信息如下:

Fata error: Uncaugnt Error: call to undefined function simplexml_load_string() in
/var/www/your_domain/wp-content/themes/mok/inc/update.php:72 Stack trace: #0
/var/www/your_domain/wp-content/themes/mok/inc/update.php(4): get_latest_theme_version() #1
/var/www/your_domain/wp-includes/class-wp-hook.php(324): update_notifier_menu() #2
/var/www/your_domain/wp-includes/class-wp-hook.php(348): WP Hook->apply_filters() #3
/var/www/your_domain/wp-includes/plugin.php(517): WP Hook->do_action() #4
/var/www/your_domain/p-admin/includes/menu.php(161): do_action() #5
/var/www/your_domain/wpadmin/menu,php(422): require_once('...') #6
/var/www/lxklsh,com/wp-admin/admin.php(158):reguire('...') #7
/var/www/your_domain/wp-admin/index.php(10): require_once('...') #8
{main} thrown in /var/www/your_domain/wp-content/themes/mok/inc/update.php on line 72

客服说是没有装 PHP 的 simplexml 扩展,装了之后就没问题了。

相关资料

整体流程参考 https://www.digitalocean.com/community/tutorials/how-to-install-linux-nginx-mysql-php-lemp-stack-on-ubuntu。