TOP / WordPress / 静的サイトに一部WordPressを導入する

静的サイトに一部WordPressを導入する

  • トップページ（sample.com/）
  • 新着情報（sample.com/news/）
  • 会社概要（sample.com/outline/）
  • 事業内容（sample.com/bussiness/）
  • お問い合わせ（sample.com/contact/）

のような静的サイトがあったときに、トップページと新着情報のところだけワードプレスで運用したいな、みたいなときのメモ。

headerとfooter、cssとjsはワードプレスのテーマディレクトリ内で管理します。

手順

  1. ルート直下にワードプレス用のディレクトリを作成して（以下では「wp」）インストール。
  2. ワードプレスの管理画面からサイトアドレスを変更（「/wp/」→「/」）
  3. パーマリンクを設定
  4. ルート直下のhtaccessを変更（「RewriteRule . /index.php」→「RewriteRule . /wp/index.php」）
  5. wp直下のindex.phpをルート直下にコピーして、内容を変更（「require DIR . ‘/wp-blog-header.php’」→「require DIR . ‘/wp/wp-blog-header.php’」）

以下のような構成になります。

root
∟ .htaccess（4.で変更）
∟ index.php（5.で変更）
∟ wp（1.のワードプレスインストール用）
　…略…
　∟ wp-content
　　…略…
　　∟ themes
　　　∟ テーマフォルダ
　　　　∟ css
　　　　∟ js
　　　　∟ header.php
　　　　∟ footer.php
　　　　…略…
∟ outline（静的ページ）
　∟ index.php
∟ bussiness（静的ページ）
　∟ index.php
∟ contact（静的ページ）
　∟ index.php

静的ページでheaderとfooterを読み込む

静的ページでワードプレスタグを読み込むために、wp下のwp-blog-header.phpを読み込み（3行目）。

<?php
$path = "..";
require($path . '/wp/wp-blog-header.php');
get_header(); ?>


…ページの内容…


<?php get_footer(); ?>

便利！

WordPress

参考

関連記事