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

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

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

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】ウイジェット 人気記事ランキングのリンク文字のカスタマイズ

次に「ウイジェット 人気記事ランキングのリンク文字」をホバーすると、下記の様になりホバーされていることが目立ちません。

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

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

「ウイジェット 人気記事ランキングのリンク文字」についてカスタマイズを行います。

カスタマイズ内容

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

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

/************************************
** ■ウイジェット 人気記事ランキングのリンク文字設定*
************************************/
.heading.heading-tertiary a:hover{ /*リンク文字ホバー時*/
	text-decoration:underline; /*アンダーライン*/
	color: #C03; /*文字色*/
}

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

今回のカスタマイズによって、WordPressテーマ THE THOR(ザ・トール)の「ウイジェット 人気記事ランキングのリンク文字」は、ホバーしたときの文字色を濃いめに、またアンダーラインを表示させることで、ホバー時を目立つようにしてみました。

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

最後に

ブログを見て頂ける方にできるだけ見やすいブログ作成を目指していると言うことで、細かいところですが修正してみました。

今後も細かい修正も行っていきたいと思います。

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

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

下記バナーからスマホゲームのインストールお願いします!
アルケミストガーデン
最強でんでん
れじぇくろ! ~レジェンド・クローバー~
イース6 オンライン〜ナピシュテムの匣〜
黒い砂漠 MOBILE
グランドサマナーズ
ロードモバイル
駅メモ!-ステーションメモリーズ!

オンラインくじ引き
オンラインくじ引き INAKUJI(いなくじ)INABA.TECH
MASAa.net

コメント