既存のHTMLサイトをWordPress化する方法

既存サイトのHTMLのWordPress化で一番オススメの方法

2022年2月現在、WordPressは世界中のウェブサイトの40%以上で使われています。

自分のサイトもWordPressで運営したい！

WordPressなら決済も、会員制サイトも、在庫検索サイトも、請求書や領収書の発行システムも、どのようなサイトシステムも、プラグインを付けるだけで無料で実現できます。

WordPress制作がどれくらいの費用になるか知りたい方はこちら

自分のホームページもWordPressにしたい！そのように思っておられる事業者様に向けて、どのようにすれば現ホームページをWordPressに変換することができるのか？をこの記事ではお話しして参ります。

ちなみにWordPressでどのようなサイトが作れるかという動画（下記）も公開しておりますので、WordPressの実力を知るためにも、ぜひご視聴いただければ幸いです。

HTMLで運営していたサイトをWordPress化するときに、最も簡単で早いやり方は、受け皿となるWordPressをサーバーに設定し、好きなテーマを選択し、そのテーマに合わせて全体のデザインを調整していく方法です。

この場合、従来運営していた既存サイトと全く同じサイトにはなりませんが、WordPressのメリットを生かすにはこの方法がベストです。

なぜならWordPressを使う一番のメリットは、修正したいところが知識がなくても簡単に修正できるところですので、管理画面から使いやすいテーマを選んで、そのテーマの中でHTMLをWordPressに載せ替えるという方法が良いのです。

この方法が最も作業負担が少なくなり、かつサーバーやPHPの知識なども必要としないため、多くの方にお勧めできる方法だと考えています。

既存の運営にこだわらないこと

多くの方が既存のHTMLサイトをできるだけそのままの形で運用したいとお考えだと思いますが、WordPressを使うと決めたなら、WordPressで用意されている「テーマ」の中で運営することがスマートです。

無理に今までのHTMLサイトのデザインを維持させようとするのではなく、WordPressのテーマにデザインを合わせるようにしますと、システムアップデートの影響をほとんど受けなくなり、長期的にはストレスのない運営が実現できます。

もちろん、HTMLサイトと新たなWordPressサイトをほぼ同じ状態にすることも可能なのですが、そのためにはHTMLのサイトからWordPressのテーマを自作しなければならなくなります。

このWordPressのテーマの自作というのは専門的な知識が必要となり、かなり工数の掛かる作業となりますので、Webが専門でない方にはお勧めできませんので、この方法は考えないでおくことをお勧めいたします。

テーマの自作というのは、テーマの中に入っている「index.php」「archive.php」などのテンプレートを自分で作っていくということです。

知識のある方が作成するのには問題ありませんが、PHPの知識がない方はここを触らないようにテーマのデフォルト状態で使うことがおすすめです。

WordPressにするとスマホ対応できる

およそ2014年頃以前に作られたサイトでは、まだまだレスポンシブ対応がされていない、つまりスマホで見てもパソコンと同じサイトが見えてしまう状態になっていますので、WordPressのに載せ替えるというのは、スマホ対応も一気にできてしまうというメリットがあります。

現在、ユーザーがウェブサイトを閲覧する端末としては、スマートフォンやタブレットがパソコンに変わって圧倒的に多くなっています。

スマホでどう見えるかが気になる場合は最近のWordPressのテーマを選べばほぼ全てのテーマでレスポンシブ対応がなされていますので心配無用です。

テーマを選ぶ前に、そのテーマのデモサイトなどをあなたのスマートフォンで確認し、自分のコンテンツがそのデモサイトのコンテンツと置き換わった際にどのように見えるかをイメージしてみると良いでしょう。

全体でデザインが決まれば、次に個別ページをどう移行していくかになります。

これについてはどれだけのページを持っているかと商品や在庫の登録型のサイト（ページが商品追加により自動生成されるサイト）であるかどうかによって異なります。

では、具体的にどのようにしてWordPressへの載せ替えを行っていくのかを見てまいりましょう。

合計100ページくらいまでのサイトの場合

HTMLサイトが合計100ページくらいまでであれば、全てのページを手作業でコピーペーストしてWordPressの投稿ページや固定ページに入れて行っても、それほど手間がかかりません。

単純にテキストをコピーペーストして投稿ページや固定ページに投入し、写真や画像や図表なども適時WordPressの管理画面から挿入すれば、多くの場合で見栄えのするページが出来上がります。

エクスポートやインポートツールなど細かいことを考えるのは不要です。

手作業で調整しながら投稿と固定ページを作りこんでいきましょう。

100ページ位までなら手作業でページ移行

商品や在庫の登録型のサイトの場合

この場合は、おそらく買取販売サイトなどのように商品を登録して1商品ずつページが自動生成されるような仕組みを使っています。

登録データのエクスポートと新しいWordPressサイトへの登録データのインポートを行うことで、作業効率がぐっと上がります。

一旦エクセルなどに落として全ての商品登録データを修正し、その後正しいデータに直した後で、新サイトに一気にインポートしてページ生成させるというやり方が一番早いです。

データがHTMLサイトからエクスポートできていれば、プラグインを使ってWordPressにインポートできる場合もあります。

データの形式上、WordPressの既存のプラグインではうまくいかない場合は、プログラマーに個別にインポートツールを作ってもらえばそれで問題なく解決できる場合が多いです。

WordPressでは商品登録型のサイトを作る時には「カスタムフィールド」という機能を使います。

HTMLサイトからエクスポートした商品データベースをインポートさせる前に、先にデータの項目をWordPress側で用意しておかなければなりません。

その時にHTMLサイトではなかった項目を新しく追加したり、いらなくなった項目を削除したりなどもエクセルなどで作ったデータベース上で修正していくことで、新しいWordPressサイトがいざ稼働した時に、カスタムフィールドを使った商品ページが表示されることになります。

インポートするデータが作れれば、CSVファイルなどで下記プラグインなどを使えば一括してインポートできます。

Import any XML or CSV File to WordPress – WordPress プラグイン | WordPress.org 日本語

WP All Import は、どんな XML・CSV ファイルでも WordPress へ簡単にインポートできるようにする非常に強力なインポートツールです。

WordPress.org 日本語

商品登録型サイトは商品データをカスタムフィールドに一気にインポート

手作業が困難なほどページ数が多い場合

100ページ程度でしたらコピーペーストで載せ替えはそれほど労力がかからないのですが、数百ページともなってくると何らかのシステム的な方法で移し替えをしなければなりません。

手作業でコピーペーストしていくのは現実的ではありません。

その場合、WordPressには「HTMLimport2」というプラグインがあって、このプラグインを使えば、HTMLサイトのページデータをWordPressの投稿ページへ一気に移すことができます。

HTML Import 2 – WordPress プラグイン | WordPress.org 日本語

Imports well-formed HTML files into WordPress pages.

WordPress.org 日本語

ただしこのプラグインは直近で4年間ほどバージョンアップがされていないようです。

かなり古いプラグインなのですが、同じ機能を持つ最新のプラグインが見当たりませんので、当面はこれを使うしかないのかなと思います。

お使いの際には他に使ってトラブルが出た人がいないかなどの情報を、検索して調べて確認してからお使いになることをおすすめします。

一時的に使うだけでしたら特に問題はないかと思いますが、念のためです。

プラグインを使うと一律機械的にデータを移行しますので、、移行前のHTML側で統一された法則に従った記述をしていない場合は、HTMLのソースがWordPressに移っても個別ページごとに見ると、様々な不要なタグが取り切れず、付いたままになっています。

余計なタグが付いていない記事で新たに運営していきたい場合は、一つ一つ不要なタグを削除していく必要があります。これが気になるところです。

手作業が難しい場合はプラグインで一括インポート

まとめ

HtmlをWP化するということは、ここまで書いてきた方法ではデザインリニューアルに近いかもしれません。WordPressのどのテーマを選ぶのかということが肝になってきます。

ワードプレスではどのようにしてテーマを選べばよいか？

上記の記事も参考にしていただきながら、最適なテーマを見つけ、WordPressやテーマを極力カスタマイズしないようにし、不具合やトラブルの少ない運営を目指すのが最もWordPressを活用できる方法です。

将来のバージョンアップにも不安が最小限になります。

もしあなたのサイトが標準的なコーポレートサイトであれば、Lightningという無料テーマがありますので、そちらを使えば弊社の今ご覧いただいているウェブロードサイトのような感じのサイトが作れます。

Lightningでしたら初期状態のテンプレートに写真や文章を載せていって、ブロックエディタを活用するだけで、ほぼカスタマイズなしで会社サイトを作ることができます。

弊社のYouTubeチャンネルではその「Lightning」のテーマを使ったWordPress作成講座を第1回から行なっておりますので、これからご自身でWordPressを作っていこうとお考えの方はぜひご参照いただけましたら幸いです。

第1回講座の記事　→　第1回WordPress作成講座の記事はこちら

こちらが最新情報です

お電話の方はこちらをタップしてください。→　0798-77-5520
（※営業電話が多いため、お電話は留守電となります。お問い合わせ内容を留守電に入れていただけましたら、折り返しお電話させていただきます。お急ぎの方はメールフォームをお使いください。）

2営業日を過ぎても弊社からの連絡がない場合はメールが届いていませんので、大変お手数をお掛けしますがこちらのメールアドレス宛にご連絡ください。