最初は新鮮だった記事一覧ではないトップページも数日経つと気になる点が出てきます。そんなこともあって、見直しをまだ続けています。触り出したらきりが無いですね。SiteOrigin」というプラグインを使っています。プラグイン使いやすいのですぐにページを作ることはできましたが、だいぶ扱いに慣れて細かい修正もできるようになってきました。試行錯誤していく中でいくつか苦労したポイントがありました。自分の備忘録と、今後カスタマイズされる方の参考に少しでもなるように改善内容を記録しておきます。したトップページでは、一番上にこのブログのテーマ(カテゴリー)を表示するようにしています。表示するには良いのですが、スマホ表示だと最初の設定では1行に1つのテーマが表示される状態になっていました。▲こんな感じでアイコンが並びます。テーマが少ない場合はこの方がインパクトがあって良いかもしれないのですが、うちのブログは整理してみたものの、それでも6つもテーマがあります。その下のエリアまでが遠すぎてイマイチだったので見直しました。Features」というプラグインで実現しているので、その設定を確認します。layout」の設定をオフにして、スマホ表示で大きくレイアウトを変えないようにします。表示の時と同じ配置でコンパクトに見られるようになりました。こちらの表示でいこうと思います。今回のトップページ見直しでは、下半分にカテゴリー別に新着記事一覧を配置しました。これだと一番最近書いた記事がどれだか分からないんですよね。新着記事一覧がトップページの下に行ってしまったのも気になったので、普通の新着記事一覧も復活させることにしました。通常のリストにしてしまうと以前のトップページと変わらないので、この一覧にはプラグインのカルーセル(スライド式の一覧)機能を使いました。最初に使った時は、スマホで左右にスライドすると画面全体も動いてしまって使いづらくてやめたのですが、いろいろ調べて画面がぐらつかないようにしました。具体的には以下のコードをstyle.cssに追加することが必要でした。}123.sow-features-list{margin:auto;}初期状態だとテーマ一覧を横に大きくする設定がなぜか入っているので、横の余白を無くすのが目的です。左右のmarginが-25だったんだけど、何か目的があるコードなのだろうか。スポンサーリンクその他これ以外に表示間のサイズ調整をしたり、追加した新着記事一覧と人気記事一覧のPCでの表示に違和感がないようになんどもCSSでサイズ調整をしたりを繰り返し行いました。この辺りはもうこだわりだけですね。以上でとりあえずトップページのカスタマイズは一段落のはず。微調整はまだやると思いますが、ここまでできればひと段落かな。なるとテーマごと変えたくなってきましたが、追々考えましょう。このトップページでいってみたいと思います。現在は東京の下町に在住。都内のメーカーで技術系スタッフとして働くサラリーマンブロガー。中3と小5の二人の息子の父。iPhoneアプリを駆使して毎日の行動を記録。人呼んで「変態ライフロガー」。AM私のブログは雑多な内容なので、このトップページ作成の記事に感化され、トップページを整理しました。デザインはまだまだなので、細かい調整が必要ですが。ありがとうございました。PMコメントありがとうございます!そう言っていただけると嬉しいです。私も感化されて作成し始めましたが、やり始めるとキリがないですね。ページ見させていただきましたが、綺麗にまとまってますね。MasaLogホームサイト内検索サイトマップ最新情報つぶやき検索サイト。