こんにちは。
『やさしいブログの作り方』の松田です。
パソコン版のブログで記事タイトルにマウスカーソルを合わせるとリンクになっていることがわかります。
記事タイトルがリンクになること自体は問題はないのですが、文字の色がリンク色になるため記事タイトルが見えにくくなるという懸念があります。
また、マウスを記事タイトルに合わせた時にリンクの下線がチラチラでるのもうっとうしい気がします。
記事タイトル自体はブログを見に来た人にはっきりわかる方が中身を読んでもらいやすくなりますので、文字の色は黒などはっきりわかる色にしておく方が無難です。
ということで、今回は記事タイトルの文字色を黒にしてリンクの下線を出さないカスタマイズをご紹介します。
CSSの最後に以下の記述を追記してください。
上記のカスタマイズは、旧デザインスキン、新デザインスキン共に有効です。
記事タイトルの背景に色が付いている方は、上記の #000000 の部分を見やすくなるような色のカラーコードに置き換えてくださいね。
最後までお読みいただきありがとうございました。
『やさしいブログの作り方』の松田です。
パソコン版のブログで記事タイトルにマウスカーソルを合わせるとリンクになっていることがわかります。
記事タイトルがリンクになること自体は問題はないのですが、文字の色がリンク色になるため記事タイトルが見えにくくなるという懸念があります。
また、マウスを記事タイトルに合わせた時にリンクの下線がチラチラでるのもうっとうしい気がします。
記事タイトル自体はブログを見に来た人にはっきりわかる方が中身を読んでもらいやすくなりますので、文字の色は黒などはっきりわかる色にしておく方が無難です。
ということで、今回は記事タイトルの文字色を黒にしてリンクの下線を出さないカスタマイズをご紹介します。
CSSの最後に以下の記述を追記してください。
.entry h3.title a,.skinArticleHeader h1 a{
color:#000000 !important;
}
.entry h3.title a:hover,.skinArticleHeader h1 a:hover{
text-decoration:none;
}
color:#000000 !important;
}
.entry h3.title a:hover,.skinArticleHeader h1 a:hover{
text-decoration:none;
}
上記のカスタマイズは、旧デザインスキン、新デザインスキン共に有効です。
記事タイトルの背景に色が付いている方は、上記の #000000 の部分を見やすくなるような色のカラーコードに置き換えてくださいね。
最後までお読みいただきありがとうございました。
5つの無料メール講座配信中
これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座(全5回)
「来てよかったです!」と言われるイベントにするために。
少人数イベント実施のための5つのステップ+2が学べるメール講座(全7回)
メルマガ、やってみたいけどどうすれば?という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座(全10回)
パソコンワーク、もっと時短できますよ。
ブロガーさんのための、パソコンワーク時短術10の技メール講座
販売記事を書くポイントを教えます。
初めての販売記事を書いてみよう! 5つのポイント実践メール講座
やさしいブログづくりのための、やさしいメール講座(全5回)
「来てよかったです!」と言われるイベントにするために。
少人数イベント実施のための5つのステップ+2が学べるメール講座(全7回)
メルマガ、やってみたいけどどうすれば?という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座(全10回)
パソコンワーク、もっと時短できますよ。
ブロガーさんのための、パソコンワーク時短術10の技メール講座
販売記事を書くポイントを教えます。
初めての販売記事を書いてみよう! 5つのポイント実践メール講座
6月1日、電子出版しました!