【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
【新品】【本】小さなお店&会社のWordPress超入門 初めてでも安心!思いどおりのホームページを作ろう! オリジナルのテーマであっと..

【新品】【本】小さなお店&会社のWordPress超入門 初めてでも安心!思いどおりのホームページを作ろう! オリジナルのテーマであっと..

2,138 円 (税込)
■ISBN:9784774182186★日時指定・銀行振込をお受けできない商品になりますタイトル【新品】【本】小さなお店&会社のWordPress超入門 初めてでも安心!思いどおりのホームページを作ろう! オリジナルのテーマであっという間にホームページができる! 星野邦敏/著 大胡由紀/..
【中古】 WordPressで初めてでも簡単にできる自分で作れる!おしゃれなWebサイト WordPressで初めてでも簡単にできる WordPress3.5対..

【中古】 WordPressで初めてでも簡単にできる自分で作れる!おしゃれなWebサイト WordPressで初めてでも簡単にできる WordPress3.5対..

1,042 円 (税込)
評価 1
久松慎一【著】販売会社/発売会社:ソフトバンククリエイティブ/ 発売年月日:2013/01/28JAN:9784797369601
楽天ウェブサービスセンター CS Shop
トップへ戻る