リニューアルブログ微調整

テーマデザインを新しくしたので微調整。

スマホ閲覧が多いことを前提に。
PCで設定をいじって片手にスマホで確認しながら。

PCだと一画面に表示される情報量は多い。
これを前提にしてしまうとあまりよくない場合がある。

具体的には、
サイドバーが2つあるが、スマホの場合、
右サイドバー、左サイドバーのどちらが先に上から表示されるか。
どうやら右サイドバーからみたい。

ということで、どの順番で、どういう情報を表示したらいいか。

 

新テーマTwenty Fourteenの大きな特徴である
おすすめコンテンツ表示。

ヘッダー(上部)画像の真下にグリッド表示される。
これは便利。

あとはカテゴリを少し修正したり、
アイキャッチ画像の不具合が多くなった。

以前のテーマではアイキャッチを本文非表示にしていて、
いわばサイドバー表示時などのアイキャッチでしか使っていなかった。

今回は記事ごとに本文タイトル上部にデカデカと表示。
これをうまく使いたいので、過去分を修正。

過去分は、
必要ないアイキャッチ画像を削除したり、
新テーマでのデザインに合わせて、文字数の改行や段落分け・・・。

このチマチマした作業が面倒くさいので、
このあたりはボチボチ。

 

サイトマップやギャラリーも修正しないと。

今回優秀な新テーマなおかげで、
不必要なプラグインも出てくるはずなので、軽くなる。

それでも、
これまでも数回テーマをお引っ越しして、リニューアルしたけれど、
今回の修正が一番楽だと思う。

Twenty Fourデザインのおかげと、
それを見越してあまり作りこんでいなかったブログ自体のおかげ。

 

ちなみに、新テーマ「Twenty Fourteen」のデザイン構造は
こちらでわかりやすく紹介されています。

これを見たら、
どういうデザインか、何ができるのか、
画像ありの解説も多く、簡単にわかってしまう名解説。

ワイド&3カラムでウェブマガジンに最適!2014年版 WPデフォルトテーマ「Twenty Fourteen」

やっぱり自分のように文字だけで書くよりも、
親切・丁寧・わかりやすい!

この「35mm日記」と上記リンク先のサンプル画像を見比べるだけでも
Twenty Fourteenの構造の骨格がわかるはず。

基本的なレイアウトやデザイン、骨組みがどこが同じか、
つまりはそこがこのテーマの骨格ということ。

自分も作成にあたる前に、イメージしやすく、
だいぶん参考になった。

 

コメントを残す