WordPressカスタマイズ

ログイン画面の背景を変える

body.login の背景を設定する

get_template_directory_uri() で有効化している テンプレートのディレクトリの URI を取得できます。
子テーマでカスタマイズしている場合は get_stylesheet_directory_uri() を使う。

background-size:cover; で画像が全画面に。
background-position: center; で背景画像が中心に固定される。

今回のは、画像を自由に変更することはできないが、やり方次第で「外観」→「カスタマイズ」や「テーマオプション」でユーザが自由に変更できるようにすることも可能。

ログイン画面の設定を一つにまとめる

ロゴの変更と背景の変更をまとめると以下のように。

子テーマでカスタマイズしている場合は get_stylesheet_directory_uri() を使う。

ログイン画面をカスタマイズするだけで、かなりオリジナル感が出せます。
ちょっとしたことですが、オリジナル感や専用感は結構大切だと思います。

ピックアップ記事

  1. WordPress初心者ワークショップをやりました。次回は2月20日
  2. iPhoneの空き容量を確保する方法
  3. 無料セッション!ホームページ・WordPressのお悩み解決
  4. Adobe Premiere Rush CCが超スゴイ!スマホでもPCでもシーム…
  5. Webが苦手な初心者対象。ゼロから作るWordPressワークショップ

関連記事

  1. WordPressの基礎

    WordPressのよく使うテンプレートタグ

    ブログのURLを取得するhome_url()<?ph…

  2. WordPressカスタマイズ

    WordPressカスタマイズ

    不要なダッシュボードウィジェットを非表示にする

    WordPressにようこそ!を非表示にするダッシュボードウィ…

  3. WordPressカスタマイズ
  4. wordpress5.0リリース

    WordPressカスタマイズ

    WordPress 5.0 リリースで注意するべきこと

    2018年12月6日、WordPressのメジャーアップデート「5.0…

  5. WordPressカスタマイズ

    カスタム投稿タイプの投稿もSNSに自動投稿したい

    WordPress.orgの公式プラグインのJetPackを入れると、…

  6. WEB技術

    お問合せフォームの送信通知をLINEで受け取る

    どのホームページにも、お問合せフォームは必ずあります。WordPr…

ピックアップ

  1. さよならインターネットエクスプローラー
  2. WordPress初心者ワークショップ 名古屋開催
  3. wordpress5.0リリース
Webが苦手な人でもできるようになる。ゼロから自分で作るワードプレスワークショップ名古屋開催 デメニギスの30分無料セッション
  1. PHP

    背景色に対して文字色は白か黒か
  2. WordPressカスタマイズ

    WordPressカスタマイズ

    レビュー待ちの投稿がされた場合、管理者にメールを送る
  3. cf7 google sheet connector

    WordPressカスタマイズ

    フォームメールを自動でGoogleスプレッドシートに保存するプラグイン「CF7 …
  4. ブログと動画とSEO

    SEO

    ブログと動画とSEO
  5. WordPressカスタマイズ

    WordPressカスタマイズ

    WP管理画面のサイドバーの不必要なメニューを非表示にする
PAGE TOP