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. WordPress 5.0 リリースで注意するべきこと
  3. iPhoneの空き容量を確保する方法
  4. スマホで動画編集 Adobe Premiere Rush CC編-テロップはPC…
  5. 日程追加!Webが苦手な初心者対象。ゼロから作るWordPressワークショップ…

関連記事

  1. SEO

    オススメのWordPressテンプレート 2018

    WordPRessには無料で使えるテンプレートが多数用意されています。…

  2. api

    Google Chart API を使用したQRコード生成

    ホームページにモバイルアクセス用のQRコードを生成する。Googl…

  3. WordPressカスタマイズ

    WordPressの基礎

    WordPressのユーザー権限

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

  4. WordPressカスタマイズ

    WordPressカスタマイズ

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

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

  5. WordPressカスタマイズ

    WordPressの基礎

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

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

  6. wordpress5.0リリース

    WordPressカスタマイズ

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

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

ピックアップ

  1. wordpress5.0リリース
  2. Adobe Premiere Rush CC
  3. Adobe Premiere Rush CC
Webが苦手な人でもできるようになる。ゼロから自分で作るワードプレスワークショップ名古屋開催 デメニギスの30分無料セッション
  1. wordpress5.0リリース

    WordPressカスタマイズ

    WordPress 5.0 リリースで注意するべきこと
  2. WordPressカスタマイズ

    WordPressの基礎

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

    Googleのデータセンターツアー(バーチャルです)
  4. api

    Google Chart API を使用したQRコード生成
  5. WordPressカスタマイズ

    WordPressカスタマイズ

    レビュー待ちの投稿で管理者権限のユーザーにメールを送る
PAGE TOP