
WordPressで作成したサイトをルートディレクトリで表示させる
通常WordPressをインストールする際はルートディレクトリの配下にサブディレクトリを作成することになります。そうするとサイトトップページのURLは次のようにサブディレクトリが含まれてしまいます。
例:www.sample.com/wordpress/
機能上は問題ないのですが、やはりドメインだけの表示にしたいところ。そこで次のような流れでルートディレクトリで表示できるように設定します。
1. WordPressをサブディレクトリにインストール
→ ドメイン(=ルートディレクトリ)/フォルダ名(サブディレクトリ)/
例:sample.com/wp/ など
2. WordPress管理画面にてWordPressアドレスをインストール先のディレクトリに設定
WordPressアドレス → http://ドメイン名/フォルダ名
例:http://sample.com/wp/ など
3. WordPress管理画面にてサイトアドレスをドメイン(ルートディレクトリ)に設定
サイトアドレス → http://ドメイン名
例:http://sample.com
4. WordPressがインストールされたサブディレクトリのindex.phpを下記に変更する
【index.php】(変更前)
上記の方法で、WordPressで作成したサイトのURLがルートディレクトリで表示されるようになります。
require( dirname( __FILE__ ) . '/wp-blog-header.php' );【index.php】(変更後)
require( dirname( __FILE__ ) . '/インストール先フォルダ名/wp-blog-header.php' );例:require( dirname( __FILE__ ) . '/wp/wp-blog-header.php' ); 5. WordPressがインストールされたサブディレクトリの.htaccessの内容が下記になっているか確認 【.htaccess】
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /インストール先フォルダ名/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /インストール先フォルダ名/index.php [L]
</IfModule>
# END WordPress
6. WordPressがインストールされたサブディレクトリのindex.phpと.htaccessをコピーしてルートディレクトリに配置する
7. ルートディレクトリの.htaccessを下記のように変更する
【.htaccess】
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
8. サブディレクトリのindex.phpを下記のように元の表記に戻しておく
【index.php】
require( dirname( __FILE__ ) . '/wp-blog-header.php' );
上記の方法で、WordPressで作成したサイトのURLがルートディレクトリで表示されるようになります。
categories
- WordPress(61)
- JavaScript(49)
- Vue.js(48)
- CSS(46)
- jQuery(34)
- Nuxt.js(22)
- Sass(21)
- Gulp(17)
- webpack(16)
- PHP(14)
- HTML(14)
- GSAP(11)
- React(10)
- Vite(9)
- Pug(9)
- Laravel(8)
- Cordova(8)
- Linux(7)
- Next.js(6)
- Apache(5)
- Shopify(4)
- REST API(4)
- Node.js(4)
- Smarty(3)
- Git(3)
- JSON(3)
- その他プログラミング(3)
- Google Apps API(3)
- Bootstrap(3)
- 環境構築・システム(3)
- TypeScript(2)
- EJS(2)
- RMS(2)
- Docker(2)
- Instagram API(2)
- Excel VBA(2)
- SVG(1)
- Dart(1)
- ECカートASP(1)
- Markdown(1)
- AMP(1)
- Nginx(1)
- XML(1)
- shellscript(1)
- Ruby(1)
- MySQL(1)