【注意】このMASAa.netはWordPressテーマ Cocoonを使用しており、THE THORはZMASAa.blogで使用中です。クリックするとZMASAa.blogを開きます。
WordPressTHE THOR

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

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

WordPressテーマ THE THOR

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

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

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の記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

……… THE THOR(ザ・トール)購入について ………
下記バナーからTHE THOR(ザ・トール)をご購入の方には、
当掲載のカスタマイズについて優先的にサポートさせて頂きます。

下記バナー経由でTHE THOR(ザ・トール)を購入した日付と時刻
を合わせてお問い合わせフォームからご連絡下さい。



気軽にプレイできるPC向けウェブブラウザ対応ゲーム!
邪神ちゃんドロップキック
精霊幻想記アナザーテイル
空島クロニクル
ラストラグナロク
ビビッドアーミー
城姫クエスト 極
下記バナーからスマホゲームのインストールお願いします!
MU:アークエンジェル
Cave Shooter
イース6オンライン
ザ・アンツ
リネージュ2M
クッキーランキングダム
ドラゴンとガールズ交響曲
魔剣伝説
パズにゃん
ブレイドエクスロード

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

MASAa.net

コメント