ログイン画面・機能をカスタマイズ

CSSを変更してスタイル変更
ログイン画面用のCSSを用意して子テーマとして使用します。変更したい部分だけを記述して下さい。
// オリジナル /wp-admin/css/login.min.css // functions.php(子テーマ)に追加 // /wp-content/themes/テーマフォルダ/login/login-styles.cssの読み込み add_action( 'login_head', 'my_login_css'); function my_login_css() { wp_enqueue_style( 'my-login-css', get_stylesheet_directory_uri() . '/login/login-styles.css', false, null); }
注意書きなどのテキストを追加する
ログインフォーム上部に自由に追加できます。
// オリジナル /wp-login.php // functions.php(子テーマ)に追加 add_filter( 'login_message', 'my_login_message'); function my_login_message( $message) { if (empty( $message) ){ return "<p class='message'>ようこそ。ログインして始めて下さい</p>"; } else { return $message; } }
クッキーの有効期限を変更
ログイン時に"ログイン状態を保存する"にチェックを入れてログインした場合、標準では14日間保持されます。(チェックしない場合は2日保持)
// オリジナル wp_set_auth_cookie in /wp-includes/pluggable.php // functions.php(子テーマ)に追加 add_filter( 'auth_cookie_expiration', 'keep_me_logged_in_for_1_year'); function keep_me_logged_in_for_1_year( $expirein){ return 31556926; // 1年間有効 (秒数で指定) }
プラグイン「Configure Login Timeout」で同様の変更ができます。ダウンロード
"ログイン状態を保存する"に関する制御をしてくれるプラグイン「Remember Me Controls」
このプラグインで以下の設定が行えます。ダウンロード
- "ログイン状態を保存する" デフォルトでチェック
- ログインクッキーの有効期限を無しにする(実際は100年有効)
- ログインクッキーの保持期間の設定→時間(hours)で設定
- "ログイン状態を保存する"の非表示(+クッキーの保持を1日)
パスワードのマスキングを一時的に除去するプラグイン「hideShowPassword」
インストール・有効化するだけでパスワードのマスクを一時的にとりはずすことができるようになります。
hideShowPassword
関連記事
-
-
Twenty Fourteen "コメントをどうぞ"の非表示と変更方法
Twenty Fourteenでは、デフォルトで投稿ページと各アーカイブページの各投稿のメタ情報欄に「コメントをどうぞ」というコメントフォームへのリンクが設置されます。 それぞれ、コメントが0件の場
-
-
Google Code Prettifyを使用してソースコードを表示をしてくれる「Prettify Code Syntax」
Prettify Code Syntaxは、WordPressでGoogle Code Prettifyを使用してソースコードを表示してくれるプラグインです。 プラグインダウンロード Google
-
-
jQueryをCDNから読み込む
WordPressではデフォルトでjQueryライブラリが同梱されています。この記事では、それをやめて、CDNから読み込み、使用する方法を解説します。 WordPress 3.6 3.9 4.0
-
-
head内に出力される要素を整理
Wordpressを使用していくうちに、head内がカオスな状態になっていくきますよね。そこで、そういう状態になったものをスッキリさせていこうという試みをやっていこうと思います。 削除方法 取り急
-
-
コメント欄停止・コメント削除
WordPressでは標準でコメント機能が付いてきます。この投稿ではコメント機能の停止や既に投稿されたコメントを削除する方法を紹介します。 設定による停止方法 新規の投稿に関してコメントを停止
-
-
Twenty Fifteen カスタマイズ
WordPress 4.1のデフォルトテーマである「Twenty Fifteen」は三世代前の「Twenty Twelve」に似たテーマで非常にシンプルなテーマにまとまっていますね。カスタマイズをまと
-
-
Twenty Thirteen ナビゲーションメニューを固定
ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade
-
-
ブルー・オレンジ・ピンクと選べるテーマ「Bouquet」をカスタマイズ
プレビューはこちら ダウンロード 目次 ヘッダー画像の高さを変更 アイキャッチをアップロード h1タグがやたら多いので最適化 画像をレスポンシブ対応 フォント「Sorts Mill
-
-
Twenty Fourteen 「投稿者」を非表示
TwentyFourteenでは、シングルページやアーカイブページにそれぞれ「投稿者」が表示されます。投稿者を非表示にさせる方法を投稿してみます。表示させる場合は、以下を参考に表示名などを変更してみて
-
-
ナビゲーションメニューに検索フォームを追加
メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく
Comment
style.cssではないんですね。"ログイン画面・機能をカスタマイズ" http://t.co/nCxSGKQho4