WordPress専用ディレクトリーへの配置をした時にルートディレクトリーとして表示する方法

第23回WordBench神戸

~ 勉強会デビューに最適！初心者向け春のテーマ祭り ~

専用ディレクトリーってなんなんだ！！？

専用ディレクトリー無しの場合

専用ディレクトリー無しの場合public_html（ルート・ディレクトリ）直下にWordPressのファイルが設置されている。

専用ディレクトリー有りの場合

専用ディレクトリー有りの場合public_html（ルート・ディレクトリ）に１つディレクトリーを設置し、その中にWordPressのファイルを設置する

専用ディレクトリー

WordPressのファイルを設置する

専用ディレクトリーにしないとダメなのか？

ルート・ディレクトリーに先人がいる場合

ルート・ディレクトリーに先人がいる場合

先、入ってます

リニューアル案件の時現在稼働中のサイトがルートを占領。

無理やりルート・ディレクトリーにWordPressを配置しても・・・・

index.htmlがあるからWordPressが表示されないからダメ～！

ルート・ディレクトリーがごちゃごちゃしてると可読性が悪いからダメ！

そのファイル消して良いの？悪いの？

人様のお家なんで整理整頓をちゃんとしましょう♪

専用ディレクトリーに入れた方が良いのは分かった・・・

http://xxxxx.com/wordpress/

URLダサくない？

http://xxxxx.com/wordpress/

ってことで、今日のお話は・・・

http://xxxxx.com/wordpress/

ってことで、今日のお話は・・・

http://xxxxx.com/

全体の手順はこんな感じ

専用ディレクトリ作成

WPインストール

テーマ開発

記事作成

パーマリンク変更

サイト確認

サイト公開

全体の手順はこんな感じ

専用ディレクトリ作成

WPインストール

テーマ開発

記事作成

パーマリンク変更

サイト確認

サイト公開

全体の手順はこんな感じ

専用ディレクトリ作成

WPインストール

テーマ開発

記事作成

パーマリンク変更

サイト確認

サイト公開

全体の手順はこんな感じ

専用ディレクトリ作成

WPインストール

テーマ開発

記事作成

パーマリンク変更

サイト確認

サイト公開

全体の手順はこんな感じ

専用ディレクトリ作成

WPインストール

テーマ開発

記事作成

パーマリンク変更

サイト確認

サイト公開

全体の手順はこんな感じ

専用ディレクトリ作成

WPインストール

テーマ開発

パーマリンク変更

サイト確認

サイト公開

記事作成

専用ディレクトリ作成

WPインストール

テーマ開発

サイト確認

サイト公開

全体の手順はこんな感じ

パーマリンク変更

記事作成

この順番は結構大事！

全体の手順はこんな感じ

専用ディレクトリ作成

WPインストール

テーマ開発

記事作成

パーマリンク変更

サイト確認

サイト公開

全体の手順はこんな感じ

専用ディレクトリ作成

WPインストール

テーマ開発

記事作成

パーマリンク変更

サイト確認

サイト公開

専用ディレクトリ作成

WPインストール

テーマ開発

記事作成

パーマリンク変更

サイト確認

全体の手順はこんな感じ

サイト公開

ここの時にちょこちょこっと作業をしてルート・ディレクトリでWPが見れるようにする

手順は簡単３ステップ

こんな感じ

STEP1WPにTOPのURLを教える

STEP2ルートに

index.php設置

STEP３index.php

編集

STEP1WPにTOPのURLを教える

STEP2ルートに

index.php設置

STEP３index.php

編集

http://xxxx.com/wordpress

http://xxxx.com/wordpress

http://xxxx.com/wordpress

「WordPressアドレス（URL）」は変更しちゃダメ！！

http://xxxx.com/wordpress↓

http://xxxx.com

http://xxxx.com/wordpress↓

http://xxxx.com

最後の／は必要なし

こんな感じ

STEP1WPにTOPのURLを教える

STEP2ルートに

index.php設置

STEP３index.php

編集

こんな感じ

STEP1WPにTOPのURLを教える

STEP2ルートに

index.php設置

STEP３index.php

編集

こっち！

require('./wordpress/wp-blog-header.php');

設定はこれで終わり～♪

最後に公開前のチェック

チェックポイント①

カスタムメニューで「ホーム」を設定している場合http://xxxx.com/wordpress/

となってしまっているので、「wordpress/」を削除

チェックポイント②

本文の内部リンクがうまく飛べるかを確認。※投稿前にパーマリンクを変更していると

動かない場合がある。

チェックポイント③

<a href=‘http://xxx.com/wordpress/about/’ >会社概要</a><a href=‘http://xxx.com/wordpress/ service/’ >サービス</a><a href=‘http://xxx.com/wordpress/ access/’ >アクセス</a>

テンプレートファイルに直書きしてないか？？

これで終了です♪

余談ですが・・・

ステップ１なぜ、WordPressにTOPページのアドレスを教えてあげないといけないのか？

テンプレートタグがそこの設定を参照してるから

get_bloginfo(‘home’) get_bloginfo(‘siteurl’)get_bloginfo(‘url’)home_url()→http://xxxx.com

get_bloginfo(‘wpurl’)site_url()→http://xxxx.com/wordpress

get_bloginfo(‘home’) ※非推奨get_bloginfo(‘siteurl’)　※非推奨get_bloginfo(‘url’)home_url()

get_bloginfo(‘wpurl’)site_url()

http://codex.wordpress.org/Function_Reference/get_bloginfo

get_bloginfo(‘url’)は→home_url()を実行してるだけ

get_bloginfo(‘wpurl’)は→site_url()を実行してるだけ

とりま、home_url()，site_url()を使えばOK

なので、サイトのURLを取得する場合

さらに余談ですが・・・

home_urlの利用方法としては

「 ロゴクリックでTOPページに戻る」を実装する時

<a href=‘<?php echo home_url(‘/’); ?>’ ><img src=‘xxxxxxxxx’ /></a>

メニューを実装するとき

<a href=‘http://xxx.com/about/’ >会社概要</a><a href=‘http://xxx.com/service/’ >サービス</a><a href=‘http://xxx.com/access/’ >アクセス</a>

たまにこんな実装をしてるテンプレートを見かける

メニューを実装するとき

<a href=‘http://xxx.com/about/’ >会社概要</a><a href=‘http://xxx.com/service/’ >サービス</a><a href=‘http://xxx.com/access/’ >アクセス</a>

たまにこんな実装をしてるテンプレートを見かける

<a href=‘<?php echo home_url(‘/about/’); ?>’ >会社概要</a><a href=‘<?php echo home_url(‘/service/’); ?>’ >サービス</a><a href=‘<?php echo home_url(‘/access/’); ?>’ >アクセス</a>

こうしておくとURLが変更になっても大丈夫

site_urlの利用方法としては

プラグイン開発などでWordPressのコアファイルのURLを取得したい時などに使えばよろし！

以上、余談でした。

個別相談会してます。５月１６日（木）　１６時～２１時

場所：西宮市市民交流センター　B会議室

ご清聴ありがとうございました

tkc

takashi.hosoya