挑戦中！STINGER8カスタマイズ２｜投稿ページ編

2017.2.62018.5.19

挑戦してみる！Stinger8カスタマイズ１｜トップページ編でも、おことわりしましたが、私にはカスタマイズ知識はほっとんどありません。でも、それなりになんとかなった！を記録しています。
トップページも、まだまだしたいことがあるんですが、今回は投稿ページに手をつけました。私自身の記録が、どこかで誰かのお役に立てれば幸いです。

本文中の画像は、クリックで全体を表示します。

1. はじめに
2. 上部のカテゴリーを非表示に
3. 基本の色を決めて見出し装飾
- 3.1. タイトルh1
- 3.2. 見出しh2〜4
4. 投稿日と更新日をアイコンフォントに
5. 文字の色と種類を変更
6. TOPへ戻るボタンの変更
7. 前ページ・次ページへをサムネイル付きに
8. さいごに

はじめに

PLUSにはあって便利だった『記事下に一括挿入』ウィジェットが、なくなっちゃったんですね。ちょっと残念…
気を取り直して、投稿ページをざざっと見渡し、気になるところをピックアップ！

上のカテゴリーは消したい。
見出しを装飾したい。
投稿日と更新日の文字をアイコンフォントにしたい。
文字色変えたい。
TOPへ戻るをもう少し目立つように。
下のカテゴリーとタグと執筆者は、右寄せしたい。
前ページ・次ページへをサムネイル付きにしたい。

順番に手をつけていきます。

上部のカテゴリーを非表示に

子テーマの single.php のカテゴリー部分を、赤丸のように『< !--』と『-- >』で囲んで表示させないようにしました。

基本の色を決めて見出し装飾

各見出しは、色をつけたり質感を変えたりetc.で、わかりやすく・目立ちすぎず、を目指します。
ブログ全体のイメージカラーを決めてからにするのがいいのでは？と思います。よかったらセンスのいい配色を決めよう！カラージェネレーター７種で、Web上の無料で使える配色のサイトを紹介していますので、ご覧ください。
また、【前編】ブログの配色は好きな色で決めちゃえ！では、効率よく配色を決められるよう試してみました。そちらもチラ見していただけたらと思います。

今回はぼやけた黄みの橙色に惹かれました。