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

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日)


Remember-Me-Controls

パスワードのマスキングを一時的に除去するプラグイン「hideShowPassword」

インストール・有効化するだけでパスワードのマスクを一時的にとりはずすことができるようになります。
hideShowPassword

  • このエントリーをはてなブックマークに追加

関連記事

コメントフォーム・リストのカスタマイズ

コメント投稿部分は、基本的にはどのテーマでも同じフォームを出力してテーマのstyle.cssで外観を変えています。コメントフォーム欄をカスタマイズするには、プラグインもしくはフックを用いてカスタマイズ

テーブル実装プラグイン「TablePress」 + レスポンシブ対応

「TablePress」は、WordPressにテーブルを実装できるプラグインです。専用のレスポンシブ化のプラグインもリリースされています。ダウンロード デモ (PCの場合はブラウザの幅狭めてみたり

ナビゲーションメニューに検索フォームを追加

メニュー内に検索フォームを追加したいという問い合わせをいただいたので試してみました。 メニューのつくられかた まずは、WordPressでメニューがつくられる手順を説明します。 箱をつく

Twenty Fourteen カスタマイズ

「Twenty Fourteen」はWordPress 3.8のデフォルトテーマです。TwentyThirteenから彩りもガラッとかわってますね。個人的には、すごく好きなデザイン。 Twent

投稿記事から「(ログイン)ユーザー名」がバレるのを防ぐ

ここ最近、アカウント乗っ取りやセキュリティ事故関連のニュースが相次いでいますが、WordPressで制作されたサイトも標的に会っているようです。一般的な手法としては「ブルートフォースアタック」という手

独自のCSSやJSを読み込む

WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし

Twenty Thirteen テーマ用フォント "Source Sans Pro" / "Bitter"の使用を止

TwentyThirteenでは、テーマ用のフォントとして「Source Sans Pro」と「Bitter」というフォントをGoogleフォントから引っ張ってきて使用されるようです。 ちなみにどの

Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更

標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです

サイトのキャプチャをショートコードで生成してくれる「Browser Shots」

外部のサイトを紹介する際にそのサイトのキャプチャが添えられているとイメージがつかみやすくなりクリックのモチベーションが上がるような気がします。 今回は、ショートコード一行でサイトのスクリーンショット

ポップアップが実装できるプラグイン「Anything popup」「Easy Modal」

ポップアップ 「Anything Popup」 「Anything popup」は、ページにポップアップが実装できるWordPressプラグインです。ポップアップ要素を投稿ページと同様に作成できるた

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑