狠狠撸

狠狠撸Share a Scribd company logo
WordPressと静的ページで構成する 
(特殊な)ハイブリッドサイト 
長谷川 広武(蔼丑2丑补尘)
自己绍介 
WordPress サイトの構成 
(特殊)ハイブリッド构成の実现方法 
まとめ
自己绍介
自 己 紹 介 
長谷川 広武
(? ?ム? `) 
自 己 紹 介
自 己 紹 介 
フロントエンドエンジニア 
フリーランス 制作ユニット 
HAM WORKS / CodeDesign
奥辞谤诲笔谤别蝉蝉と静的ページで构成する(特殊な)ハイブリッドサイト
WordPress サイトの構成
WordPress サイトの構成 
1カテゴリのみが WordPress 
! www 
" company 
" vision 
" access 
" news # 
静的HTML
WordPress サイトの構成 
全体がWordPress 
! www 
" company # 
" vision # 
" access # 
" news # 
" contact #
WordPress サイトの構成 
相談が来た WordPress の構成 
! www 
" company 
" vision 
" access 
" news # 
静的HTML
WordPress サイトの構成 
相談が来た WordPress の構成 
! www 
" company 
" vision 
静的HTML 
" access 
" news # 
" contact # $ あとから追加
WordPress サイトの構成 
相談が来た WordPress の構成 
! www 
" company 
" vision 
" access 
" news # 
" contact # 
静的HTML 
$ 1つのWordPressで管理
なぜこんな构成に?
末端の俺に仕様を決める権限が ない!
(特殊)ハイブリッド构成の実现方法
http://webbingstudio.com/weblog/cms/entry-136.html
(特殊)ハイブリッド构成の実现方法 
? WordPress を専用ディレクトリにインストール 
? パーマリンク設定(/%category%/**) 
? URLを簡素にするプラグイン導入 
? .htaccess で Rewrite の設定
専用ディレクトリにインストール 
! www 
% index.html 
" company 
" vision 
" access 
" wordpress # 
" news # 
" contact # 
静的HTML 
$ 専用ディレクトリ
奥辞谤诲笔谤别蝉蝉と静的ページで构成する(特殊な)ハイブリッドサイト
https://wordpress.org/plugins/remove-category-url/
Remove Category URL 
http://sitedomain.jp/category/category-name/ 
& 
http://sitedomain.jp/category-name/
.htaccess で Rewrite の設定 
RewriteEngine On 
RewriteBase / 
! 
RewriteRule ^?([a-z0-9]+)=([0-9]+) wordpress/?$1=$2 [L] 
RewriteRule ^(date|tag|feed)/(.*) wordpress/index.php [L] 
! 
RewriteRule ^(c1|c2|c3|c4)/ wordpress/index.php [L] 
RewriteRule ^category/(c1|c2|c3|c4)/(.*) wordpress/index.php [L] 
RewriteRule ^(c1|c2|c3|c4)/feed/(.*) wordpress/index.php [L]
.htaccess で Rewrite の設定 
RewriteEngine On 
RewriteBase / 
! 
RewriteRule ^?([a-RewriteRule ^(date|こんz0-9]+)=([な ”特0-9]+) 殊なwordpress/?$tag|feed)/(.*) wordpress/” 構index.成 
1=$2 [L] 
php [L] 
! 
RewriteRule ^(c1|c2|c3|c4)/ wordpress/index.php [L] 
RewriteRule ^category/(c1|c2|c3|c4)/(.*) wordpress/index.php [L] 
RewriteRule ^(c1|c2|c3|c4)/feed/(.*) wordpress/index.php [L]
不要だった!
普通のハイブリッド构成の実现方法
普通のハイブリッド构成の実现方法 
? WordPress を専用ディレクトリにインストール 
? パーマリンク設定(/%category%/**) 
? URLを簡素にするプラグイン導入 
? .htaccess で Rewrite の設定
普通のハイブリッド构成の実现方法 
? WordPress を専用ディレクトリにインストール 
? パーマリンク設定(/%category%/**) 
? URLを簡素にするプラグイン導入 
? 専用ディレクトリ呼び出し用のindex.php設置
! www 
% index.php 
" company 
" vision 
" access 
" wordpress # 
" news # 
" contact # 
$ WordPressのTOP 
静的HTML 
$ 専用ディレクトリ 
普通のハイブリッド构成の実现方法
まとめ
まとめ 
? “特殊な” ハイブリッド構成は基本はしない 
? 静的HTMLを直接置くだけで表示される 
? トップページは front-page.php などテーマで作成 
? 必要なのはパーマリンク設定と 
URL調整のプラグイン導入
以上、耻ずかしい失败谈でした
ご清聴ありがとうございました
Photo credit 
- https://twitter.com/ponoyuku/status/362415739514273792/photo/1 
- https://www.flickr.com/photos/klearchos/863668523/ 
- http://www.pakutaso.com/20140408101ol-6.html 
- https://www.flickr.com/photos/photones/5776295648/ 
- https://www.flickr.com/photos/jannemei/1023015396/ 
- https://www.flickr.com/photos/ajay/169660243/

More Related Content

奥辞谤诲笔谤别蝉蝉と静的ページで构成する(特殊な)ハイブリッドサイト