アフィリエイト ブログ 学び

今までのhtmlサイトをSSL化したワードプレスにするやり方

更新日:

HTMLサイトをワードプレスサイトに変更する方法

htmlサイトをWordpressにする

面倒な前置きはなしにして本題に入ります!

今からやることはこういうことです。自分が探している内容と合っているか確認ください。

★http://今までのHTMLさいと.com ⇒ https://今までのHTMLサイト.com

(サイトURLはSSL化以外は同じ)

 

★httpのhtmlサイト ⇒ httpsのワードプレス

HTMLサイトのワードプレス化の大まかな手順

    1. テスト用の新しいワードプレスを用意します。(ダミーです)
    2. HTMLサイト全頁をワードプレスに手動でコピぺ
    3. テスト用のワードプレスからデーターをエクスポートする
    4. HTMLサイトの内容をすべてローカルに移動(フォルダーを空にする)
    5. 新しいワードプレスをインストールして、さらにデーターをインポートする
    6. 301設定、GA・consoleを再設定、諸設定

テスト用の新しいワードプレスを用意します(ダミーです)

HTMLサイトの中身をコピーするだけのワードプレスを立ち上げます。

なぜかというと、HTMLサイトの入っているフォルダーにワードプレスをいきなりインストールするとサイトがすべて吹き飛ぶからです。

このフォルダ内でワードプレスを構築するのは時間がかかり、さらにその間、このURL(サイト)は見られなくなります。

そして、この時にGoogleさんのロボットが巡回してくるととても面倒なことになります。

なので、なるべく内容は変えずに素早くワードプレス化するためにこの方法を取ります。

立ち上げるサイトのURLは何でも構いません。SSL化したURLでも大丈夫です。

ポイント

  1. プラグインはそのままにしておく。デフォルトの状態のままで有効化しない。「SiteGuard WP Plugin」「All In One WP Security」などのセキュリティ関係のプラグインも使わない!
  2. セキュリティ関係のプラグインを使うとインポート先で管理画面に入れなくなるなどの不具合が起きやすいのでノータッチにする。
  3. インストールする時に「サイトをインデックスしないようにする」にチェックを入れる!インストール後の「設定」>「表示設定」から行ってもよい。要は重複コンテンツにならないようにするということです。
  4. テーマは考えなくてよい。
  5. HTMLサイトのページ数が少ない場合や時間に余裕がある場合は、SSL化したワードプレスにしてもいいと思います。手動で1ページづつhttpの部分をhttpsにする作業ができるようになります。(「S」をつける作業です)。時間がない、面倒と思う方は何もしなくてもOK!
  6. セキュリティが弱いのでパスワードは長めで強力にする。パスワードは後で必要になるのでしっかりとメモっておくこと!このテスト用のサイトは後で消去します。

HTMLサイトをパソコンで表示させて全頁をワードプレスに手動でコピぺ

パーマリンク設定

  1. ワードプレスがインデックスしない設定になっているか確認。
  2. 「設定」>「パーマリンク」で「/%postname%」または「/%postname%.html」にする。HTMLサイトと同じになるように!「・・・html」でアクセスが多い場合は「/%postname%.html」にする。ここ大事です!あとで検索順位が下がる可能性があるのがこの作業です。
  3. HTMLサイトのページをすべてワードプレスに手動でコピペで移していきます(ページが多いと大変だけど手動が一番良い。いろんなことに気づけます。あとで手直しするヒントも見つかります)。
  4. コピペはビジュアル画面でもテキストエディターの画面でもどっちでもOK!です。
  5. パソコン上で表示しているサイトを範囲指定してコピペを繰り返す。たぶんh2はh2に、h3はh3になると思う。(テキストの場合はHTMLサイトのクセや名残がそのまま入ってしまうので修正が面倒かも)
  6. TOPページは必ず固定ページに写す。
  7. あとは投稿ページに写していく。
  8. 簡単なデザインの調整をして終わり
  9. SSL化している場合は「保護された通信」になるように修正していけば、後々、SSL化でエラーが出にくい。(時間があればやってください)
  10. 「設定」>「表示設定」でホームページを「TOPページ(固定ページ)」にする

ポイント

  1. 画像もそのままコピーして貼り付けます。画像によっては検索順位の高いものもあります。そのためURLを変えずにワードプレスに写していきます。このときビジュアルで見れない場合はコードに誤りが発生しています。(HTMLサイト側のCSSの読み込みを使って表示するようになっている場合など)
  2. 画像は相対パスを使う
  3. 画像はワードプレスのメディアに取り込まないようにしながらうつしていく。

テスト用のワードプレスからデーターをエクスポートする

プラグインALL-in-one-migration

  1. データーを移し終えたら(お疲れさまでした)、次はデーターをエクスポートします。
  2. プラグイン「All-in-One WP Migration」をインストールして有効化します。
  3. データーをエクスポート(ファイルで!)実行!
  4. このワードプレスを削除またはセキュリティ系のプラグインを有効化させてセキュリティを強化する。

All-in-One WP Migrationの使い方は簡単ですが、分からない場合はググッて下さい。それも面倒な方はこの下からどうぞ。動画もあります。

HTMLサイトの内容をすべてローカルに移動(フォルダーを空にする)

  1. HTMLサイトのフォルダー内をすべて削除します。
  2. 削除前に再度バックアップを取っているか確認してください。

新しいワードプレスをインストールして、さらにデーターをインポートする

  1. 新しいワードプレスを空になったフォルダにインストールします。タイトル名やパスワードは後で上書きされるので適当で大丈夫です。
  2. HTMLで使用していた画像フォルダ「img(任意の名前)」をワードプレスをインストールしたフォルダにアップロード(入れる)。
  3. プラグイン「All-in-One WP Migration」をインストールして有効化します。
  4. 先ほどエクスポートしたファイルデータをインポートします!(データを読み込む)
  5. 次にプラグイン「Really Simple SSL」をSSL化のためにインストールします。
  6. 実行していきます。「設定」>「一般」でアドレスが「https」になっているか確認。なっていれば301設定もされています。

プラグインreally-simple-ssl

サイトをssl化してみた
ワードプレスSSL化の記録!ロリポップでhttpsにしてみた!

web初心者がhttps実装までにしたこと!(2017年8月15日) 目次 ロリポップの独自SSL(無料)を使ってワードプレスサイトをhttpからhttpsにしてみた!まずは無料で通信を保護できるロリ ...

ポイント

  • サーバー側でSSL化をしておくこと!
  • テスト用のワードプレスでhttpsに手動で修正が完了している場合は「Really Simple SSL」の「混在コンテンツを自動置き換え」のチェックを外すことができます。
  • Really Simple SSLをインストールした後はいったん管理画面からOUTして再度入りなおします。このときのパスワードは最初のテスト用のワードプレスのものが必要です。
  • Really Simple SSLは「http」と「https」が混在するページも自動でSSL化してくれます。
  • 以前のHTMLサイトにアクセスした時にhttpsのワードプレスになるか確かめてください(全頁)。ならない場合は、あわてないこと!まずはキャッシュをクリア(Ctrlキーを押しながらF5キーを押してください)して再度試してください。
  • 画像が表示されるか確認してください。

301設定、GA・consoleを再設定、諸設定

  • 使用するプラグインを有効化。セキュリティ関係のプラグインもON!
  • 使いたいテーマを有効化。
  • 各ページのh1,2,3などを確認。改行やデザイン崩れをチェック。
  • Googleアナリティスク「管理」>「プロパティ設定」からhttpをhttpsに変更。
  • httpsサイトをサーチコンソールに登録。
  • プラグイン「Google XML Sitemaps」などを使ってサイトマップを送信。

注意点

  • このページのやり方はわたしの実際に行った実践要領です。上手くいかない場合もあると思います。バックアップは必ず残して対応できるようにしてください。
  • 手順は大まかなものです。自分で変えてもいいと思います(要はサイトのデザインとSSL化をどこで仕上げるかです)。
  • ちゃんと理解して流れをつかめば自己流でもいけると思います。このページをアレンジして成功してください。
  • トラブルがあっても一切責任は負えませんので自己責任でお願いします。
読んでみる
ワードプレステンプレート
アフィリエイトの成果UP!アフィリエイト特化型ワードプレステーマとボタンに感動!売上回復までの実践記!

アフィリエイト特化型ワードプレステーマを導入したらボタンやデザインに感動しただけでなく、落ち込んでいた売り上げも回復しました!アフィリエイトとGoogleの検索結果について、アフィリエイト成果が回復す ...

起業家・企業のありかた

起業家を育てるあたらしい企業の在り方

現在、日本の中小企業は、経営者の高齢化が進み、後継者問題が深刻化しています。結果として今まで培ってきた技術や伝統を継承することなく廃業する事業者が急増しています。さらに日本は起業家が生まれにくい国だともいわれています。 今回は、新しい時代の企業(社長)のありかた、世代交代、人材育成をテーマに考えてみたいと思います。 目次 起業家を育てるあたらしい企業の在り方日本の中小企業が抱える企業存続の問題点創業時の理念・技術を存続させる企業のありかた問題の根本を考えてみるひとつの会社に長居することを前提に考えていない ...

続きを読む

副業ドロップシッピングで開業!

40代会社員 副業|ドロップシッピング無知で開業はダメ! 始めるのに必要な心構えと知識

ドロップシッピングって稼げる?失敗する人から学ぶ 成功するための秘訣! 目次 副業で稼げる?将来を考えて、もしもドロップシッピングで開業したい副業ドロップシッピングで開業!稼げる?まず知りたいこと3つ!ドロップシッピング開業!失敗する人から学ぶ 成功するための秘訣!まとめ | 副業ドロップシッピング開業で成功の秘訣!実際のドロップシッピングで開業したショップを公開! 副業で稼げる?将来を考えて、もしもドロップシッピングで開業したい 冴えない40代サラリーマン。出世もこれ以上望めないし、給与は減るばかり。。 ...

続きを読む

自宅が仕事場のフリーランス

SOHOで働く!人間関係で会社辞めたい!働きに出たくない!

目次 人間関係に疲れたらSOHOで稼ぐのもいいかもしれない「SOHO 楽して自宅で稼ぐ」は本当か?働き方をSOHOにしてよかったと思うことSOHOにはどんな仕事があるのかSOHOで食べていけるのか?SOHOが大変と思うときは仕入れがほとんどないネットの仕事 人間関係に疲れたらSOHOで稼ぐのもいいかもしれない 会社辞めたい。でも生きていくためには働かないと・・・。 自分にはこの会社向いていない この職場で働くのムリ この仕事を一生続けていく自信がない もう人間関係に疲れた 転職しても同じことの繰り返し 辞 ...

続きを読む

もしもドロップシッピング

もしもドロップシッピングの始め方!ネットショップを3店開設してみた【完全解説】

初心者にも分かる!ドロップシッピングを始める!簡単ショップづくり!実際のショップがココで見れる! 目次 もしもドロップシッピングではお店が無料で作れる3ステップもしもドロップシッピングとはお店ができるまでの手順は簡単3ステップ!もしもドロップシッピングで稼ぐ仕組みと流れショップできすぎ君(もしもドメイン)で作成ショップ!ショップできすぎ君(独自ドメイン)で作成ショップ!ワードプレスで作成したショップ!自分で好きなデザインにできる!ショップ制作のお手伝い外部発注してショップを作ることも可能!実際に発注し納品 ...

続きを読む

会社のことをパソコンで管理

会社での3大管理「人・物・金」はもう古い!今は7大管理!

マネジメントする立場になったら覚えておこう!会社での重要な管理項目を簡単に解説! 目次 会社のマネジメントで大事な管理とは?人の管理とは物の管理とは金の管理とは会社での新しい7大管理とは技術の管理とは時間の管理とは情報管理とは自己管理とは会社の7大管理まとめ 会社のマネジメントで大事な管理とは? 会社での大事な管理項目は?一昔前までは「人・物・金」の3大管理で済んでいましたが、今ではリスクや様態の多様化でこれだけでは全く足りません。最低でも7大管理が必要な時代に突入しています。大変ですが会社や個人の優劣の ...

続きを読む

このテーマがおすすめです!

「WING」アフィンガー5

アフィリエイトの成果をアップさせるワードプレステーマ

★アフィリエイトに特化したワードプレステーマ!

WINGはこんな方におすすめ!

アフィリエイトを本気で取り組みたい !

アドセンスブログに本気で挑戦したい!

ドロップシッピングに本気で取り組みたい!

ドロップシッピング×Wordpress制作代行!

Wordpress制作ショップ(ドロップシッピング)

ドロップシッピング×Wordpress ショップ制作をお手伝い!

ドロップシッピングでバリバリ頑張りたい人を応援するひな型・土台ショップが手に入る!

商品ページがすでに実装されているから分かりやすい!構造や商品ページ作りの勉強にもなる!

扱う商品ごとにショップが分かれています!

興味津々のサイトです!

ショップできすぎくん制作代行

ショップできすぎくんで作ったショップ

副業にピッタリ!将来のために収入源を増やそう!ドロップシッピングは無在庫で無料で始められるネットビジネス!しかも梱包・発送作業ナシ!問い合わせ対応ナシ!リスクが最小限で始められるビジネスです。

ショップできすぎくんはMOSHIMOドロップシッピングの公式ショップ作成ツールです。 作り方が分からない方のためにショップ制作を代行します!納品後すぐに使えます! ブログからの誘導、広告を使って初売上を目指しましょう!

★会社勤めの方、主婦の方、子育て中の方、高齢の方!副業にぜひご活用ください!

  • この記事を書いた人
アバター

<50ブログ>

こんにちはこの<50ブログ>を書いている管理人です。職歴は有名チェーン店飲食業が長く現場と管理職を経験しました。広告の営業の仕事もしていた時代もあり、いろんな経験を経て今は独立して広告業とネットショップの構築などの仕事をしています。いろんな経験をもとにわがままに書いてます。日々Wordpressと向き合いHTML、CSSなどと向き合っています。参考になる部分があったら嬉しいです☆50ブログとは、自分の座右の銘です。人は常に50:50の分岐に立たされています。やるかやらないか、どっちにするのか、など。。。話せば長くなるのであとはご想像にお任せします☆

Copyright© 副業・起業に役立つブログ!WEB制作・ネットビジネス応援<50ブログ!> , 2019 All Rights Reserved.