ホームページ制作 石川県 金沢市 YUZDESIGN » Wordpressのトップページを自由なデザインで

Wordpressのトップページを自由なデザインで

とりあえず読む

Wordpress関連の参考書を読めば理解できると思う。

------------

■トップページを固定するためには

ダッシュボード → 設定 → 表示設定

この設定をおこなえば、好きなページを常にトップで表示できる。

■もう少し凝ったデザインで仕上げる

自分の方法ですが、home.php というファイルを作成します。
テーマフォルダ内に放り込むと、このファイルが必ずトップに表示されます。

・ローカル上でpage.phpを複製し、home.phpとリネームする。
・home.phpを適当なエディタで開き、不必要な項目を削除。
・トップページ用にCSSを編集したり、独自にデザインする。

という感じでしょうか。
CSSに強ければ良いのですが、弱い人ならば既製のテーマに
頼った方が良いと思います。

--------

★どんな情報を書き込めば良いか?

というのは人それぞれなので、参考書を読みながら組み立てれば良い。

デザインに関しては、スタイルシートをチョコっと触りトップページ用の情報を追加する。
CSSを理解していれば決して難しい作業じゃないし、理解していないのであれば
参考になるようなサイトや参考書を読めば良い。

その方が勉強になりますよ。

--------

上記以外にも色々と方法はあります。
Google等で調べると色々と掲載されています。
詳しく掲載されているサイトもあれば、僕のように不親切なサイトも。

きっと楽しいので、頑張って勉強してください。

------------

多分、僕の方法は参考にならないかもしれない。
だって、トップページを見ても分かる通り、手作り感が満載ですから。

ちなみに、このサイトでは以下の方法で構築しています。

・トップページは「home.php」
・カテゴリー毎の投稿一覧は「index.php」
・投稿の単独表示は「single.php」

トップページ用に新たなdiv要素を使用し、サイドバーを表示させないようなデザインに。
CSSには「content」ではなく「topcontent」を書き加えています。
もちろん、どんな名前でも良いかと。

そのためには、header.php、footer.phpを加工する必要があります。
もちろん、使用しているテーマによりますが。

投稿一覧の場合、class名を「post」から「post2」に変更し、CSSに書き加えています。
サムネイル表示用プラグインは「Post Thumbs」を使用しています。

わかるかな~?
ま、人それぞれ作り方が違うので。


<< カメラ関係の商品はアマゾンが安いと思う。

Wordpress — @ 2008/04/08

2件のコメント »

  1. [...] WordPressのトップページを変更 トップページを静的ページにして、サブディレクトリにブログを配置する方法 トップページの表示方式 トップページの記事を作る Wordpressのトップページを自由なデザインで [...]

    ピンバック by WebNote - wordpressのトップページ作成方法 — 2009 年 4 月 17 日 @ 7:00 AM

  2. [...] WordPressのトップページを変更 トップページを静的ページにして、サブディレクトリにブログを配置する方法 トップページの表示方式 トップページの記事を作る Wordpressのトップページを自由なデザインで [...]

    ピンバック by 鍋田農園ブログ - wordpressのトップページ作成方法 — 2009 年 9 月 24 日 @ 5:45 AM

コメントをどうぞ

コメントはこちら。


YUZDESIGN (ユズデザイン)
石川県金沢市片町
ホームページ制作・SEO対策・各種印刷物・販売促進企画