もうひとつシンプルな自作WordPress テーマのデザインを考えてみた

自作WordPressテーマ04

いろいろ考えてみると、本当に必要なものはそんなに多くないことに気づきましたので、一気にシンプルなサイトデザインも作ってみました。

あれもこれもと欲ばるより、トップページにはこれくらい内容を絞った構成に、あとはアイコンや写真で見栄えをよくしていくのでいいかもしれないですね。画像に少し陰影をつけたほうが目立ちそうです。

とりあえず、アクセス解析を見た結果、トップページに広告が無くてもよさそうなので、思い切ってなくしています。もし設置するとしても一つでいいだろうな、と感じてます。むしろ広告は投稿記事ページに付けるつもりです。

メニューを左に固定しても良さそうですが、今回は練習も兼ねて上部に固定させました。

あとはこのブログのメインテーマ「本と人とを繋げたい」を訪問者にすぐに理解してもらう工夫が必要ですね。うーん、写真にするか、文字にするか、レイアウトで攻めるかで悩んでいます。

ちなみにサブテーマの「本と京都とWordPress」については中段にカテゴリー別最新記事を表示させるようにしています。

トップページに20くらいの記事を並べたほうが、見てくれる人が多い場合もありますが、当ブログではそれより関連記事か、タグやカテゴリーの検索でご覧になる方が多いようです。ということで、トップページに記事を並べる構成も止めにしました。

 

まあ、素人がこうやって試行錯誤しながら作っているところです。以下の点が方針。

  • サイトのテーマ(伝えたい内容)を絞って構成する
  • シンプルで分かりやすい見た目にして訪問者が目的の記事を見つけやすくする(動線を意識する)
  • 技術やツールのこだわりより、アクセス解析を使ったユーザー目線を大切にする
  • スマホやタブレットで見る人のためにも内容を詰め込みすぎず、動作も重くならないようにする(モバイル重視)

まあ、あと個人的なこだわりをいうなら、「へんなマークやデザインをどこかに入れる」くらいですかね。あんまりカッコイイだけだと、このブログに似合わないので、どっかでダサくしておくつもりでいます。

まだまだ先は長いですね。(;´д`)トホホ…

がんばって今月中に完成させます。

関連記事

新しく自作 WordPress テーマに変更しました

なんとか、完成にまでこぎつけました。 昼にテーマのファイルをアップロードして、変更してみたら、いろいろ表示に不具合が発生して、そのときに訪問された方にはご迷惑をお掛けしました。 ページによって新テーマと旧テーマの表示が違っていて「なんでやろ…

自作 WordPress テーマのためのメモ

前回のところから、もうすこしおもしろいデザインにしたいと思って、いろんなサイトデザインを調べて見ることにしました。 とくに参考になったのが、 Themegraphy – WordPressテーマギャラリー Media Queri…

【マルチデバイス対応】 WordPress で作ったサイトをメディアクエリー(Media Query)とユーザーエージェント(UA)による判別でモバイル端末に最適化する方法

マルチデバイスに対応したサイトにする マルチデバイスに合わせた対応をする方法はいろいろありますが、今回は「レスポンシブWebデザイン」で使われる主要な技術のひとつである「メディアクエリー(Media Query)」と、「ユーザーエージェント…

WordPress のテーマを自作してみる

レスポンシブWebデザインを勉強して自作のWordPressテーマを作っています。 1月に『作りながら学ぶHTML/CSSデザインの教科書』を読んで、なんとなくHTML5とCSS3の初歩を理解しました。次に『WordPress レッスンブッ…