この記事は最後に更新してから1年以上経過しています。

index.htmlでアーカイブページを表示させる

説明

静的なサイトでは、各ディレクトリにindex.htmlファイルを置き、そのディレクトリの内容を紹介することが多い。WordPressで構築したサイトも同様にできないかと考え、試行錯誤してみた(こんなことを考えてるのは自分だけだろうか!?)。

WordPressの場合、パーマリンク設定のカスタム構造で「/%category%/%postname%.html」のように「%postname%.html」を含めることでindex.htmlのページは準備できる。ただし、「%postname%」に適用される投稿名はブログ内でユニークであるため、index.htmlでアクセスできるページは1ページだけになってしまう。つまり、各ディレクトリごとのindex.htmlとして投稿することはできない(2つ目はindex-2.htmlみたいになってしまう)。

もともとindex.htmlで表示したい内容は、カテゴリーや投稿タグアーカイブページの内容と同じでいい。とするならば、各ディレクトリ分のindex.htmlを用意するのではなく、適切に振り分け(リダイレクト?)できればことは足りることになる。WordPressにはリクエストURLを振り分け処理を行う「WordPress Rewrite API」が存在しているが、こちらはまだ使いこなせていないので、他の方法を考えてみた。

最終的にたどり着いたのがこちら。

$_SERVER['REQUEST_URI'] = str_replace( '/index.html', '', $_SERVER['REQUEST_URI'] );

このコードを自テーマのfunctions.phpの先頭に記述するだけだ。こうすることで、WordPressが振り分けを行う前にリクエストされたURLの'/index.html'は削除され、適当なアーカイブページが表示されることになる。アーカイブページが複数ページに分割されている際のページング時のURLはこれだけではだめなのだが、とりあえず各ディレクトリ(アーカイブ)に対してindex.htmlを付けてもアクセスできるようになったので、一度メモしておく。


最終更新 : 2011年10月14日 13:44

お勧め

get_the_post_thumbnail_caption(2018年5月27日 更新)

string get_the_post_thumbnail_caption( mixed $post = null )
投稿ページのサムネイル(アイキャッチ画像)キャプションを取得する。

wp_enqueue_style(2019年11月25日 更新)

void wp_enqueue_style( string $handle [ , string $src = false [ , array $deps = array() [ , string $ver = false [ , string $media = 'all' ] ] ] ] )
使用するスタイルシート(CSS)を出力用のキューに入れる。パラメータ$srcが指定された場合は、グローバル変数$wp_stylesに登録してから出力用のキューに入れる。

post_class(2018年5月27日 更新)

void post_class( [ string $class = '' [ , int $post_id = null ] ] )
投稿情報の種別に応じたクラス属性(class="post-?? post ...")を表示する。具体的なクラス名は、投稿ID(post-番号)、投稿種別(postやpage)、カテゴリー(category-名前)、タグ(tag-名前)などがある。これらクラス名に合わせたCSSを準備することで、投稿ページのユニークなデザインが表現可能になる。

get_header(2020年8月18日 更新)

void | false get_header( [ string $name = null [ , array $args = array() ] ] )
ヘッダパーツを記述したメインヘッダファイルheader.php(またはサブヘッダファイルheader-???.php)を読み込む。

get_the_excerpt(2018年5月27日 更新)

string get_the_excerpt( [ mixed $post = null$deprecated = '' ] )
投稿情報の抜粋記事を取得する。