【Simplicity】当サイトのトップページデザイン変更の歴史

おはようございます、こんにちは、こんばんは。
ふらっふぃ(@fluffy_mybag)です。

トップページやカテゴリ一覧のカスタマイズ記録です。

スポンサーリンク

2017/11/20の変更点

変更前 変更後
変更内容

一見すると短時間でできそうに見えると思いますが、このレイアウトに落ち着くまでに10時間ぐらいかかってます😅
いやぁ~、ほんとに疲れました。
アイキャッチ画像は記事の修正をしながら、ぼちぼち変更していこうと思います。

  • ヘッダー画像を削除
  • サイト概要説明を追加
  • 「外観」-「色」の全体的に変更
  • アイキャッチ画像をフラットな画像に(修正作業継続中)
  • CSSの変更
    └ メイン、サイドバーのH3のスタイル
    └ メインのH4のスタイル
    └ 引用のスタイル
    └ 材料名、栄養成分表示のスタイル
  • プラグインの設定変更(主に見た目の変更)
    └ What’s New Generator
    └ Table of Contents Plus

2017/11/21の変更点

変更前 変更後
変更内容

昨日あれだけがんばったWhat’s New Generatorを捨て、メインページは画像表示にしました。
これからしばらくは、トップページの変更は置いておいて、投稿ページのヘッダー修正に力を注ぎたいと思います。

【参考】メインページの画像の部分は、こちらのサイトを参考にトップページだけに表示されるウィジェットを作り、画像を差し込んでいます。

トップページの投稿一覧の上に「あいさつ」のような文章を表示させたくて、前回はtwentyfourteenのトップページ用にウィジェットエリアを作りました。今回は私の周りでじんわりブームになっているテーマSimplicityに同じように「あい

2017/12/10の変更点

変更前 変更後
変更内容

上の画面イメージが分かりにくいですが、カテゴリ名の表示場所をサムネイルの下にしました。

最初に見つけたのは「entry-card.php」と「style.css」を修正する方法。
でも、なぜかその方法だと表示が整わないため、更に調べてみたところ「style.css」の修正だけで簡単にできる方法がありました😁

2017/12/29の変更点

トップページからの直帰率が10%悪化していたため、改悪になってしまった点を自分なりに検討して改修しました。

変更前 変更後
変更内容
  • プラグインの追加
    └ What’s New Generator を復活(11/21に停止していたもの)
    └ List Category Posts を新規追加
  • トップページ、カテゴリページをそれぞれ固定ページに変更
    └ トップページの画像下に更新情報(What’s New Generatorで実現
    └ トップページ、カテゴリページはカテゴリ別のリストを表示
    List Category Posts で実現)
  • スタイルシートの変更
    └ 各プラグイン用の設定追加
    └ 固定ページのパンくずや日付を非表示に
    └ ブログカードをフラットデザインに変更
  • サイドメニューからカテゴリリストを削除

2018/3/10の変更点

気分転換にレイアウト変更😊
タイトルをロゴにした代わりに、トップに置いていたアイキャッチを削除しました。

変更前 変更後

サイトのロゴはCanvaで作成しています。
簡単にオシャレなロゴができて便利ですよ。

Create beautiful designs with your team. Use Canva's drag-and-drop feature and layouts to design, share and print business cards, logos, presentations and more.
スポンサーリンク
スポンサーリンク