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

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

2021年6月現在、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 へ簡単にインポートできるようにする非常に強力なインポートツールです。

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

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

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

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

ただしこのプラグインは直近で4年間ほどバージョンアップがされていないようです。かなり古いプラグインなのですが、同じ機能を持つ最新のプラグインが見当たりませんので、当面はこれを使うしかないのかなと思います。

お使いの際には他に使ってトラブルが出た人がいないかなどの情報を、検索して調べて確認してからお使いになることをおすすめします。一時的に使うだけでしたら特に問題はないかと思いますが、念のためです。

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

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

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

まとめ

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

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

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

もしあなたのサイトが標準的なコーポレートサイトであれば、Lightningという無料テーマがありますので、そちらを使えば弊社の今ご覧いただいているウェブロードサイトのような感じのサイトが作れます。Lightningでしたら初期状態のテンプレートに写真や文章を載せていって、ブロックエディタを活用するだけで、ほぼカスタマイズなしで会社サイトを作ることができます。

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

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

Follow me!

The following two tabs change content below.

山口 敦

代表取締役株式会社ウェブロード
2004年頃の会社員時代からブログ作成を始める。ブログ作成が楽しくなり、そのまま趣味が高じて2006年にホームページ制作で起業、2008年に株式会社ウェブロードを設立。現在は、個人・中小事業者のWordPressサイト制作を中心に、Web業界16年の知識と経験を生かして、小規模案件のみならず、大型案件のWebディレクターとしても活動中。 プロフィール

WordPress作成講座の動画一覧

WordPressの作成や運用方法の講座【ワードプレス作成講座】を弊社You Tubeチャンネルで開講しております。WordPressに関心のある方はこちらからチャンネル登録(無料)を行ってください。

ワードプレス作成講座への入塾(無料)You Tubeウェブロードチャンネル

動画内で紹介している有料テーマプラグイン

Lightning G3 Pro Pack

動画内で紹介しているレンタルサーバー エックスサーバー

お問い合わせフォームはこちら

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

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













    投資・広告・提携・営業・売り込みメールやお電話は全てお断りしております。
    そのようなご連絡は恐れ入りますがお返事できかねますので何卒ご了承願います。

    必須お名前

    必須フリガナ

    必須メールアドレス

    必須貴社名

    任意貴社サイトURL

    任意電話番号(ハイフン無し・半角数字)

    必須お問い合わせ項目

    必須制作費のご予算はどれくらいですか?

    企画・設計、デザイン、画像・文章の作成、サイト内検索システムの導入等、ヒアリングを元にご予算やご希望に応じたお見積りをご提案させて頂きます。

    必須制作目的はどうお考えですか?(複数選択可)

    どこに力を抜きどこに力を入れるのか、ご予算とご要望の中から最適なご提案をさせていただきます。

    必須どのような機能が必要ですか?(複数選択可)

    SSL(https://~)対応、ブログ機能、スマホ対応(レスポンシブ)、ログイン等セキュリティ対策、ページタグSEOの最適化は標準搭載。

    必須どのような作り方がご希望でしょうか?(複数選択可)

    WordPressでの構築になりますので、お客様のご要望に比較的柔軟にお応えすることが可能です。企画ご提案する前に参考にさせていただく項目です。

    必須お問い合わせ内容を教えてください