【WordPress】Simplicity2テーマでログイン画面のロゴ画像がはみ出すときの対処

役に立つ情報でしたら是非拡散(シェア)をお願いします

私このテーマを使ってますけどサイトにロゴを使ったことがなかったんですよね。

そんな中、サイト作成のお手伝いをさせていただいている方からサイトタイトルにロゴを使いたいという要望があり、設定してあげました。

そしたら・・・・ログインロゴまで変更されてる~~!!しかも思いっきり見切れてる~~という事態になりました。

まあバックエンドのログイン画面なんだから特に気にする必要もなさそうですけど本人は気になるようで何とか直してほしいと言われましたので対応しました。

Simplicity2ではサイトロゴ=ログインロゴになるようになってる??対処方法

前述したように私は今までサイトタイトルにロゴを使ったことがなかったので、これがSimplicity2独自のものなのか??不明ですが、フロントエンドをロゴにするとログイン画面までロゴになるというのはうれしい機能ではあります。

とはいえやっぱりはみ出すのは・・・ということで得意のプラグイン・・・ではなく以下の対処方法で簡単に調整できます。

ごちゃごちゃやる必要はありません。子テーマの場合は以下のコードをテーマのfunctions.phpへ追記するだけです。

親テーマを使っている方は同じfunctionの記述を探して修正するか、一番下に追記すればいいと思います(テーマは下へ下へコードが読み込まれていきますので)。

function custom_login_logo() { ?>
	<style>
#login h1 a {
    height: auto !important;
	width:100%!important;
		}
	</style>
<?php }
add_action( 'login_enqueue_scripts', 'custom_login_logo' );

上のコードを簡単に言葉で解説するとログイン画面のロゴ画像が入る場所の横幅一杯に表示して、高さは適当に調整してちょーだいというものになります(簡単に書きすぎ??)

つまり画像がこのログインロゴよりも大きい(普通はそうだと思いますが・・)ために、画像がログインロゴの枠(領域)に収まりきらないのが原因なんですね。それをこのコードで自動調整してやるという処理になります。

気になる方はぜひやってくださいね。

Wordpressの本

Amazonの人気商品楽天市場の人気商品
CS Shop
できる100ワザWordPress 必ず集客できる実践・サイト運営術 [ ホシナカズキ ]

できる100ワザWordPress 必ず集客できる実践・サイト運営術 [ ホシナカズキ ]

1,922 円 (税込) 送料込
評価 4
必ず集客できる実践・サイト運営術 ホシナカズキ インプレスデキル ヒャク ワザ ワードプレス ホシナ,カズキ インプレス(2014) 発行年月:2014年12月 予約締切日:2014年11月27日 ページ数:270p サイズ:単行本 ISBN:9784844337164 ホシナカズキ 1979年生まれ。テレビ業界..
WordPressユーザーのためのPHP入門 はじめから、ていねいに。 [ 水野史土 ]

WordPressユーザーのためのPHP入門 はじめから、ていねいに。 [ 水野史土 ]

2,592 円 (税込) 送料込
はじめから、ていねいに。 水野史土 エムディエヌコーポレーション インプレスワードプレス ユーザー ノ タメノ ピーエイチピー ニュウモン ミズノ,フミト 発行年月:2014年04月 予約締切日:2014年03月20日 ページ数:231p サイズ:単行本 ISBN:9784844364139 水野史土(..
楽天ウェブサービスセンター CS Shop
トップへ戻る