【お知らせ】このサイトではWordPressテーマ Cocoonを採用しています。THE THORのカスタマイズ状況についてはZMASAa.blogをご参照下さい。
WordPress関連THE THOR

【THE THOR】ウイジェット 人気記事ランキングのタイトルのカスタマイズ

アイキャッチ画像 THE THOR(ザ・トール)
この記事は約3分で読めます。
スポンサーリンク

WordPressテーマ THE THOR

別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

ZMASAa.blog│ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト
ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト

WordPressテーマ THE THOR(ザ・トール)の「ウイジェット 人気記事ランキングのタイトル」に関するカスタマイズについてまとめてみました。

WordPressテーマ THE THOR ウイジェット 人気記事ランキングのタイトル

WordPressテーマ THE THOR(ザ・トール)の「ウイジェット 人気記事ランキングのタイトル」の表示は次の様になっています。

【THE THOR】ウイジェット 人気記事ランキングのタイトルのカスタマイズ

特に問題無いのですが、若干「ウイジェット 人気記事ランキングのタイトル」のフォントサイズが気になるところです。

と言う事で、この点について改善するカスタマイズを行ってみました。

ウイジェット 人気記事ランキングのタイトルのカスタマイズ

「ウイジェット 人気記事ランキングのタイトル」のカスタマイズを行います。

カスタマイズ内容

「ウイジェット 人気記事ランキングのタイトル」のカスタマイズは、下記の通りです。

このカスタマイズ内容を「スタイルシート(style-user.css)」に追記します。

/************************************
** ■ウイジェット 人気記事ランキングのタイトルカスタマイズ
************************************/
.widgetArchive__item.widgetArchive__item-rank .heading a {
	font-size: 16px; /*フォントサイズ*/
}
@media only screen and (max-width: 768px) { /*iPad表示対応*/
	.widgetArchive__item.widgetArchive__item-rank .heading a {
		font-size: 14px; /*フォントサイズ*/
	}
}

カスタマイズ後のウイジェット 人気記事ランキングのタイトル

今回の「ウイジェット 人気記事ランキングのタイトル」のカスタマイズによって、「ウイジェット 人気記事ランキングのタイトル」の表示は次の様になりました。

【THE THOR】ウイジェット 人気記事ランキングのタイトルのカスタマイズ

今回の「ウイジェット 人気記事ランキングのタイトル」のカスタマイズで、「ウイジェット 人気記事ランキングのタイトル」のフォントサイズを少しだけ大きくしてみました。

iPadを縦表示にした場合のフォントサイズ調整

我が家のiPad Air 2で確認すると縦表示の場合は、逆にフォントサイズが大きくなってしまうのが気になります。

そこで、iPadを縦表示にした場合は、フォントサイズを心持ち小さくしてみました。

この部分が必要無い場合は、上記カスタマイズ内容の

@media only screen and (max-width: 768px) { /*iPad表示対応*/
	.widgetArchive__item.widgetArchive__item-rank .heading a {
		font-size: 14px; /*フォントサイズ*/
	}
}

の箇所を削除すればOKです。

before

【THE THOR】ウイジェット 人気記事ランキングのタイトルのカスタマイズ

after

【THE THOR】ウイジェット 人気記事ランキングのタイトルのカスタマイズ

最後に

今回は特にカスタマイズしてもしなくても良いレベルですが、気になるところはどうしても気になってしまうので、小さい部分についても色々と改善していきたいと思います。

MASAa.netをご覧頂きありがとうございます!
もしMASAa.netの記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

おすすめWordPressテーマ!
WordPressテーマ WING(AFFINGER6)
WordPressテーマ THE THOR(ザ・トール)
WordPressテーマ Diver

下記バナーからスマホゲームのインストールお願いします!
ザ・グランドマフィア
少女ウォーズ
れじぇくろ! ~レジェンド・クローバー~
イース6 オンライン〜ナピシュテムの匣〜
極道のエデン
リネージュ2M
魔剣伝説
超次元彼女
ライフアフター
覇王の天下-戦略シミュレーション
グランドサマナーズ
The King of Fighters '98UM OL

MASAa.net

コメント