WordPressのテーマ「JIN」でタブレットで表示されるロゴの大きさを変更する方法ーいつもていねいに

このブログ「いつもていねいに」を書いている 小田やかた です。
プロフィールはこちら、Xのアカウントはこちらです。

本ブログは有料テーマの「JIN」を使っています。

WordPressの有料テーマ「JIN」を選んだたった1つの理由WordPressのテーマを有料テーマの「JIN」に変更しました。これまでWordPressのテーマは、無料の「Simplicity...

WordPress「JIN」のカスタマイズまとめこのページは、本ブログ「いつもていねいに」で公開したWordPressのテーマ「JIN」のカスタマイズに関する記事を厳選してまとめたペー...

タブレットで本ブログを表示させるとタイトルロゴがやたら大きく表示されるのがずっと気になっていました。

こんな感じです。意図したわけではないのですが、かなり大きい。（画像はiPad）

これをもっと小さくしたいのです。

最近、解決方法がわかりました。

結果、こうなりました。

では、その解決方法ですが、以下の「JIN Forum」に質問し改善策を教えていただきました。３日後に回答をいただき、丁寧に対応いただけて、JINのサポートの仕組みに感謝しています。

▶︎▶︎参考 https://jin-forum.jp/topic/2259/%E3%82%BF%E3%83%96%E3%83%AC%E3%83%83%E3%83%88%E3%81%A7%E3%81%AE%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E7%94%BB%E5%83%8F%E3%81%AE%E8%A1%A8%E7%A4%BA%E3%81%8C%E5%A4%A7%E3%81%8D%E3%81%8F%E3%81%AA%E3%82%8B%E4%BB%B6

簡単に言えば、、以下のCSSをJINの「追加CSS」（外観＞カスタマイズ）に入力するだけです。

@media (max-width: 1023px) and (min-width: 768px){
	.tn-logo-size img {
		width: calc(20%*2.2)!important;
	}
}
@media (min-width: 1024px){
	.tn-logo-size img {
		width: calc(20%*2.2)!important;
	}
}

「20%」の数字は、タブレットで表示させたい大きさに変更する必要があります。私はそのままにしていますが。

JINでタブレットのロゴの表示の大きさに困っていた方は、ぜひ、参考にしてみてください。

この記事は以上です。

このブログの更新情報や、iPhone・iPadを活用した効率的なインプット・アウトプットの方法を X で発信しています。もしご興味があれば、ぜひ以下のボタンからフォローしてください。また、拙著の一覧はこちら（Amazon著者ページ）からアクセスできます。

＼今すぐFollow！／

小田やかたを

Follow @ottaka18

このブログには、iPhone・iPad・Apple Watch、アプリ、Kindle出版、ブログ運営などに関する記事があります。カテゴリーページや下にある「関連記事」を、ぜひご覧ください。

JIN