WPログアウト機能『wp-login.php?action=logout』と『wp_logout_url』の違い~後者はwpnonceで一発ログアウト

      2021/02/04   1855文字

今回は、(twitterにもちょっと書いたんですけど)管理人が、クレカのポイントサイトでログイン・ログアウト挙動をチェックしたりとか、お取引先のサイトでログイン関連機能をつけたりとか行ってたので、普段使っているWPの場合についても調べてみました。一般的に『wp-login.php?action=logout』と『wp_logout_url』が使われることが多いのですが、挙動はどのように違うか、さっそく見ていってみましょう。

『wp-login.php?action=logout』だと、ワンクッション置く形になる


よく使われる方法、『〇〇(wpが入っているドメイン・ディレクトリ)/wp-login.php?action=logout』にアクセスする場合の挙動です。wp-login.phpはログイン用のファイルですが、後ろにパラメーター『?action=logout』がついた場合は、ログアウトさせるページに切り替わります。ただし、このページに入ったからと言って、すぐにログインセッションを切ったりということはないです(『ログアウトしますか?』でワンクッション置く感じ)。


実際にログアウト処理させるには『?action=logout&_wpnonce=〇〇〇〇』のような、WordPress Nonceがくっついたページに入る形になりました。Nonce(のんす)は、URL やフォームを守るための「一度だけ使われる値(同じユーザーでも、時間をおいてアクセスすると値がかわるなど・ただし有効期限の間は一緒)」のことだそうです。

ログアウト機能を実装で、『ワンクッション置かずに一発ログアウト』にしたい場合は、『WordPress Nonce』が入る形でリンクを出力したほうがよさそうです。

wp_logout_url()でログアウト用urlを出力すると、WordPress Nonceが入り、ワンクッション置かずにログアウト


ボタン押したら一発ログアウトにしたかったので、別の方法を。『wp_logout_url()』をechoしてみます。リンクとかが入ってくる場合は、コロン構文にしてやったほうが、少し楽です。


とりあえず、このブログで試します(テスト完了につき、今はこのリンクはありません)。


『wp_logout_url()』で出力したリンクだと、最初から『wpnonce=〇〇〇〇』というのが入ってくるという違いがあります。


『wpnonce=〇〇〇〇』がついたリンクだったので、ワンクッションおかずに、サックリとログアウトができます。会員サイトなどで、『自動ログアウト』ではなく、『ユーザーにログアウトボタンを押してもらう』流れを想定しているときは使えるでしょう。

参考リンク(codex/wikiなど)

あとがき・まとめ

  • 一般的にWordPressでログアウト機能に使うのは『wp-login.php?action=logout』や『wp_logout_url()』(他にも方法はある)
  • wp-login.php?action=logoutでログアウト処理をする場合、ワンクッション置く形になる
  • wp_logout_url()でログアウトリンクを出力した場合は、WordPress Nonceがパラメーターに入り、一発ログアウトができる

まとめるとこのような形でしょうか。個人的には『wp_logout_url()』が、余計な動作が一個減らせるので、事前にユーザーにお知らせさえしておけば良いというような感じはしました。会員コンテンツを含むサイトを行う場合には必要になってくると思いますので、上記の挙動もぜひチェックしてみてください。

WordPressサイト制作&リニューアル・機能開発サービス | アトリエSS


【カテゴリ】 - wpサイト制作事例
【タグ】 - ,

  関連記事

【wordpress制作事例】自社著作権フリー音楽サイト、ロゴ付きおしゃれ1カラムデザインにリニューアル
WordPressサイトに、Microsoft Azureを使って、シングルサインオン機能(パスワードベース・プラグイン無し)を実装してみる
WPログアウト機能『wp-login.php?action=logout』と『wp_logout_url』の違い~後者はwpnonceで一発ログアウト
ワードプレスサイト・スマホ対応・SSL事例~『仙台国分町の馬刺し・馬肉料理店 馬いものきふくさま』
WordPressのログイン・ログアウト・権限システムを理解・カスタマイズして、『会員がコンテンツ読めるサイト』を作ろう
【静的HTML→WordPressリニューアル】同じデザインでWPにするときの注意ポイント
【WordPressサイト製作】レスポンシブ左右ボックスとaudioで、音楽素材サイトを作る
サイト制作お仕事事例~WPで仮想通貨投資情報サイトを(justiceクリプトカレンシーズ・AID LLCさま)
サイト制作事例~バンド・音楽情報サイト・ブログをオウンドメディアサイトに(ミュージックサロンp+luckさま)
WPカスタムフィールドを使って、soundcloudみたいに記事一覧でオーディオ再生できるサイトを作る方法
WPカスタムフィールド~記事にthe_metaでフィールド出力&評価つける・get_post_metaとの違い
【WordPress】プラグイン無し、カンタンページネーション作成・パラメータ指定例も紹介(paginate_links)