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

【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 4.x対応 [ 茂木 葉子 ]

はじめの一歩! サクサクわかるWordPress 4.x対応 [ 茂木 葉子 ]

1,814 円 (税込) 送料込
茂木 葉子 天野 裕子 マイナビ出版ハジメノイッポ サクサクワカルワードプレス ヨンテンエックスタイオウ モテギ ヨウコ アマノ ユウコ 発行年月:2016年11月25日 予約締切日:2016年11月22日 ページ数:256p サイズ:単行本 ISBN:9784839959876 Introduction WordPress..
【中古】 WordPressサイト構築スタイルブック デザイナーのためのテンプレートタグリファレンス+サイトデザインテクニック /エ・ビス..

【中古】 WordPressサイト構築スタイルブック デザイナーのためのテンプレートタグリファレンス+サイトデザインテクニック /エ・ビス..

98 円 (税込)
エ・ビスコム・テック・ラボ【著】販売会社/発売会社:毎日コミュニケーションズ/毎日コミュニケーションズ発売年月日:2006/11/11JAN:9784839921910
楽天ウェブサービスセンター CS Shop
トップへ戻る