【WordPress】TwentySeventeenのリンクの表示について

WordPressのTwenty-Seventeenというテーマについてですが、リンクをつけたところの表示は初期設定ではこんな感じになります。

(リンク:参考用画像)

リンクの設定
(こちらは下線です)

これだと下線が付いたものと区別が付きにくいので、サイトを訪れた人がリンクなのかどうかわかりません。なのでよくある青いものに変更していきたいと思います。

まず、WordPressの外観からテーマの編集に行きます。右側にあるテンプレートのところを下に見ていくと、スタイルという項目があり、そこにスタイルシート(style.css)があります。

このcssファイルは今使用しているブログ、サイトなどのスタイルの表示設定を扱うものです。クリックして中身をみるとLinkの項目があるのでそこを修正していきます。cssやhtmlについて詳しくない方は修正する前に、全ての内容をコピーして(Ctrl+Aで選択し、Ctrl+Cでコピーし、メモ帳などに貼り付ける)おくことを推奨します。間違えてしまうとサイトの表示がおかしくなってしまいますし、修正箇所がわからないと元に戻すことができません。

こちらのcssファイルでは10.0のところでLinkの設定をしているようなので、Ctrl+Fで検索窓を表示し、10.0 を検索します。

多分2つ見つかると思いますが、2つ目のほうです。そこのaのところのcolorのコードを以下のように変更します。ちなみに下にあるtext-decorationがnoneになっていると下線は表示されません。下線を表示させたい方はnoneをunderlineに変えるかコメントアウトすると良いと思います。

さらにその下にある赤枠の部分を画像のように変更します。これが下線の色と太さになります。

そして、保存ボタンを押すだけです。簡単ですね。他の色に変えたい場合はネットで検索してみてください。

と、変更してみたのですが自分のサイトで何回かF5を押して更新してみても、変更が適用されません。おかしいなと思い、何度か見直したのですがわからなかったので詳しい人に聞いてみると、「Ctrl+F5でやってみたら」と言われてそのとおりやってみるとできました。私はF5で情報が新しくなると思っていたのですが、F5での更新ではキャッシュを使うようです。Ctrl+F5でキャッシュを使用しないで新しく表示し直すとのことでした。意外と簡単なことなのに知らなかったです。

これからもちょくちょくブログを見やすく変更していきたいと思います。

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA