WordPressを使って簡単に手軽に運用できるホームページを作成しよう

ブログのトップページは、最新投稿の記事が５つぐらい表示されるものが多いですね。これこそが一番ブロッグっぽいところでしょう。トップページにはホームページっぽく自由にレイアウトされた記事を表示させるようにします。

実はWordPressは簡単にできてしまいます。管理画面 ⇒ 設定 ⇒ 表示設定 の中に「トップページの表示」というところで「どのページをトップページとして表示させるか」を指定することができます。ページの投稿はレイアウトも自由ですから、とっても便利。

しかし、ちょっと問題があります。まずはこれをみてください。

せっかく「あるページをトップページ」に指定したわけですが、トップメニューのところに「単体記事としてのリンク（トップページというタイトル）」が表示されています。さらにブログの特徴である「日付表示」。そして「記事のタイトル表示」があります。タイトルの表示は有ってもよさそうですが、トップページにはふさわしくないですね。

そこで、スタイルシートとテンプレートで調整します。

• トップページに指定したページは、メニューに表示しない
• ページの記事には日付を表示しない
• トップページの記事にはタイトルを表示しない

その結果できたのが次のような感じです。

それでは、ここまでの全体像を見てみます。

だいぶホームページっぽくなってきました。画像をWndowsに標準で付いてくるイメージだけで作っているので、デザインバランスは悪いですね。参考記事ということでご勘弁ください。

ホームページの多くはフッター部分にナビゲーションがついています。控えめに作ってみました。 (more…)

ブログっぽいと感じるは「同じデザイン」であることがあります。サイドバーのブロックごとのデザインが同じだと「ブログっぽいなぁ」と感じます。そこで、ブロックごとのデザインを変更してみます。 (more…)

サイトの移動をスムーズにして、利用者の利便性を向上させるサイドバーは必須ですね。最近はブログでもサイドバーはデザイン化されています。ホームページっぽいということで比較的シンプルにデザイン化しています。 (more…)

WordPressの独特な機能として「ページ」があります。時系列に管理される「投稿」とは違い、独立したページをつくることができます。「会社概要」「お問い合わせ」などはページとして扱うのに合っています。
「投稿」と同じようにサイドバーに表示してもいいのですが、ホームページっぽくトップイメージの下に配置します。そのまま表示させると「のっぺり」とブログっぽいので、グラデーションをつけた背景イメージをつけて、ちょっと立体感を持たせます。 (more…)

立体感のないページはブログっぽく見えます。「のっぺりしている」とか、「すっきりしすぎ」という表現がぴったりかもしれません。ホームページっぽくするには立体感を出すことで、うまくいきます。 (more…)

ブログっぽいと一番感じるところは、やはりタイトル部分。面積が多い部分にサイト名がテキスト文字で大きく表示されていると…ブログっぽいですね。 (more…)

ホームページとしてブログ(WordPress)を利用するわけですが、ブログっぽいスタイルは排除したい。
そこで、どのようにスタイルやレイアウトを変更したらブログっぽくなくて、ホームページっぽくなるかを検証して、実際にテーマを作成していきたいと思います。 (more…)