スタイルシート(CSS)更新しました
しばらく前から、CSS (Cascade Style Sheet)の不備が気になっていたので直しました。直した所は、次の通りです。
- preタグでの表示が、等幅フォントになっていなかった
- 会話文の色の扱いが見辛かった
- httpsでアクセスしたときhttp要素の画像が残っていた
jetpackプラグインの→で修正しています。
1. タグでの表示が、等幅フォントになっていなかった
ターミナルの出力部分にpreタグを使っています。その部分は、等幅フォントにしたかったのですが、サイトのデフォルトフォントを変更した影響を受けてしまっていました。
使用しているフォントを、次の記事の通りに変更しました。ありがとうございます。
% diskutil info /Users Device Identifier: disk0s5 Device Node: /dev/disk0s5 Part of Whole: disk0 Device / Media Name: Users_HD Volume Name: Users_HD Escaped with Unicode: Users_HD Mounted: Yes Mount Point: /Users Escaped with Unicode: /Users
2. 会話文の色の扱いが見辛かった
コンサートレポートを書くときなど、出演者の発言内容を色付けし、読みやすさを考えています。次の記事に従い、色の設定を見直して、見やすくしました。完全ではありませんが、及第点レベルだと思います。
- 色のバリアフリー : プラスα空間 (2009年7月11日)
- アクセシビリティ向上のために[追記あり] : プラスα空間 (2014年5月9日)
茉奈:こんにちは お市のーと example.com
佳奈:こんにちは お市のーと example.com
スマイル:こんにちは お市のーと example.com
マナカナ:こんにちは お市のーと example.com
mk:こんにちは お市のーと example.com
Cool:こんにちは お市のーと example.com
Wild:こんにちは お市のーと example.com
弥生:こんにちは お市のーと example.com
佐田詠夢:こんにちは お市のーと example.com
村松崇継:こんにちは お市のーと example.com
ちなみに、「茉奈」カラーと「佳奈」カラーは、イメージカラー(それぞれ、ピンクと黄色)とは逆になっています。これは、公式ブログのバックグラウンドカラーに合わせているからです。公式ブログのバックグラウンドカラーの選び方で、失敗していると言う事でしょう。
3. httpsでアクセスしたときhttp要素の画像が残っていた
Googleがhttps接続を推奨する動きがあります。
それに送れない様に、本ウェブサイトも、https接続に対応できる様にしていました。ですが、画像の一部がhttp接続になってしまう物がありました。調べてみると、CSSで指定しているbackgroundイメージでした。これらを修正しました。
[amazonjs asin="B00FWK9BK8" locale="JP"]