WordPress

WordPress★ログイン画面をカスタマイズする

投稿日:

ログイン画面のカスタマイズでつまずいたので、その時のメモ。
英語のサイトですが本家WordPress.orgのCodexにその解説があります。
https://codex.wordpress.org/Customizing_the_Login_Form

基本的には、変更したい項目をテーマのfunctions.phpに書き込めばOK。

 

ログイン画面のロゴを変更

子テーマを使っていたため、はじめにfunctions.phpファイルを新たに作りました。
次にCodexで紹介していたコードをそのままコピペ。

でも、ロゴが変わっていない!!
なんで?????

シンタックスエラーがでてた (ToT)
プログラムは全くの素人の私。
くじけそうになりながら、いろいろと調べているうちに、
もしや。。。。と思うことが。

ファイルの冒頭にお約束の「<?php」を書いてなかった。
ということで、まっさらのfunctions.phpで始める人は、気をつけてください。
上手くいったコードはコレ。1行目に「<?php」が入ってるよ。

 

ロゴ画像のリンク先を変更

ログイン画面のロゴ画像のリンク先をカスタマイズするには、functions.phpに下のように書いていきます。初期設定ではリンク先に「http://ja.wordpress.org/ 」が設定されています。

 

ロゴ画像のタイトル属性を変更

ログイン画面のロゴ画像 title属性には、「Powered by WordPress」が設定されています。

 

「パスワードをお忘れですか?」と「←○○○○○に戻る」を非表示にする

ログイン画面の「パスワードをお忘れですか?」と「←◯○○へ戻る」を非表示にするには、CSSを上書きしてやります。

はじめに変更したロゴ画像のコードの中の
<style type=”text/css”>・・・・</style>
の間に書き込みます。

★ログイン画面で使用されている主なセレクタ一覧

これらのセレクタもロゴ画像のコードの中の
<style type=”text/css”>・・・・</style>
の中に書き込むことでカスタマイズできます。

保存保存

保存保存





-WordPress

執筆者:


comment

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

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

関連記事

WordPress|twenty seventeen カスタマイズ準備|子テーマをつくる

このページのもくじ デフォルトのテーマ「twenty seventeen」をカスタマイズする前の準備ファイルに記載する内容子テーマのスタイルシートが反映されないときそれでもダメな時は デフォルトのテー …

WordPress★コメント入力フォームをカスタマイズする

  WordPressのバージョンは4.7.3 コメント入力フォームをカスタマイズする方法です。変更内容は 1)コメントの入力フォームで不要な部分を非表示にする 2)入力フォームの文言を自由に変更する …

WordPress★コメント部分を簡易掲示板風にカスタマイズする

  WordPressのバージョンは4.7.3 コメント部分を掲示板風にカスタマイズ。変更内容は 1)コメントの入力フォームで不要な部分を非表示にする 2)入力フォームの文言を自由に変更する  3)コ …

WordPress|子テーマのstyle.cssの画像パスはどう書くの?

WordPressでは、themesフォルダ内の「テーマ名フォルダ」の中に「style.css」が入っています。子テーマの場合は「テーマ名-child」としていることが多いので、「テーマ名-child …

WordPress★一般設定からWordPressアドレスを間違って入力した場合の対処法

ダッシュボードからWordPressのアドレスを設定できるが、「WordPressアドレス」を間違って変更してしまった場合、サイトが正しく表示されないのはもちろん、管理画面にもアクセスできなくなる。 …