複数サイトのアクセス解析PC・周辺機器などプライバシーポリシーラズベリーパイ。自作のアプリ、その他システム関連の紹介をしていきます。静的なHTMLで作成したWebサイトをWordPressへ移行する方法です。記事数が増えるとだんだんとサーバにアップする時間が増えてきたりして静的なHTMLでサイトを作成するメリットよりもデメリットの方が多くなってきました。これ以上にページ数が増える前にWordPressへ移行する事にしました。その時に静的HTMLページからWordPressへ移行した手順になります。私の行った移行方法をもう少し詳しく書くとWordPressを別のドメインや別のサブドメインに新規作成してHTMLファイルの内容をWordPressに手動でコピー&ペーストして登録していきます。全てのHTMLファイルをWordPressに登録した後に移行するWebサイトのHTMLファイルを削除して静的HTMLページを一度削除してWordPressを移行する方法です。URLも.htmlのついたHTMLのWebサイトと同じURLでアクセスできるようにWordPressの設定をします。別の場所にWordPressを作成して作業をするので移行するHTMLファイルが多く時間がかかっても元のHTMLで作成しているWebサイトを停止せずに移行作業を進める事ができます。移行するデータの量により違いは有りますが移行する時は10分程度はWebサイトが停止しますが、アクセスが少ない時間に作業をすればほぼ停止させずに移行が出来ます。移行作業用に別のドメインなどに作成したWordPressを移動先のHTMLで作成したWebサイトの場所の移動には、XSERVER(レンタルサーバ)にWordPress簡単移行という移行ツールが有ったのでツールを使い移行しました。そのため、前提としてはXSERVERを使うという事が前提になっています。移行ツールの部分だけを読み替えてもらえば移行は出来ると思います。正式な(?)やり方のWordPressのファイルコピーとDBのエクスポート・インポートでも当然できます。今回の移行作業の例:http://example.com/にHTMLで作成されたWebサイトが有り同じ場所にWordPressで作成したWebサイトに置き換える場合http://移行作業をするために取得したドメイン/もしくはhttp://example.com/wp/にWordPressを新規インストールしてHTMLのWebサイトの内容をWordPressに移行します。その後にhttp://example.com/のWebサイトのデータを削除してHTMLのWebサイトの内容を登録したWordPressをhttp://example.com/に移動させます。特別なプラグインやソフトを使わずにローテクで移行をする方法です。※一部ではプラグインを使っています。ローテクなので時間はかかります。時間はかかりますがその分トラブルは起きにくと思うやり方です。移行出来ると思います。静的HTMLページからWordPressへ移行する手順1.HTMLページのバックアップ2.WordPressのインストール3.WordPressへのアクセス制限4.WordPressの準備(テーマの設定・プラグインなど)5.WordPressへHTMLデータを移行6.WordPressの移動7.移行後の後処理1.HTMLページのバックアップ作業をする前に必ずバックアップを取ります。公開しているディレクトリの全バックアップを取るようにします。2.WordPressのインストールWordPressをインストールします。移行作業をするため用の別ドメインを取得してWordPressをインストールする方法をお勧めします。※このページは別のドメインにWordPressをインストールする方法で移行をしていきます。例:http://example.com/に移行したいWebサイトが有る場合は、WordPressをhttp://移行作業をするために取得したドメイン/もしくはhttp://example.com/wp/にインストールします。簡単にインストールできる仕組みが有ると思います。私の場合はXSERVERを使っているので、XSERVERが提供しているWordPress簡単インストールを使ってWordPressをインストールしました。この時にWordPressに設定するタイトルなどはなるべく移行するhtmlファイルのWebサイトに合わせて登録しておきます。※後で変更はできます。画面をクリックすると別画面で大きく表示されます。インストールが終わるとWordPressにログインをしてWordPressの更新をします。画面をクリックすると別画面で大きく表示されます。2.WordPressへのアクセス制限インストールしたWordPressへ作業中はGoogleのクローラやユーザからアクセスできないようにアクセス制限をかけておきます。BASIC認証でのアクセス制限BASIC認証を有効にしてGoogleのクローラやユーザがアクセスできないようにアクセス制限をかけておきます。XSERVERでは、アクセス制限設定でブラウザ上から.htaccessのBASIC認証が設定できます。BASIC認証を有効にして作業中はWordPressにアクセスできないようにアクセス制限をかけておきます。XSERVERでのBASIC認証の設定方法は、こちらのページを参考にしてみてください。※XSERVER以外のレンタルサーバでもBASIC認証程度のアクセス制限は設定できると思います。アクセスできないようにアクセス制限をかけておきましょう。WordPressでのアクセス制限WordPressの設定でもGoogleなどの検索エンジンが作業用のWordPressをインデックスしないように検索エンジンがサイトをインデックスしないようにするにしておきます。左のメニュー内の[設定]→[表示設定]を表示します。表示設定画面が表示されますので、その中に有る項目の[検索エンジンでの表示]検索エンジンがサイトをインデックスしないようにするのチェックボックスを[ON]にします。画面をクリックすると別画面で大きく表示されます。4.WordPressの準備(テーマの設定・プラグインなど)WordPressの準備をしていきます。テーマはお好きなテーマでどうぞ。子テーマを使っています。作業に使うプラグインのインストールなどを設定して下さい。作業に使うプラグインのインストール原則、元のhtmlファイルをWordPressにコピー&ペーストしていきます。Editor]をインストールします。[メニュー]→[プラグイン]を選択します。プラグインの設定画面が表示されるので[新規追加]ボタンをクリックします。画面をクリックすると別画面で大きく表示されます。プラグインの追加画面が表示されます。Editor]が既に表示されている場合は[今すぐインストール]ボタンをクリックしてインストールしてください。Editorを表示させて、[今すぐインストール]ボタンをクリックしてインストールしてください。画面をクリックすると別画面で大きく表示されます。本番環境に移行後にインストールします。ここでは作業に必要なプラグインだけをインストールして設定しておきます。移行した後にインストール・設定します。WordPressのパーマリンク設定などHTMLで作成されたWebサイトをWordPressに移行した後にもHTMLで作成されたWebサイトと同じURLでアクセスできるようにWordPressのパーマリンク設定(投稿ページ)と固定ページのパーマリンク設定をしていきます。こちらのページを参考にしてみてください。5.WordPressへHTMLデータを移行WordPressへHTMLデータを移行していきます。元のHTMLページの階層構造にできるだけ合わせてWordPressの方へデータを移行させていきます。作成するファイルは投稿ページか固定ページのどっち移行するにあたりWordPressで投稿ページか固定ページのどっちで作成するかを選択しなければいけません。固定ページで作成ます。http://example.com/sub/a.htmlhttp://example.com/sub/b.htmlのように階層が有るものは、subをカテゴリーで作成をして投稿ページカテゴリにsubを選択して作成します。元のHTMLのファイルで変更が必要な個所HTMLをテキストとしてWordPressへコピー&ペーストしていきますが、WordPressの画像保存先に移動するとHTMLの中で画像などのパスは置き換えが必要になったりします。画面をクリックすると別画面で大きく表示されます。内容を修正をする時にファイルのパスの変更作業をする方が移行ができます。移行作業の時は絶対パスで画像ファイルを記述しておきます。画面をクリックすると別画面で大きく表示されます。CSSとJavaScript移行するWebサイト自体がCSSもJavaScriptもあまり使っていません。CSSはダッシュボードを表示して[外観]→[テーマエディター]をクリックします。(style.css)を編集します。画面をクリックすると別画面で大きく表示されます。JavaScriptコードはJavaScriptコードを記述したファイルを作成します。(functions.php)を編集してJavaScriptなどを読み込めるようにします。詳しくは下記のサイトを参考にして下さい。詳しい説明が有ります。https://coronblog.net/2017/03/16/062045.html※作業の前には、バックアップを取ってから実行するようにして下さい。無理に作業をせずにプラグインを使って作業する方がいいと思います。全てのHTMLファイルをWordPressに登録が終わるとHTMLの有る場所にWordPressを移動していきます。最初にWordPressをインストールしているディレクトリにかけているBASIC認証のアクセス制限を解除します。XSERVERでのBASIC認証の設定方法は、こちらのページを参考にしてみてください。Anyを移行する間だけ記述して下さい。画面をクリックすると別画面で大きく表示されます。画面をクリックすると別画面で大きく表示されます。HTMLファイルの削除HTMLファイルのバックアップを取ります。バックアップを取った後にWordPressの移行先にあるHTMLファイルなどを削除します。※WordPressに登録している絶対パスで参照している画像などは削除しません。今後アクセスしないファイルを削除をして下さい。WordPress簡単移行を使ってWordRressを移動XSERVERのWordPress簡単移行を使ってWordRressを移動(コピー)します。XSERVERのサーバパネルをクリックして、[WordPress簡単移行]を開きます。[WordPress移行情報入力タブ]を押します。HTMLのデータを入力したWordPressのURLとユーザIDとパスワードを入力します。移行先のドメインを確認して確認して[確認画面へ進む]ボタンをクリックします。画面をクリックすると別画面で大きく表示されます。確認画面が表示されます。入力情報に間違いが無ければ[意向を開始する]ボタンをクリックします。画面をクリックすると別画面で大きく表示されます。下記の画面に変わります。数分後には移行は成功していました。画面をクリックすると別画面で大きく表示されます。IDやパスワード及びBASIC認証を解除するのを忘れた場合は下記のような表示がされます。修正後、再度やってみてください。画面をクリックすると別画面で大きく表示されます。移行が終わると下記のような表示がされます。画面をクリックすると別画面で大きく表示されます。移行が終わったWordPressのURLが表示されます。管理画面にアクセスします。画面をクリックすると別画面で大きく表示されます。※ツールの詳しい使い方は、マニュアルが有りますので、そちらを見てください。移行自体はデータ量により移行時間は違いますが、それほど時間はかかりません。7.移行後の後処理HTMLで作成したWebサイトと同じ場所に同じURLでアクセスできるようになったWordPressのWebサイトが移行されました。移行した後にするWordPressの設定、ファイルの削除などの後処理を行っていきます。検索エンジンがサイトをインデックスするようにするGoogleなどの検索エンジンがWordPressをインデックスするように設定を戻します。左のメニュー内の[設定]→[表示設定]を表示します。表示設定画面が表示されますので、その中に有る項目の[検索エンジンでの表示]検索エンジンがサイトをインデックスしないようにするのチェックボックスを[OFF]にします。放置しておき、クローラにアクセスされても困るので移行作業用に作成したWordPressの削除を直ぐにします。忘れずにDBの方も削除をします。httpからhttpsに元のHTMLのWebサイトがhttpsなら、[設定]→[一般]で[一般設定]画面を開きサイトのURLをhttpsに変更します。画面をクリックすると別画面で大きく表示されます。プラグインを追加Sitemapsプラグインなどを追加します。お好きなプラグインをどうぞ。アナリティクスの設定アナリティクスを使っている場合はアナリティクス動作するようにします。アナリティクスのコードだけだとSTINGER+2の場合は、[STINGER+管理]→[Google連携に関する設定]にアナリティクスのコードを登録する箇所が有ります。画面をクリックすると別画面で大きく表示されます。画面をクリックすると別画面で大きく表示されます。プラグインを使っても構いません。アナリティクス以外のコードを動作させたい場合は、こちらを参考にして設定します。大まかな内容ですが、これで移行できます。バックアップさえ取っておけば失敗しても元に戻すのは簡単にできます。