wordpress

【wordpress】ウィジェットにログインフォームをプラグインなしキャプチャありで設置する

最終更新日：2021年10月27日

ウィジェットにログイン・ログアウトする機能があれば便利だと思って作成してみました。

この記事の目次

01実装
02関係する記事
- securimageをカスタマイズしたい

実装

ここにあるコードをお使いのテーマのfunctions.phpに追記してください。

ウィジェットでショートコードを使えるようにする

このコードを加えることで、普通はできないショートコードでウィジェットが使えるようになります。

functions.php

//do shortcode in widget
add_filter('widget_text', 'do_shortcode' );

ウィジェットに表示するもの

ログインしていないときはログインフォームが、ログインしているときは名前とログアウトボタンが出現します。お好みで調節してください。

functions.php

//login form in widget
function login_widget() {
　　　　$body = << user name password capcha <img id="captcha_widget" src="/securimage/securimage_show.php" alt="CAPTCHA Image"> Different Image register / 登録 login
　　　　HTML;
　　　　$logout_form = << logout
　　　　HTML;
　　　　$user = wp_get_current_user();
　　　　$id = get_current_user_id();
　　　　if(is_user_logged_in()){
　　　　　　　　echo "Hi, $user->display_name";
　　　　　　　　echo $logout_form;
　　　　} else {
　　　　　　　　echo $body;
　　　　}
}
add_shortcode('login_widget', 'login_widget');

ログアウト機能を搭載

このコードを加えることで、ログアウトurlを見せることなくログアウトできます。

functions.php

//logont
add_action('after_setup_theme', function() {
　　　　if ( isset( $_POST['my_logout'] ) && $_POST['my_logout'] === 'logout') {
　　　　　　　　// ログインフォームからの送信があれば
　　　　　　　　my_logout();
　　　　}
});
//logout function
function my_logout() {
　　　　wp_logout();
　　　　exit;
　　　　return;
}

「securimage」をダウンロード

キャプチャには「securimage」を使用します。

ここからダウンロードできます。

人によってやり方は違うかもしれませんが、ダウンロードしたら、wp-adminやwp-content, wp-imcludeがある階層に「securimage」の名前で保存してください。
私はパソコンにzipで保存して、Cyberduckを使ってFTPS経由で保存しました。
もちろん階層、名前は自由ですが、自分が載せたコードでは/securimageでアクセスするようにしています。
なのでそこを変えれば任意の階層、名前でも動きます。

仕上げ

全てできましたか？

あとはwidgetのカスタムHTMLにショートコードで[login_widget]と入れるだけです！

先ほど貼り付けた
add_shortcode('register', 'register');
add_shortcode('login', 'login');
を
add_shortcode('registers', 'register');
add_shortcode('logins', 'login');
と一度変える。
二つあるうちの前を変えてください。変えれば文字は何でもいいです。
ショートコードで[]の中でlogin, registerをはる。記事、固定ページ保存。
add_shortcode('register', 'register');
add_shortcode('login', 'login');
に戻す

とりあえず先にショートコードの文字列を決定して、そのあとにコードの文字を変えればいいみたいです。