WordPressでログアウトボタン実装とリダイレクト先を指定する方法

こんにちは、イナフクカズヤです。

先日WordPressで会員サイトを作成しました。会員サイトにはログイン、ログアウトボタンを設置します。

ログインについては、ログインフォームへ飛ばす仕様だったので、そのままリンクを貼りましたが、ログアウトについてはクリックしたらログアウトするようにしなければいけません。

調べてみたら、wp_logout_url()でユーザーをログアウトできるようです。
（詳しくはCodexを参照してください。）

使い方

引数にリダイレクト先を設定できます。

ログインフォームへリダイレクト

ログアウト

これだと、通常のログアウトと同じ処理でロフインフォームへ飛ばされます。

ログアウト後にリダイレクト先を指定する参考例

//現在のページ
ログアウト

// サイトのTOPページ
ログアウト

こんな感じで引数にURLを指定すれば、指定した先にリダイレクトされます。

ログアウトボタンのCSS

参考までにログアウトボタンのHTMLとCSSも参考として載せておきます。

    ログアウト

.btn {
    width: 100px;
    height: 40px;
    border: 1px solid #333333;
    border-radius: 5px;
    text-align: center;
}

.btn:hover {
    background-color: #ed0000;
} 

.logout_btn {
    display: block;
    padding: 7px 0;
    text-align: center;
    color:#333333;
    text-decoration:none;
}

.logout_btn:hover {
    color: #ffffff;
}

以上で実装は終了です。