シングルマザー的節約生活術-年収110万から始める貧乏脱出大作戦-

HTMLサイトからWordPressに簡単確実に移行する方法【シリウスからWordPressに!】

シリウスで作ったHTMLサイトをWordpressへと移行することができました。HTMLサイトからWordpressへの移行は、専門知識も必要ないし難しくはないのですが、手順を間違えたり、うっかりミスがあると破滅的に先へと進みません。

そのため、結局HTMLサイトからWordpressの移行は1か月位かかってしまいました。次回やる時にラクにできるように専門知識がなくてもシリウスからWordpressへと移行する方法を忘備録的に書いておきます。

実行は自己責任になりますが、参考になったら嬉しいです。

初心者でもできるHTMLサイトからWordpressへの移行

前提条件

  • 移行したいサイトは、シリウスで作ったHTMLサイト。
  • リンクの末尾がhtml

リンク(個別記事URL)を、HTMLサイトと同じにした方がSEO的によいので、Wordpress移行後もリンクを同じにしました。そのために『Custom Permalinks』プラグインを利用。

しかし、Wordpressのプラグイン『Custom Permalinks』であるパーマリンク系のプラグインを利用することで、不具合が起きやすくなるので注意が必要です。

これからお話するのは、何度もいろいろ試して、素人の私なりにたどり着いた不具合の起きにくいやり方です。

移行する前にシリウスで作ったサイトのバックアップは必ず取っておいてください。

まず、WordpressをHTMLサイトと同じ階層にインストールする

ネット上ではなくパソコン上(いわゆるローカルというやつ。)にWordpressを構築する方法もありますが、私には難しかったのでパス。

その代り、移行するシリウスでつくったサイト(以下シリウスサイト)と同じサーバーの同じ階層に「WP」というというフォルダーを作って、その「wp」フォルダーにWordpressをインストールしました。

つまり、各記事のURLが「サイト名/wp/各記事で設定したURL」となります。

「サイト名/wp/~」になる場所とは、「public_html」の中にあるHTMLのシリウスサイト名のフォルダの中です。

シリウスサイト名のフォルダの中に「wp」というフォルダーを作ってそこにWordpressをインストールします。そうすると、サイトURLはhttp//サイト名/wp、記事urlはhttp//サイト名/wp/個別記事リンク となります。

当然、サイト名/wp/記事URL でアクセスすると記事のページにアクセスできますが、WordPressの記事は下書きのままにすることで、ネット上に同じ記事が重複することを防げます。

WordPressのインストール方法は利用しているサーバーの指示に従ってください。

WordPressにプラグイン『Custom Permalinks』を入れる

WordPressがインストールできたら、Wordpressにログインします。

ログイン画面のURLはhttp//サイト名/wp/wp-login.phpです。

そして、パーマリンクをHTMLサイトと同じにするために、プラグインの『Custom Permalinks』を入れます。

注意・パーマリンクをHTMLサイトと同じするだけで、Wordpressの記事にアクセスできるわけではありません。

知らなかったのですが、WordpressのHTMLサイトのリンクを同じにしても、それは見かけ上のURLが一緒というだけで、実際にはリダイレクトによって処理されているそうです。ですから、HTMLサイトからWordpressへURLを同じに移行しても、アクセス数は一時期落ちます。

パーマリンクを設定する

WordPressのプラグイン『Custom Permalinks』をインストールし有効にしたら、設定⇒パーマリンク設定でパーマリンクを変更します。

URLの末尾にhtmlがあるなら、パーマリンク設定でカスタム構造を選び、/%postname%/html を入力し設定を更新します。パーマリンクは移行したいシリウスサイトURLの状況に合わせて設定します。

自由に変更したいなら/%postname%/ に設定します。

参考サイト パーマリンクの設定の仕方・種類

HTMLサイトの記事をWordpressの個別記事ページにコピペ

いよいよ、本格的にWordpressに移行していきます。

HTMLシリウスサイトにアクセスして、記事をコピー。その後、Wordpressの個別記事ページのビジュアルに記事をペーストします。ビジュアルにペーストすることで、記事内のリンクのURLが正しくペーストされます。

仮にビジュアルではなく、テキストにペーストするとリンクなどが貼られないので注意。

記事タイトルや本文をコピペしたらその都度、リンクをHTMLサイトと同じにします。

記事は下書きのままで。その時、記事URLは、サイト名/wp/〇〇html となり、『wp』が入ってしまいいますが、最終的に直すのでそのままでOKです。

画像は、シリウスの画像フォルダーを削除する予定がないのであればそのままコピーし、Wordpressの個別記事のところにペーストします。

シリウスの画像フォルダも削除する予定で画像はWordpress内に納めるのであればコピペするのは記事本文だけです。まだ画像はWordpressにアップロードしないでください。コピペするのは記事だけです。

画像は全ての移行が終わってからアップロードする方がいいです。なぜかというと、Wordpressへの移行が失敗するとまた振り出しに戻ります。なので、この段階ではまだ画像やテーマのアップロードやカスタマイズなどのWordpressの作り込みはしないでください。

WordPressにコピペした全ての記事をエクスポートする

HTMLサイトの全ての記事をWordpressにコピペし終わったら、記事を必ずエクスポートしてください。不具合があってWordpressを再インストールすることになった時に、また一から記事をコピペすることを防げます。

WordPressのリンクを変更する

次にサイトのリンクを設定します。今、WordpressのURLは、サイト名/wp/です。htmlサイトと同じURLで表示させるための設定をします。

設定⇒一般にいき、WordpressURLはそのままで、サブアドレスをHTMLサイトと同じURLアドレスにします。

WordPressのURLは変更しないでください。Wordpressにアクセスできなくなります。もしサイトアドレスを変更してしまった場合は、Wordpressを削除し、また一からやり直すか、こちらのサイトを参考してください。WordPressにアクセスできなくなった。

私の場合は、WordPressにアクセスできなくなった。を参考にしてもログインできませんでした。なので、諦めてWordpressを削除し、Wordpressを再インストールして作業を続けました。

また、ここでログインできても別のところで、ハマることがあるので、ログインできなくなったら、今のWordpressを削除して記事を再エクスポートした方がいいです。

WordPressを再構築、再エクスポートする場合のやり方

何らかの事情でWordpressを再構築する場合の手順です。

まず最初にエクスポートした記事をWordpressにインポートしたら、記事の編集画面を見て下さい。

記事のリンクを見ると編集できないようになっていると思います。それはパーマリンクを変えるプラグインを入れてないからです。一番最初のWordPressに導入した『Custom Permalinks』をこのWordPressにもインストールします。

そして、最初のWordPressと同様にパーマリンクをカスタム構造に変更し、更新をクリックしてください。すると、きちんとリンクがカスタム構造で指定したリンクになっているはずです。

注意・必ず『Custom Permalinks』プラグインのインストールは記事のインポートの後です。記事をインポートする前に『Custom Permalinks』プラグインを入れないでください。理由は分かりませんが、私は失敗しました。

話を戻します。記事のコピペ(または、インポート)が終わったところからですね。

一つだけ、HTMLサイトの記事を削除し、その記事に該当するWordpressの個別記事を公開する

全ての記事を移行できたら、アクセスが来ない記事をアクセス解析ツールなどで探し出し、その記事に該当するWordpressの記事を一つだけ公開します。そして、シリウスサイトの該当の記事を削除します。

注意・HTMLサイトは必ずバックアップし、ローカルの記事は削除しないこと。シリウスならワンクリックでバックアップできます。また、削除予定のシリウスサイトの記事にある画像などは、パソコン上にダウンロードしておいてください。

HTMLサイトで削除したURLをクリックしページをチェック

HTMLサイトの記事を削除したので、Wordpressの記事が公開されているかと思ってしまいますが、たぶんサーバーが出す404エラーがでるはずです。

 

 

 

 

 

このサーバーが出す404エラーがでたらここまでは成功してます。ロリポなどなら違った絵になります。サーバーエラーの404画面以外がでたなら、Wordpressを削除し、もう一度Wordpressを入れ直して、最初からやり直してください。

htmlサイトからWordpressへ移行で404エラーが出たら、次のステップへ。

この404エラーを解消するために、サーバーのファイル操作が必要になります。index.phpをコピーしたり移動したりするだけなので簡単です。

簡単に説明すると、FTPでサーバーにアクセスし、ファイル/wp/の中になるindex.phpをダウンロードし、テキストエディタで開きます。

必ずテキストエディタを使ってください。メモ帳は厳禁です。テキストエディタがない場合は、サーバーのファイルにアクセスし、サーバー上で修正することになりますが、あまりお勧めしません。

テキストエディタでindex.php

require( dirname( __FILE__ ) . ‘/wp-blog-header.php’ );
という記述を探します。
その記述を下記のように修正。
require( dirname( __FILE__ ) . ‘/wp/wp-blog-header.php’ );

(ようするに、wpを入れるということ。)

そして、require( dirname( __FILE__ ) . ‘/wp/wp-blog-header.php’ );と修正したindex.phpは、/wpフォルダと同じ階層(つまり、シリウスがある階層=/wpの外)にアップロードしてください。

修正したindex.phpは/wpの外にある状態になります。そして、修正前のindex.phpは/wpの中にあります。

 

やり方をおさらいすると、/wpフォルダの中にあるindex.phpをコピー(ダウンロード)し、index.phpをテキストエディターで開きrequire( dirname( __FILE__ ) . ‘/wp/wp-blog-header.php’ );と修正し、index.phpは、wpフォルダと同じ階層(シリウスがある階層)にアップロードするということです。

大事なのでもう一度言いますが、wpフォルダの中にあるindex.phpの記述と、wpフォルダの外へと移動したindex.phpは、記述内容が違います。

詳しくは、WordPress を専用ディレクトリに配置する

HTMLサイトの記事を削除したURLをクリックして、どうなっているか確認

サーバーの404の代わりに、テンプレート(テーマ)の404になっていたら次に進めます。テンプレートの404になっていなかったり、それ以外の状況の場合は、下にある不具合一覧を参考にしてください。(解決策は期待しないで。知識がないなら、Wordpressを削除してもう一度やる方が速いです。)

パーマリンクを再設定する

WordPressテンプレートの404になっていたら、Wordpressのダッシュボードに入りパーマリンク設定を開きます。
(設定⇒パーマリンク設定)
カスタム構成になっていると思いますが、それを一度デフォルト(基本)にして更新します。

そして、個別記事一覧に戻った後、何もせず再度パーマリンク設定でカスタム構造を設定し直し、更新します。

その後、また記事一覧に戻り公開した記事にアクセスしてみてください。未だにテンプレートの404になっていたら、今度はログアウトし再度ログインします。そして、また個別記事を表示してみてください。

このパーマリンクの再設定がカギだということに、たどり着くまでに1日以上かかりました・・・。ネット上の情報だと、パーマリンクを何もいじらず更新(カラ更新)すれば、パーマリンク設定が反映されるようですが、私のはなぜかそうならず・・・。

一端、パーマリンク設定をデフォルトに更新して、再度カスタム構造に変更し更新したらきちんと見えるようになりました。

とにかく、ブログテーマの404エラーがでるということは、パーマリンクの指示(リダイレクト)が上手く行ってないということなので、パーマリンクを更新することが重要です。一方でサーバーの404がでたら、index.phpに問題があるのだと思います。(たぶん)

無事、Wordpressに移行できたのではないでしょうか?

移行できていることを確認したら、Wordpressのお好みのテーマや画像などを入れブログを整え、個別記事を順次公開して同時にHTMLサイトの記事を削除します。

このようにすると、シリウスサイトとWordpressが混じったブログになってしまうのですが、イヤだったら全部移行し終わってから一括でシリウスサイトを削除してしまえばOKです。心配なら順次公開、順次シリウスサイトの記事を削除する方が安心です。

HTMLサイトの記事を削除しない限り、Wordpressの記事はプレビューもHTMLサイトのページになってしまって見ることはできませんので、慌てないでください。HTMLサイトの記事を削除すればWordpressの記事のプレビューや記事が表示されます。

ただし、HTMLの記事はローカルは残してください。

不具合が出た場合の保険です。そして、全ての記事がWordpressに置き換わったらあとは、シリウスのiphoneやモバイルの設定を削除すれば、iphoneや他のモバイルからもWordpressサイトがみれます。

シリウスからWordpressに移行したブログをスマホで見るには

シリウスからWordpressに移行し、シリウスサイトを削除してもiPhoneやモバイル端末でサイトを見ても、シリウスのサイトが残っています。そのためには、「.htaccess」の一部を削除する必要があります。

削除するコードはこちらです。

RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)
RewriteRule ^$ iphone/redirect.php?f=index\.html [L] RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)
RewriteRule ^(.*)\.html iphone/redirect.php?f=$1\.html [L] RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)
RewriteRule ^(.*)\.css iphone/$1.css [L] RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)
RewriteRule ^img/(.*) iphone/img/$1 [L] RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)
RewriteRule ^(.*)/ iphone/redirect.php?f=$1/index\.html [L] RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android.*Mobile|Windows.*Phone|BlackBerry)
RewriteRule ^(.*) iphone/$1 [L]

参考サイト シリウスからワードプレスに引っ越したときスマホ表示がされないエラーの解消方法

「.htaccess」内にこのコード以外にもコードがあるかと思いますが、削除するのは上のコードだけです。

該当のコードの削除し終わったら、「mobile」と「iPhone」という名前のシリウスのフォルダを削除して全て終了です。実際にスマホで閲覧できるか確認してください。

HTMLサイトからWordpress移行した時に起こった不具合一覧

この手順になるまでに何度も試しました。この手順になるまでに起こった不具合を書いておきます。ただ、これらの不具合は解決できませんでした。

記事をエクスポートしてあるなら、知識がないのにいろいろ解決策を探してもドツボにハマるだけでした。振り返ると、もう一度Wordpressをインストールし直した方が正直早いです。

起こった不具合

  • WordPressにログインできなくなった

自分がネット上の説明をよく読まずに間違えてしまったのですが、Wordpressのアドレスとサイトアドレスを両方同じアドレスに変更してしまい、ログインできなくなりました。

ネットの情報を参考に、データーベースやファイルをいじり修正しログインできてこともありますし、できなかったこともあります。2度もやってしまったの・・・。

ログインできた後も、phpのバージョンがあってません。的なメッセージが表示され、サーバーに戻って修正しましたが、その後に別の不具合がでたりして、完全な修復ができませんでした。

  • どこのWordpress個別ページにアクセスしても、いつもhtmlサイトのトップページが表示される
  • プレビューが権限がないというメッセージが表示され見れない。
  • 画面が真っ白

このような不具合がでましたが、ネットで対処法を試して問題を解消しても、なぜが次の段階で不具合がでたりして上手くいきませんでした。結局、最初からやり直しました。

  • コンテンツポリシー違反となりカスタマイズ画面が見れない、またはHTMLサイトのトップ画面がでる。

このような状況が今もありますが、放置です。パーマリンクのプラグインの不具合かもしれないですが、プレビュー画面が見れるようになったので、カスタマイズの画面が見れないのは無視しました。また、変なことになったらイヤなので。

【追記】ブラウザーの不具合みたいですが、知識もないので放置。

知識がないならもう一度Wordpressを新しくインストールしなおした方が速いと思います。参考になったら嬉しいです。

スポンサードリンク

記事がお役に立ちましたら、ランキングバナーのクリックの応援よろしくお願いします♪クリックされると小躍りしちゃいます。
にほんブログ村 シングルママ

シンママでも子どもと豊かに暮らしたい

子どもが風邪をひいたら、子どもと一緒に横になり、学校から帰った子どもにお帰りといってあげるそんな生活をしています。 平均2時間の作業で月15万円以上稼ぐわたしの働き方の話はこちらで公開中。

こちらの記事も合わせてどうぞ

URL :
TRACKBACK URL :

Leave a reply

*
DigiPress

Return Top