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


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

  関連記事

サイト制作事例~バンド・音楽情報サイト・ブログをオウンドメディアサイトに(ミュージックサロンp+luckさま)
【wordpress制作事例】自社著作権フリー音楽サイト、ロゴ付きおしゃれ1カラムデザインにリニューアル
【オリジナルWPサイト】スターターテーマ&フレームワーク・Materializeでオリジナルデザイン(レストラン風)
【静的HTML→WordPressリニューアル】同じデザインでWPにするときの注意ポイント
【WordPressテーマ改造】カスタマイザープレビューが表示されなくなった件の対応(ファンクション名変更・twenty seventeen)
ワードプレスサイト・スマホ対応・SSL事例~『仙台国分町の馬刺し・馬肉料理店 馬いものきふくさま』
別ディレクトリでの記事の管理・表示を、1つのWordPressを使いまわして対応する方法(プラグイン無しカスタム投稿・wp-blog-header.php)
WordPressのカスタムフィールド値で記事を絞り込み・検索するサイトの作り方・一部始終を徹底解説
WordPressサイトに、Microsoft Azureを使って、シングルサインオン機能(パスワードベース・プラグイン無し)を実装してみる
サイト制作お仕事事例~WPで仮想通貨投資情報サイトを(justiceクリプトカレンシーズ・AID LLCさま)
【WordPress】人気記事表示のしかた~PVカウント・フィールド格納&ソート(ログイン者カウントなし)
【WordPressサイト製作】レスポンシブ左右ボックスとaudioで、音楽素材サイトを作る