趣味サイトを例にしてみます

　画像は私のイギリス旅行の趣味サイト。トップページと言えども、ヘッダーやフッターは他のページと同じことが多いですよね。なのでPHPを用いてWordpressのテンプレートタグを呼び出します。これらを記載するのはテーマフォルダ内に入っている「テンプレート名.php」ファイルです（趣味サイトUK Strollersの場合はtop.phpでした）。
　Wordpress管理画面なら「外観＞編集＞テンプレート名.php」で編集できます。固定「ページ」の編集で書き込みエリアにスクリプトをコピペしても意味がないのでお間違えなく。

ヘッダーを読み込むには

<?php get_header(); ?>

フッターを読み込むなら

<?php get_footer(); ?>

を追加すればOK！

　最新記事を表示するにはquery_posts()とループを使います。（　）内に引数を指定することで、表示方法を変更できます。UK Strollersの場合はこれをサイドバーで用いました。

<?php query_posts('showposts=5'); ?>
   <ul>
      <?php while (have_posts()) : the_post(); ?>
      <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
      <?php endwhile;?>
   </ul>

showposts=5で記事を5件表示するように指定しました。次のwhileからendwhileまでがWordpressループになっています。投稿記事があればリンクとタイトルを表示します。もし「カテゴリー4」の記事だけ3件表示したい場合は、query_posts(‘showposts=5′)の部分をquery_posts(‘cat=4&showposts=3′)とします。query_postsの引数についてもっと詳しく知りたい方は「WordPress ドキュメント テンプレートタグ/query posts」を参考にしてください。
　記事のタイトルとリンクだけでなく日付を入れたい場合は、

<?php the_time('Y年n月j日'); ?>

を追加すると良いでしょう。

　リンク集（ブログロール）も表示したかったのですが、結構な量なのでランダムで5件だけ表示するようにしました。

<ul>
   <?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=5'); ?>
</ul>

wp_list_bookmarks( )もさまざまな引数が指定できて、カテゴリーの見出しを表示したり、特定のカテゴリーのみ書き出すことも可能です。
参照：WordPress ドキュメント テンプレートタグ/wp list bookmarks

　私はUK Strollersのトップページに、「ニュースフラッシュ」というカテゴリーの最新記事を1件だけ表示したいと思っていました。定期的にトップページに変化があることは重要ですが、旅行サイトなので目的に合った記事や人気記事を固定した方が良いと思っています。なので一つで十分かな〜と。

<?php query_posts('cat=1&showposts=1');?>
<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
<p><small><?php the_time('Y年n月j日'); ?> <?php the_time(); ?></small></p>
<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<?php 
      global $more; 
      $more = 0;
      the_content("続きを読む...");
 ?>
<p><small><a href="<?php comments_link(); ?>"><?php comments_number(); ?></a></small></p>
<?php endwhile; else: ?>
<?php _e('記事がありません。'); ?>
<?php endif; ?>
</div>

ちょっとややこしい…。先ほども出てきたquery_posts()。ループの前に置く必要があります。こここで、「カテゴリー1の記事を1件表示」するように設定。以降は年月日を表示して、時間も表示。タイトルとリンクも書き出して…という指定です。the contentというのが内容を表示するタグで、

<?php the_content( ); ?>

のみで、「続きを読む」までの記事がデフォルトで表示されるハズなんですけど、べろ〜んと全部の記事が流れてしまったので、

<?php 
      global $more; 
      $more = 0;
      the_content("続きを読む…");
 ?>

のようにしています。ここら辺のことは「WordPress ドキュメント テンプレートタグ/the content」に書いてあるのですが、ほとんど英語なのよね…。ちなみに the_contentの括弧内は自由に変えられます。「続きを読む…」じゃなくて「Read more…」でも良いのです。

　私自身もWordpressはon goingで勉強中のため、間違っていることがあるかと思います。その場合はご容赦くださいませ〜m(_ _ m。

普通のサイトからWordpressへ！

　今回は自由度が高いオリジナルなトップページを作る！です。Wordpressはそのままで十分魅力的なブログソフトウェアですが、トップページは「サイトらしい」自由な体裁で作りたい人も多いのではないかと思います。その場合はまず「top.php」などの名前でファイルを作成。「home.php」「index.php」「page.php」などの名前は既に存在しているため使えません。ファイルの先頭に

<?php
/*
Template Name: Site-TOP
*/
?>

と、テンプレート名を入れます（もちろん、Site-TOPじゃなくてもいいんですけど）。このtop.phpを編集して、自分の表示したいようにxhtmlでデザインして行きます。PHPを用いてヘッダーやフッターを読み込んだり、特定カテゴリーの新着記事を表示させることもできますが、それはまたの機会に…。

　次に、top.php（テンプレート名：Site-TOP）をindexページとして表示させるため、Wordpressの管理画面「ページの編集」へ移動。「HOME」などという名前で空のページを作ります。内容は一切書き込まず、画面右側にある「属性」の中の「テンプレート」のプルダウンメニューをチェック！テンプレート名「Site-TOP」が選択できるようになっていると思います。設定したら「公開」ボタンを押します。

　あとは、Wordpressの管理画面から　設定＞表示設定＞フロントページ＞プルダウンメニューから、さきほど作った「HOME」を選択すればOK！ちょっとややこしく聞こえますが、ポイントは

1. トップページ（=indexページ）として表示させるファイルを制作。ここではtop.phpという名前にしました。
2. top.phpファイルの先頭にテンプレート名を設定するのを忘れずに！
3. WordPressの管理パネルで空のページを作ります（投稿ではありませんよ）。テンプレートとして、先ほどのtop.phpに付けたテンプレート名を選択（ここではSite-TOPでした…）。
4. 同じくWordpress管理パネルの「設定＞表示設定」で、フロントページを先ほど作った空ページ（ここではHOMEという名前にした）を指定します。

これで、自分好みのWordpressトップページができるハズです。

　さてWordpressの多くのテーマでは普通の投稿ではない「静的ページ」を作成すると、ヘッダのナビゲーション部分に勝手にリンクを追加してくれるのですが、ここには限られた数のリンクを表示したい！のです。…ということで調べました。

該当のナビゲーションはheader.phpにあります。

wp_list_pages(’title_li=’)

これを以下のように変更！

wp_list_pages(’title_li=&include=38,44,120′)

include=以降の数字はページIDです。ページIDはWordpressの管理画面、「ページの編集」を開き、それぞれのページタイトルにカーソルを乗せると、ブラウザの一番下に表示（Mac Safariの場合）されます。
　もし、特定ページのみをナビゲーションから除外したい場合は、includeをexcludeにすればOK！

●参考サイト
Artisteer – WordPressナビゲーションメニューの調整
WordPressで特定のページだけをナビゲーションメニューに表示する方法

<?php  languages_list_se() ?>

と記入し、あとはスタイルシートで、floatなりdisplay:inlineを使って、リストを横並びにすれば良いだけです。
cssのidは#se_language_listになっており、リストとして書き出されています。

●このサイトで使っているCSSのコード

#se_language_list  ul {
margin-right: 20px;
}
 
#se_language_list  ul li{
float: left;
margin-right: 20px;
}

●WPMLのランゲージ・スイッチャーに関するページ（英語）
http://wpml.org/documentation/support/wpml-compatibility-packages/tutorial-creating-a-compatibility-package/
　

　さて、愛用しているWordPressのマルチ言語プラグイン「WMP」。インストール後、WMPのコントロールパネルから、簡単にランゲージセレクタ（言語を切り替えるためのメニュー）をサイドバーに表示することができます。色の設定も、現在のバージョンは「言語設定」から簡単に指定することができるようになりました！

　今回のデザインではデフォルトのプルダウンメニューを使いたくなかったので、ご覧のように「日本語」と「英語」をリストで表示して横並びにしてみました。後日、詳しい方法をご紹介しようと思います。