WordPressの自作テーマをリニューアルしました
だいぶWordpressのデザインもいじったり、遊び方がわかってきたのでブログ1周年を前にリニューアルしました。
ちなみに前のデザインはこんな感じでした。
前回のブログデザイン
結構シンプルめです。
まだうまく扱い方がわかってないので、とりあえず必要なものを詰め込んで…といった感じです。
そして!手探りでやってみて、これはいれられそうだなという機能を詰め込んだデザインが今回のデザインです。
(PCはこの記事の一番上の画像の通り。)
特に力をいれたのが、カテゴリー別のページです。
前回同様、同じように全部の記事をだすか悩んだんですが、トップはカテゴリー別に記事を並べることにしました。
PCは横3つ並び(4つにしたかったけどちょっと幅が窮屈だったので…)、タブレットは2つ並び、スマホは1つで縦に並べています。
ちなみに404のページも検索フォームと一緒にこちらのカテゴリー別の記事を入れています。
ちなみに、サイドバーはどうしようかと悩んだんですが、私のブログはほとんどスマホからの方も多いので、PCも1カラムでいいかなと思い、今回のデザインになっています。
インスタもしゃれおつな雰囲気で並べてみました。
そして新着記事と人気記事はプラグインなしで導入!感動。しかしタグの方はうまく機能していなさそうなので、こちらは現在進行形の悩みポイントです。
先人の方々と同じ方法でやっているはずなのにな…
インスタ画像のスマホの配置は…ちょっとあきらめた()
flexでどうにか並べられないものか…と思ったけど、どうやらグリッドだったらいけたのかな?まだ勉強が足りなくてpositionでやってます。/(^o^)\
こだわったのはfooterデザインもです。
前回のデザインはサイト名とかしか載せてなかったのですが、今回はカテゴリーなどのリンク先をいれました。
私にしては珍しい、グリーンをメインにしたデザインです。
制作期間はデザインが2日、コーディング+Wordpress導入(実装)が3日間。
多分まだ調整しなきゃいけないと思うので、ちまちまやっていきます。よろしく新しいブログデザイン!
こちらの記事も読まれています
コメントや誤字脱字報告などお気軽にどうぞ*
※悪口系は弾かれて届かない場合があります。
その他お問い合わせはメールフォームへお願いします。