mampでサーバlocalhostに接続できない

Question

前提

ここに質問の内容を詳しく書いてください。

localhost:8888と検索して、index of の画面からwordpress portfolioをクリックして、wordpress管理画面にログインしようとサイトを開いたら下記写真のようになりました。
また、index ofの画面からWordpress udemyにログインするとcssが効いていない状態で表示されます

試したこと

ここに問題に対して試したことを記載してください。

https://teratail.com/questions/263442
上記を参考にhttp://localhost:8888/wordpress/wp-login.php
と検索してwordpressのパスワード入力画面には進めますがいざログインしてみると最初と同じようにサーバlocalhostに接続できませんと表示されます。

Comments

[m.ts10806]

http://localhost/ のようにポートが省略されているとポート80を探します。

[shin_s14]

ご返信ありがとうございます。
http://localhost:8888のように検索したところ同じように”サーバに接続できません。サーバlocalhostにセキュリティ保護された接続を確立できません”と表示されてしまいます。
それとも上記のことではなく、wordpress_portfolioのサイトのURLの設定がlocalhost:8888ではなくlocalhostになっているということでしょうか。
また、urlを直すとしたら現在wordpressの管理画面にログインできない状態なんですがどのように編集したらいいですか。

[m.ts10806]

細かいですがhttpなどURLを打つ場合は検索ではなくアクセスです。（正確には「URIリクエスト」）
現在の構成が全く分からないのですが、WordPressを複数インストールされたのでしょうか。
だとしたら管理サイトもwordpress_portfolioとwordpress_udemyで別になると思います。

アクセス先URLについては、ApacheのDocument Rootの設定次第ではあります。
localhost:8888　でアクセスした時に参照しているディレクトリです。
wp-login.phpはwordpressプロジェクトディレクトリ直下にあったと思うので。

[shin_s14]

ご指摘ありがとうございます。無知なもので申し訳ありません。
構成に関しては1つのサイトに1つのwordpressをインストールしてwp-content > thems中にオリジナルテーマを配置しています。この際オリジナルテーマが入っているwordpressのファイルの名前を"wordpress_~~"というように変えております。
phpmyadminでは1つのwordpress（1つのサイト）に対し1つのテーブルを作成している状態です。（上の写真集の中に写真を追加しました。そちらも参照お願いします）

[m.ts10806]

ディレクトリ構成からすると、アクセスしてるのは://localhost:8888/wordpress/wp-login.phpではなく
://localhost:8888/wordpress_portfolio/wp-login.php　ということで良いですか？

[m.ts10806]

htdocs配下にはwordpressという名前のディレクトリがないのでそもそもアクセスできるはずがないということです。

[shin_s14]

なるほど。://localhost:8888/wordpress_portfolio/wp-login.phpとアクセスするとパスワード入力画面まではいけるのですがいざログインを押すとまた上の写真のようにサーバに接続されないと表示されます。またログインを押したらURLがlocalhost:8888ではなくlocalhostに変わってしまいます。

Answer 1

WordPressのサイトURLの設定が「localhost:8888」ではなく「localhost」になっているのではないでしょうか。

Answer 2

takumibooさんの回答の補足的な内容になるのですが、手元でおおよそ確認できました。

WordPressインストール時にサイトURLは自動で登録されるのですが、何かのときに管理システム→設定→一般からサイトURL、ホームURLを修正してしまったものだと思われます。
こうなると、ログイン画面は一応表示はされるもののCSSが適用されてない状態となり、ログイン後はサイトURLへのリダイレクトになるので、そのままでは永遠にログインできません。

データベースの情報を直接編集しましょう。
phpMyAdminなどのツールからのほうが編集しやすいと思いますが、

・WordPressを利用しているDB→wp_optionsテーブルを選択
・option_name = siteurl と option_name = home の option_valueの設定値を直更新

現状はおそらくhttp://localhost/wordpress_portfolio/になっているので
http://localhost:8888/wordpress_portfolio/に編集

もしくは

Apacheのポートを80に変更。ログイン画面へのアクセスもhttp://localhost/wordpress_portfolio/wp-login.php
こちらのほうがDB直更新しなくて良いので簡単と言えば簡単です。

Comments

[shin_s14]

とてもわかりやすいご回答ありがとうございます。
今2つのやり方でやってみたところログインすることができました。本当にありがとうございます。
ここまで貴重なお時間いただき申し訳ありません。あと一つだけ質問させていただきたいです。phpmyadminから編集して開いた場合wordpressの編集画面（ダッシュボードなど）が表示されないのとサイトの固定ページからホームに戻るときメニューのホームボタンを押した場合今までと同じことが起きてしまいます。

[Takumiboo]

データベースを直接いじるのでも良いのですが、wp-config.phpファイルの修正、もしくはリロケートメソッドと呼ばれる方法を使うことでもその部分の修正ができます。
参照: https://ja.wordpress.org/support/article/changing-the-site-url/

「メニューのホームボタン」が何を指しているのかイマイチ不明ですが、ページ内に絶対リンク（http://localhost/wordpress_portfolio/～～～）が含まれている場合にはそれらもlocalhost:8888に変更する必要があります。

[shin_s14]

takumibooさんご回答ありがとうございます。
wordpressのメニューバーが出てこないのは何故なのでしょうか（写真を追加しました）

[m.ts10806]

Takumibooさん
補足ありがとうございます。やはりApacheのポート変えるのがトラブル少なそうですね。

shin_s14さん
いったんログインは出来たのでしょうし、本件は解決済みにされていますし、
別件として質問新しく立ててください。
その際はWordPressのバージョンや環境情報詳細なども提示されたほうが良いと思います。

[shin_s14]

了解いたしました。
takumibooさん　m.ts10806さん貴重なお時間いただき丁寧なご回答ありがとうございました！

Answer 3

takumibooさんご回答ありがとうございます。
wordpress_portfolioのurlを直すとしたら現在wordpressの管理画面にログインできない状態なんですがどのように編集したらいいですか。