さくらVPSでマルチドメイン＆wordpress＆Let’s Encrypt の設定について

Question

初めて質問します。宜しくお願い致します。
さくらVPSサーバを使用しています。

ネコでもわかる　さくらのVPS講座　を見て設定しました。
2のWordPressサイトを一台のサーバで表示させたく
/var/www/html/wordpress1　と　/var/www/html/wordpress2　にそれぞれ
WordPressをインストール　して設定しました。

別のサイトの設定を参考に

vhost.conf　に

<VirtualHost *:80>
DocumentRoot /var/www/html/wordpress1
ServerName example.jp
CustomLog logs/wordpress1-access.log common
ErrorLog logs/wordpress1-error.log
AddDefaultCharset UTF-8
<Directory "/var/www/html/wordpress1/">
AllowOverride All
</Directory>
</VirtualHost>

<VirtualHost *:80>
DocumentRoot /var/www/html/wordpress2
ServerName example.com
CustomLog logs/wordpress2-access.log common
ErrorLog logs/wordpress2-error.log
AddDefaultCharset UTF-8
<Directory "/var/www/html/wordpress2/">
AllowOverride All
</Directory>
</VirtualHost>

を記述しました。

この時点で　example.jp　example.com　の2つのサイトはhttp://　で無事表示されました。

次に　以前手順通りに　Let’s Encrypt　をインストールしたときに上手くいかなかったので別のサイトを参考にして　httpd.conf 　に　NameVirtualHost *:80　だけを下に追記しました。
追記後　Let’s Encrypt　の証明書インストールで
certbot certonly --webroot -w /var/www/html/wordpress1/ -d example.jp -w /var/www/html/wordpress2/ -d example.com

を実行しました。
エラーも無くインストールできました。
しかし、　example.jp　も　example.com　も　https://　でアクセスしても　「この接続ではプライバシーが保護されません」の警告が出て、そのままページを表示させても　「Testing 123..」　Apacheをインストールだけした時の画面が表示されてしまいます。

wordpressの設定画面の　http://　はまだ　https://　に変更していません。Let’s Encryptが有効になってからと思ってです。
（以前、https://　に変更したら、設定画面にすらアクセスできなくなったからです）

それぞれのwordpressのサイトで　hpps://　を有効にしたいのですが、参考になるページも無く、サーバにOSのインストールを入れ直しも10回以上行いましたが、行き詰っております。

VPSサーバ自体もホームページ自体も初心者です。どなかたご教授願います。

Answer 1

httpsは443ポートを使用した通信になります。

https://qiita.com/Ayame/items/42d9fcac64085bacbb73

のように、443の設定とサーバ証明書のパスを追加する必要があります。

Comments

[退会済みユーザー]

tenpa様　ご回答ありがとうございます。

「サーバ証明書のパスの追加」がどの部分なのかが若菜らのですが、

httpd.conf　には既に
NameVirtualHost *:80　の記述がありましたので
以下を追加すれば宜しいのでしょうか。

NameVirtualHost *:443

<VirtualHost *:80>
ServerName ik1-123-12345.vs.sakura.ne.jp
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
</IfModule>
</VirtualHost>

<VirtualHost *:443>
SSLEngine on
SSLCertificateFile /etc/letsencrypt/live/example.jp/cert.pem
SSLCertificateKeyFile /etc/letsencrypt/live/example.jp/privkey.pem
SSLCertificateChainFile /etc/letsencrypt/live/example.jp/chain.pem

ServerAdmin [e-mail]
DocumentRoot /var/www/html/wordpress1
ServerName ik1-123-12345.vs.sakura.ne.jp
</VirtualHost>

<VirtualHost *:443>
SSLEngine on
SSLCertificateFile /etc/letsencrypt/live/example.com/cert.pem
SSLCertificateKeyFile /etc/letsencrypt/live/example.com/privkey.pem
SSLCertificateChainFile /etc/letsencrypt/live/example.com/chain.pem

ServerAdmin [e-mail]
DocumentRoot /var/www/html/wordpress2
ServerName ik1-123-12345.vs.sakura.ne.jp
</VirtualHost>

[退会済みユーザー]

追加で質問です。
SSLCertificateFile /etc/letsencrypt/live/[ドメイン名]/cert.pem
SSLCertificateKeyFile /etc/letsencrypt/live/[ドメイン名]/privkey.pem
SSLCertificateChainFile /etc/letsencrypt/live/[ドメイン名]/chain.pem

ですが、/etc/letsencrypt　のディレクトリは存在するのですが、　live　がありません。
これは何か間違っているのでしょうか？