ワードプレスで作成したWEBサイトにログアウト機能を作ろうとして、wp-login.php?action=logoutでログアウトさせようとしたときに問題が発生しました。

本当にログアウトしますか？

https://exmple.com/wp-login.php?action=logout

からログアウトを試みると、「本当にログアウトしますか？」という画面が表示されます。ここでログアウトを押すと、ログアウト後のページに遷移します。

ログアウトしましたページ

ワードプレスのログインページに移動します。

ワードプレスの管理画面を使わない場合は、このページに遷移しない方がベターかと思います。このあとログアウト後のページに戻るのも、やや分かりにくいところです。

wp logout url

wp logout url()を使うことで、<a> タグの一部として nonce-protected URL を返し、ユーザーをログアウトさせることができます。

テンプレートタグ/wp logout url

使い方

<?php echo wp_logout_url($redirect); ?>

ただ、このままだとログインページに戻ってしまうので・・・

ログアウトをしたページにリダイレクトさせてみます。

<a href="<?php echo wp_logout_url(get_permalink()); ?>" >ログアウト</a>

画面遷移せずにワンクリックでログアウトできました！

まとめ

覚えれば覚えるほど、できることが増えていくのがWordPressの面白いところです！ぜひ挑戦してみていただければと思います！😃