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

アイキャッチ画像 THE THOR(ザ・トール)
スポンサーリンク

WordPressテーマ THE THOR

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

ZMASAa.blog│購入品やイベントなどの記事を掲載するmasaaのWordPressブログサイト③
購入品やイベントなどの記事を掲載するmasaaの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】ウイジェット 人気記事ランキングのリンク文字のカスタマイズ

最後に

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

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

コメント