Sunday , February 05 , 2012

WordPressで作るホームページ

WordPress(ワードプレス)でホームページを構築する場合、テーマ(サイトのスタイル)作成に最低限必要なのは以下のファイルです。
全てのファイルを1つのフォルダに入れて管理しますので、とても簡単。

  • style.css (スタイルシート)
  • index.php (基本スタイル)
  • header.php (ヘッダ)
  • sidebar.php (サイドバー)
  • footer.php (フッタ)
  • comments.php (コメント用スタイル)

一切のコメントを受け付けない場合にはcomments.phpは不要です。
その他には、

  • single.php (単記事用スタイル)
  • page.php (ページ用スタイル)

があれば投稿記事やページを基本スタイルと別のデザインにすることが可能です。無い場合はindex.phpのスタイルが適用されますのであわてて作成する必要はありません。
出来上がったindex.phpをコピーしてsingle.php(またはpage.php)にリネーム、それを少しずつ調整していくと作成しやすいと思います。

サイドバーにWidgetを使用する予定があればfunctions.phpも作成します。

<?php
if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h2>',
        'after_title' => '</h2>',
    )
); ?>

と記述してテーマファイルのフォルダに入れておくだけです。
上記はサイドバーのタイトルをh2に指定している場合の記述ですので、pでclass指定している場合には<h2></h2>の部分を<p class="クラス名"></p>に変更します。

おっと、サイドバーに以下の記述も忘れないでくださいね。

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar()) : ?>

また通常はindex.phpのスタイルがトップページにも適用されますが、トップページ専用のスタイルhome.phpを作成することによって通常のブログとは一味違う「ホームページライク」なブログに仕上げることができます。

ちなみにWordPressは単独ページをトップに表示する機能(表示設定で指定)を持っているのですが、タイトルにちょっと無理があったりしますのでこちらはあまりおすすめできません。
他のページと明らかに異なる「独自の内容を盛り込んだ」トップページはSEOも有利に展開することができますので、home.phpの作成はかなりおすすめです。

sigle.phpと同様にindex.phpをコピーしたものをhome.phpにリネームして使うと、作成はとても簡単に行うことができます。

[ Daisuke ]

コメントはまだありません

  • 管理者 : Daisuke

    こんにちは。短気で頑固でお人好しの器用貧乏、Daisukeです Smiley
    コメントはお気軽にどうぞ。

  • 管理者による内容確認後に表示されます。多少時間がかかる場合がありますのでご了承ください。
  • メールアドレスや人物の氏名など、個人が特定されるおそれのあるコメントは掲載いたしません。
  • Gravatarに登録済みの方はメールアドレスを入力するとアバターが表示されます。




:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

e-まが
(H21.7~更新中?)
JavaScriptやCSSなど、ウェブデザインの実装チュートリアルを紹介するブログ。

SEO & DESIGN
(H19.4~H20.11)
SEOとウェブデザインに関してのブログ。現在は更新を停止、当サイトの下層に移転しました。