WordPressカスタマイズ

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

body.login の背景を設定する

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

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

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

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

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

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

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

ピックアップ記事

  1. Adobe Premiere Rush CCが超スゴイ!スマホでもPCでもシーム…
  2. 日程追加!Webが苦手な初心者対象。ゼロから作るWordPressワークショップ…
  3. スマホ動画を作るときの手順とアプリ
  4. WordPress初心者ワークショップをやりました。次回は2月20日
  5. スマホで動画編集 Adobe Premiere Rush CC編-テロップはPC…

関連記事

  1. WordPressカスタマイズ
  2. WordPressカスタマイズ

    WordPressカスタマイズ

    管理画面で不要な表示オプションを非表示にする

    WordPressの投稿画面や固定ページ作成画面は、一般のユーザーには…

  3. WordPressカスタマイズ

    WordPressカスタマイズ

    レビュー待ちの投稿で編集者権限ユーザーにメールを送る

    以前、寄稿者権限のユーザーがレビュー待ちの投稿をしたときに、管理者へ通…

  4. WordPressカスタマイズ

    ビジュアルエディタに独自のクイックタグを追加する

    クイックタグを追加することで、書式の追加の効率が良くなり、記事作成が速…

  5. cf7 google sheet connector
  6. WordPressカスタマイズ

    WordPressカスタマイズ

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

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

ピックアップ

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

    WordPressの基礎

    WordPressのカスタマイズは子テーマを使う!
  2. ブログの書き方

    ブログのリンクを貼るときの注意
  3. アウトプット大全 樺沢紫苑

    読んだ本

    学びを結果に変えるアウトプット大全 -樺沢紫苑-
  4. wordpress5.0リリース

    WordPressカスタマイズ

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

    背景色に対して文字色は白か黒か
PAGE TOP