03.トップメニューにグラデーションをつける
WordPressの独特な機能として「ページ」があります。時系列に管理される「投稿」とは違い、独立したページをつくることができます。「会社概要」「お問い合わせ」などはページとして扱うのに合っています。
「投稿」と同じようにサイドバーに表示してもいいのですが、ホームページっぽくトップイメージの下に配置します。そのまま表示させると「のっぺり」とブログっぽいので、グラデーションをつけた背景イメージをつけて、ちょっと立体感を持たせます。
グラデーションがなくて、ブログっぽい
グラデーションをつけて、ホームページっぽく
グラデーションをつけるだけで雰囲気がだいぶ違ってきます。この部分は全体のデザインに影響を与える部分でもあるので、慎重に調整します。
もっとホームページっぽくするには、メニュー部分を均等割りにしたいところです。ブログでは赤い囲みの部分に空白ができてしまっています。端から端までメニューがあったほうがキチンとデザインされている感じでホームページっぽいですね。
端から端まで利用する方法はあることはあります。
ひとつの方法は、リンクごとに横幅を指定してあげればいいのです。しかし、この方法では追加や削除などでページ数が変化するたびに調整しなければなりません。せっかくのブログの手軽さが失われてしまいます。
もうひとつは、tableタグを利用方法です。tableタグのwidthを100%にしておけば、自動的に均等割りしてくれます。しかし、メニューを作ってくれるWordPress標準機能を使わずに独自でプログラムを組む必要があるので、ちょっと面倒です。
今回は「テーマファイルだけで、どこまでホームページっぽくできるか」を意識して、左寄りのメニューで良しとします。