【雑記】ブログデザインを変更しました。【wordpress】

wordpress, 雑記

こんにちは。

「wordpress」の新バージョンのエディターが使いにくかったので、急遽クラシックエディターを取り入れました。
クラシックエディターは予想以上に使いやすそうで、「twitter」といい「line」といいなぜバージョンアップするごとに使いづらくなるのか、という研究をしたいと思うぐらい不思議に思います。

さて、前置きはこの程度にして、今日は2時間ほどCSSと格闘してブログデザインを変更しました。

↓その結果がこちらです。↓

PC表示

【変更点】
・記事タイトルと投稿・更新日の感覚を狭くした
・投稿・更新日を右に寄せた

地味な変更点ですが、これらによって締まりのある表示になり見やすくなっていると思います。

スマホ表示

【変更点】
・要素を「table」から「block」にして縦に並べた
・画像を横いっぱいに拡大(高さもやや高くした)
・無駄なCSS文を削減

以上3点が主な変更部分です。

以前は1画面により多くの記事を掲載させようとしましたが、表示がごちゃついていたためにとても分かりやすいレイアウトとは言えませんでした。
↓以下の記事を参照。↓

今回は1画面の表示数を減らしてでも情報の分かりやすさを重視しました。
スマホで閲覧になる方にも多少は優しいレイアウトになったのではないかな、と思います。

まとめ

今回は当ブログの表示画面の変更内容について書きました。

今後もより見やすく、わかりやすいブログを作っていきたいと思います。
よろしくお願いします!

おわり。

wordpress, 雑記pc, Wordpress, スマホ

Posted by teien