0%

Programmingプログラミングナレッジ

Posted:2018.01.13

.htaccessを使ってWordPressと静的HTMLサイトを共存させる

WordPressはコンテンツが投稿されるごとにページが生成される動的サイトですが、合わせてページURL(パーマリンク)も合わせて生成されます。ですので下層コンテンツページなどはURLの形が決まっており、WordPressとは別にディレクトリを用意した静的HTMLページと重なりアクセスできない場面があります。今回はそんなケースに使える小技です。

 

静的サイトのディレクトリにアクセスすると「page not found」の表示が…

WordPressの場合、一般的には下層ページのURLは以下のような構成になっています。末尾のファイル名は省略された形になっています。

http://example.com/content-01/

 

この時、WordPressサイト内にある該当の固定ページやアーカイブページを参照し表示されることになりますが、以下の構成のようにディレクトリ名が同じ静的HTMLサイトを設置した場合には「page not found」のエラーが返ってきます。

【 / 】 ┬ 【 wordpress 】
       └ 【 content-01 】
      ├ index.html
      ├ 【 css 】
      ├ 【 img 】
      └ 【 js 】

 

これは、静的HTMLサイトにあたるページがWordPressの中に存在しないためです。この時に以下のようにファイル名の拡張子まで含めてアクセスすると、静的サイトのページが表示されるのですが、やはりここはWordPressでのURL形式に合わせたいですよね。

http://example.com/content-01/index.html

 

ここで「.htaccess」ファイルを使って対応していきます。

 

.htaccessでディレクトリのインデックスファイルを指定

.htaccessファイルはウェブサーバーに関する設定を記述するファイルですが、この.htaccessファイルにディレクトリ内のindex.htmlなどのインデックスページとなるファイルを指定します。こうすることで、ディレクトリにアクセスしたら指定したファイルが表示されるようになります。具体的にはまず以下の構成で.htaccessファイルを設置します。

【 / 】 ┬ 【 wordpress 】
       └ 【 content-01 】
        ├ .htaccess
        ├ index.html
        ├ 【 css 】
        ├ 【 img 】
        └ 【 js 】

 

次に設置した.htaccess内に次の記述を行います。次の例では「index.html」をディレクトリのインデックスファイルに指定しています。

【.htaccess】

DirectoryIndex index.html

 

このファイル指定には以下のように複数のファイルを指定することができます。この場合ですと「top.html」があればそれを表示させ、なければ「top-01.html」を表示、それもなければ「top-02.html」を表示させ、これらが全て無い場合は「index.html」を表示させる。という仕様になります。

【.htaccess】

DirectoryIndex top.html top-01.html top-02.html index.html

 

これで「http://example.com/content-01/」にアクセスすると指定した静的サイトのトップページが表示されるようになります。セキュリティなどの理由により、静的ページも必要という時にはぜひお試しください。

author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】