WordPressカスタマイズ

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

body.login の背景を設定する

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

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

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

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

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

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

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

ピックアップ記事

  1. iPhoneの空き容量を確保する方法
  2. スマホ動画を作るときの手順とアプリ
  3. 日程追加!Webが苦手な初心者対象。ゼロから作るWordPressワークショップ…
  4. 無料セッション!ホームページ・WordPressのお悩み解決
  5. Internet Explorerの終わり-Microsoftが公式に使用をやめ…

関連記事

  1. WordPressカスタマイズ

    Googleの日本語Webフォント

    WordPressやホームページ制作で、もっとオシャレなフォントを使い…

  2. WordPressカスタマイズ

    WordPressの基礎

    WordPressのカスタマイズは子テーマを使う!

    WordPressのテーマテンプレートは、有料・無料を問わずたくさん公…

  3. WordPressカスタマイズ

    WordPressの基礎

    WordPressのユーザー権限

    権限グループ 管理者 administrator 編集…

  4. 常時SSL化はお済ですか

    SEO

    サイトの常時SSL化はお済ですか?

    ちょっと前から、サイトを常時SSL化しないと、検索順位が下がるよなんて…

  5. WordPressカスタマイズ
  6. WordPressカスタマイズ

    WordPressの基礎

    WordPressのRSSフィードにアイキャッチ画像を入れる

    WordPressが発行するRSSフィードは、デフォルトではアイキャチ…

ピックアップ

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

    【Rails 5 サポートメモ】Rails 実行時に 「no connectio…
  2. 今日の出来事

    作業と仕事を分ける。
  3. ブログと動画とSEO

    SEO

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

    Googleの日本語Webフォント
  5. upload SILVA DOUBLE SUGARSOUL

    ガジェット

    アレクサ、最近のJ-POPをかけて!からの朝生?
PAGE TOP