MySQLに設定されてある、URLが以前のIPアドレスのままのため、レイアウト崩れが発生しています。

この記事ではレイアウト崩れを修正します。

レイアウトが崩れていない方も、正しい設定となっているか確認してみましょう。

phpMyAdminの修正

下記のリンクにログインします。

http://ElasticIPアドレス:8888/

ユーザ名：root
パスワード：myrootpassword

でログインします。

※ちなみに、現状ではセキュリティが緩いので、後ほどセキュリティグループを修正します。

wordpressdbを開いて、wp_optionsをダブルクリックします。

option_valueの値を今回のドメインの値に修正します。

ドアのマークより、ログアウト

これで画面は直りますが、他のページに移動すると、レイアウトが崩れてしまいますので、次にwordpressの設定を修正します。

wordpressの管理画面の設定

次にwordpressの管理画面の設定を行います。

wordpressの管理者ページにログイン、ユーザ名とパスワードを入力。

https:/ドメイン名:8080/wp-login.php

管理者ページに入って、設定＞一般をクリック

wordpressアドレスとサイトアドレスを「https://ドメイン名:ポート」と入力して、一番下の「変更を保存」をクリック

以上で、設定が全て終了です。確認してみましょう。

正常に表示されております。

また画面遷移してもレイアウト崩れが発生しないことを確認しました。