wordpressとec-cubeを合体【その1】

こんにちは！
久しぶりに投稿します。

早速ですが、wordpressとec-cubeを合体させていこうと思います。
今回はec-cube3.0系でやっていきます。
2.13系でも最近誕生した４系でもない理由としては、
・2.13系はphpが5.3.3〜5.6.xにしか対応していない
・4系はプラグインがまだ少ないとのこと
らしいので3.0系にしました。

ちなみ3.0系、3.1系はphp5.3.9以降に対応しているらしいです。
対応バージョンなどはこちらに記載あります。
https://qiita.com/nanasess/items/dc8407c48a3dcf982ea2


## ec-cubeメイン
トップページや固定ページをec-cubeで作成し、ブログ部分だけwordpressにする方法です。
商品数が多い時やカテゴリが多い時におすすめです。

## wordpressメイン
固定ページやブログをwordpressで作成し、ショップ部分だけをec-cubeにする方法。
商品数が少ない時におすすめです。



wordpress、ec-cube どちらをメインにするかでやり方が変わっていきますが、
インストールしなければいけないのは同じです。
ではインストールしていきましょう。
wordpressメインでやっていきます。
自動インストールと手動インストールがありますが、
手動でやっていきます。
自動も今度やっていこうかなと


## wordpressメイン
### インストール手順（手動）
https://www.ec-cube.net/
上記ページの上の方にある「無料ダウンロード」をクリックします。
今回は3.0系なので「各バージョン」をクリック。
![img.png](https://qiita-image-store.s3.amazonaws.com/0/292492/07ad7fbf-889d-72e4-57b0-765fb876fb99.png)


ダウンロードページに遷移するので、version3.0.17(zip)をクリック。
![img2.png](https://qiita-image-store.s3.amazonaws.com/0/292492/285b098d-e1af-dcfb-27c6-5e0b3e338ff3.png)

初めての方は会員登録します。
会員登録後ログインして、先ほど選択したものをダウンロードし、解凍します。

解凍後の中身はこんな感じです。
<img width="334" alt="img4.png" src="https://qiita-image-store.s3.amazonaws.com/0/292492/d2898226-fb01-90cd-a031-fbb0a30c0006.png">

画像からは見えませんが、Bracketsなどで開くと「.htaccess」と「.htaccess.sample」が
入っていることがわかります。


①任意の場所にアップします。
自分はwordpressメインでかつwordpressを既に入れていたので、
公開フォルダ（エックスサーバーなら「public_html」フォルダ内）にshopというフォルダを作成し、
そちらにアップしました。

②もとからある「htaccess」を削除するか名前を変更し、
「.htaccess.sample」の「.sample」をとってこちらを「.htaccess」に変更します。

③URLを「http://ドメイン/指定したフォルダ名/html」とにすると
下記画像のようなインストール画面に行きますので進めていきましょう。

#### 1.ようこそ
![img5.png](https://qiita-image-store.s3.amazonaws.com/0/292492/b1e66072-a796-86b2-4152-3168746b9a47.png)
**mod_rewrite が有効になっているか不明です**
先ほど名前を変更した .htaccess 内を見てみると、それらしい記述があるので、こちらはOKです。
次へ進みましょう。

#### 2.権限のチェック
![img7.png](https://qiita-image-store.s3.amazonaws.com/0/292492/a96dcf45-86bf-e2ee-a43a-99c186abfbe8.png)

特に問題は無いようなので次に進みます。

#### 3.サイト設定
![img8.png](https://qiita-image-store.s3.amazonaws.com/0/292492/de4db05d-3b5d-f2a6-91b5-51f8effdd8a7.png)

ここではお店の名前やメールアドレス、管理者のログイン情報、管理画面のディレクトリ名などを決定します。
店舗名やメールアドレスは後で修正できます。

#### 4.データベース設定
![img9.png](https://qiita-image-store.s3.amazonaws.com/0/292492/d98cb0a0-ba50-f852-eca3-fc4238e86630.png)
次にデータベースの情報を入力していきます。
事前に用意していたデータベースの情報を入力しましょう。
自分はwordpress導入時に設定したデータベース情報を入力しました。
データベースのMySQL設定で設定したユーザー名などを入力していきましょう。
設定していない場合は、設定してから入力しましょう。

#### 5.データベースの初期化
![img10.png](https://qiita-image-store.s3.amazonaws.com/0/292492/7a6c6647-a635-d937-1bd4-b1a27360dc4f.png)

正常に接続できればDBの初期化が始まるので次に進みます。
同じDB内にすでに旧バージョンのEC-CUBEをインストールしていて初期化したくない時はこの作業はスキップして次に進みましょう。

#### 6.インストール完了
以上でインストール完了になります。
3で設定したユーザー名なのでログインしましょう。
![img12.png](https://qiita-image-store.s3.amazonaws.com/0/292492/33c5c150-7a9e-bab5-c662-673f02cc2d56.png)
上部にオレンジ色の警告がでますので、html/install.phpは削除しておきましょう。


### URLを変更したい
無事インストールできましたが、「/html」が気になってしまうと思います。

自分の場合、「https://ドメイン名/shop/html」を、「https://ドメイン名/shop」にしたいんです。

#### ファイルの移動
まずはじめに「html」内にある「index.php」、「.htaccess」、「robots.txt」を
一つ上のディレクトリに移動させます。
その際に元から「.htaccess」があると思いますが、上書きで大丈夫です。
※デバックモードを使用する場合は「index_dev.php」も一緒に移動します。

#### ファイルの修正
先ほど移動させた「index.php」の中身を編集していきます。

26行目に「require __DIR__.'/../autoload.php';」とありますので
「require __DIR__.'/autoload.php';」に変更します。

「index_dev.php」も移動させた場合は、
「require_once __DIR__.’/../vendor/autoload.php’;」
「$config_dev_file = __DIR__.’/../app/config/eccube/config_dev.yml’;」
「‘profiler.cache_dir’ => __DIR__.’/../app/cache/profiler’,」
この3つを同じく「/../」→「/」としておきます。

次に「app/config/eccube/path.yml」というファイルを編集します。
「root_urlpath」という項目があるので、そこから最後の「html」を取ります。
自分の場合は、「/shop/html」というパスだったので、そこから「/html」を抜きました。
そしたら無事「/shop」でec-cubeのtopページへいけました。

## あとがき
以上でその1は終わりです。
その2があったらまた書こうと思います。

間違えているところあったら教えてください。