佐賀のホームページ制作なら株式会社イン・ザ・コム

wordpress|MAMPのmacローカル環境からロリポップサーバーへアップロードする方法

ホームページを作り上げていく際にはまず

  • イラストレーター・フォトショップで全体をデザインを固める
  • フォトショップでスライスして画像でいくところとCSSでいくところを分ける
  • ローカル環境でコーディング

という段階でやっているんですが、ウェブ上でやると少し時間がかかるのでMAMPっていうmac用のローカル環境を使うことが多いです。

なのでローカル環境からサーバーへアップロードして公開する手順を踏む必要があります。

ドメイン・サーバーはムームードメインとロリポップ

作成しているサイトのほとんどは「ムームードメイン」でドメインを取得して、「ロリポップ」で保管しています。

この環境とは違う方だともしかすると迷ってしまうかもしれません。

事前準備

ロリポップのユーザー専用ページの左サイドバーの「WEBツール」>「データベース」をクリック。

Lolipop

データベースがない方は新しく作成,既存のデータベースを使ってもOK。データベース名、ユーザー名、パスワードをメモしておいてください。
Database

phpMyAdminからSQLデータを抜き出すまで

①MAMPを起動させて「スタートページを開く」をクリック

Manpstart

②メニューバーの「phpMyAdmin」をクリック

Phpmyadminstart

③「phpMyAdmin」の左サイドバーからローカルで作成したデータベースがあるところを探す

Phpadminsidebar

今回テストに作成したローカルURLが「http://localhost:8888/ebisu」だったので「ebisu」を目印にファイルを探します。

⑤エクスポートをクリック→詳細→ファイルの選択

ファイルがある場所が分かれば「エクスポート」タブをクリック
Expo

エクスポートの方法のラジオボタンを「詳細」にして、テーブルでは「ebisu」の文字が入ったファイルを全て選択する。(ここのebisuは任意で決めたところです)

Shosai

⑥「出力」は「出力をテキストで表示する」

⑦「フォーマット」は「SQL」

⑧「生成オプション」で「DROP TABLE / VIEW / PROCEDURE / FUNCTION / EVENT コマンドを追加する」にチェックを入れる

その他画像のような設定です。(デフォルト)

Check
Sonohoka

これで実行を押せばsqlデータがテキストで出てきます。

Sql

sqlデータを作成する

現在アドレスは「http://localhost:8888/ebisu」なので、これを本アドレスにします。(https://inthecom.netなど)

テキストエディタ(coteditorなど)で「http://localhost:8888/ebisu」を本アドレスに一括置換します。

Cap2

出来たファイルはsqlファイルとしてデスクトップに出しておきます。(名前は任意)

Cap

wp-config.phpを書き換える

次はローカルに戻ってMAMP内で作成したwp-config.phpの設定を行います。

Wp config
wp-config.phpはバックアップを取っておいてください!

以下の箇所を変更します。事前準備でメモをとっておいた情報を入れてください。

Kakikae

ローカルで作成したものを全部サーバーにぶちこむ!

FTPソフトを使ってローカルのサイトを全部サーバーにぶちこみます。サーバー内のトップフォルダ直下に置いてください。

Buchikomu

サーバー内の「phpMyAdmin」に作成したsqlファイルをぶちこむ

最後にロリポップのユーザー専用ページの左サイドバーの「WEBツール」>「データベース」から設定したいデータベースへアクセス。

Loliphpadmin

すると左サイドバーに設定したいデータベースがあるのでクリック

Dataad

上部ナビの「インポート」をクリック

Import

アップロードファイルにて、作成したsqlファイルを挿入する。(ほかの設定はデフォルトでOK)

ドメインをブラウザで開いてみよう!

これは緊張の瞬間です。今までの作業が多かった分、ここでエラーが出てしまうとどこで間違ったのかがわからなくなることもあります。私はこれまで何回も迷ってきました(笑)

それでは、、、

Scsho

画像は消しているわけではなく、URLがローカルから変わっているので消えているんです。コード内のURLを指定しなおしましょう。

あくまでも自己責任でお願いしますね^^

この記事が気に入ったら
いいね!しよう

Twitter で

関連する記事

Copyright © IN THE COM .inc All rights recerved.