最高のWordPressバックアップ
& 移行プラグインを今すぐ入手しよう
デュプリケーターを今すぐ入手
Duplicatorの新しいワンクリック・バックアップ・クリーンアップ、自動削除、バージョン・アップデート

Duplicatorの新しいワンクリック・バックアップ・クリーンアップ、自動削除、バージョン・アップデート

WordPressのバックアップをよりきれいに、より整理して、より安全にしたいですか?Duplicatorの新しいバックアップログ管理機能とアップデートされたバージョンについてご紹介します。
ワードプレスサイトのデザイン変更方法

WordPressサイトをライブのままリデザインする方法 

執筆者 著者アバター ジョエラ・ダン
著者アバター ジョエラ・ダン
ジョエラはWordPressで長年の経験を持つライターです。Duplicatorでは、基本的なバックアップから大規模な移行まで、サイトのメンテナンスを専門としています。彼女の最終的なゴールは、あなたのWordPressウェブサイトが安全で、成長できるようにすることです。
     レビュー レビュアーアバター ジョン・ターナー
レビュアーアバター ジョン・ターナー
ジョン・ターナーはDuplicatorの社長です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

あなたのウェブサイトは数年前のままですか?ウェブサイトはすぐに時代遅れに感じられ、以前のように訪問者の注目を集めることができなくなっているかもしれません。

単に見た目を新しくするだけでなく、ウェブサイトをビジネスを前進させる強力なツールにしたいものです。

再設計は、あなたのオンラインプレゼンスをリフレッシュし、WordPressサイトがあなたのために最大限に機能するようにするための戦略的な動きです。

正しく行えば、リデザインはエンゲージメント、コンバージョン、ブランド認知度を高めることができる。しかし、どうすればいいのでしょうか?

このチュートリアルでは、WordPressウェブサイトのデザインを変更する方法を紹介します!

目次

クイック・サマリー:WordPressサイトをリデザインする方法

1.ライブ・ウェブサイトのバックアップ
Duplicatorを使用して、稼働中のWordPressウェブサイトの完全なバックアップを作成します。バックアップファイルをダウンロードしてください。
2.ステージングサイトの構築
まだお持ちでない場合は、ステージングサイトを構築する必要があります。ウェブホストでこれを行うか、LocalWPのようなローカル開発環境を使用することができます。
3.バックアップをステージングに移動する
ステージングサイトにWordPressをインストールしたら、ライブサイトのバックアップをDuplicatorのインポートバックアップページにドラッグ&ドロップします。ステップバイステップのガイドに従って、元のファイルをインポートします。
4.再設計の開始
サイトのコピーができたので、自由にウェブデザインを編集してください。新しいコードを追加するか、SeedProdのようなWordPressテーマビルダーを使用すると、このプロセスが簡単になります。
5.ステージングからプロダクションに変更を移動する
イメージ通りのサイトが完成したら、ステージングサイトをバックアップします。バックアップを本番サイトにドラッグ&ドロップします。Duplicatorが古いデザインを新しいデザインに書き換えます!

WordPressサイトのリニューアルを検討すべき理由

サイトのリニューアルに時間がかかりすぎる、あるいはメンテナンスモードになることを恐れて、サイトのリニューアルを先延ばしにしているかもしれません。しかし、リデザインが役に立つ状況をいくつか挙げてみましょう。

  • 時代遅れのデザイン

ウェブサイトが古く見えたり、現代的な機能が欠けていたり、現在のデザイン基準を満たしていない場合は、リデザインの時期かもしれません。

更新されたウェブサイトのデザインは、訪問者の体験を向上させ、あなたのサイトをより魅力的でプロフェッショナルなものにします。

  • 劣悪なユーザー・エクスペリエンス

ユーザーがウェブサイトをナビゲートするのが難しかったり、ページの読み込みに時間がかかったりすると、直帰率が高くなり、コンバージョン率が低下する可能性があります。

ユーザーエクスペリエンス(UX)に重点を置いてWordPressサイトを再設計することで、これらの問題に対処し、オーディエンスの関心を維持することができます。

  • 非レスポンシブまたはモバイル非親和性

多くの人がモバイル端末を使ってインターネットを閲覧しています。つまり、さまざまな画面サイズに適応するレスポンシブ・ウェブサイトを持つことが重要なのです。

現在のウェブサイトがモバイルフレンドリーでなかったり、応答性に欠けている場合は、アクセシビリティを最大化するために再設計する時期かもしれません。

  • ブランドまたはメッセージングの変更

ブランドが大きく変化した場合、またはメッセージングを刷新したい場合、ウェブサイトの再設計によって新しいブランド・アイデンティティを得ることができます。ブランディングとメッセージングに一貫性を持たせることで、全体的なイメージが強化され、ターゲットオーディエンスにリーチしやすくなります。

  • 検索エンジン最適化(SEO)の改善

検索エンジンは頻繁にアルゴリズムを更新し、SEOのベストプラクティスは時代とともに変化します。ウェブサイトの再設計は、サイト構造を最適化し、ページの読み込み速度を改善し、オーガニックトラフィックを増やすためにSEOに適した要素を実装する機会を提供します。

  • 新機能

ビジネスの発展に伴い、ウェブサイトにEコマースストアやブログ、ソーシャルメディアフィードを追加する必要があるかもしれません。デザインを変更することで、これらの新機能をシームレスに統合し、全体的なデザインとユーザーエクスペリエンスに沿ったものにすることができます。

WordPressサイトをリニューアルする前に

後ほど、WordPressサイトを完全にリデザインする方法をご紹介します。ただし、事前にやっておくべきステップがいくつかあります。

現在のデザインを評価する

ウェブサイトをリニューアルする前に、現在のデザインについて考えてみましょう。良い点だけでなく、改善したい点も認識しておきたい。

元のウェブサイトの気に入っている点を書き留めておきましょう。リデザインを進めていく中で、これらの特徴や機能は残しておきたいものです。

しかし、良いリデザインをするためには、その弱い部分を考慮することが重要です。貧弱なレイアウトやカラーパレットを修正することで、パフォーマンスが高く、見た目も美しいウェブサイトを手に入れることができる。

現在のベンチマークをチェック

デザインの変更が効果的であったかどうかを確認するには、現在のサイトの統計情報を知る必要があります。

MonsterInsightsをインストールすれば、現在のベンチマークを簡単にチェックできます。これは、Google AnalyticsをWordPressのバックエンドに接続するプラグインで、すべてのパフォーマンスデータを一箇所にまとめてくれます。

MonsterInsightsプラグイン

MonsterInsightsをウェブサイトに追加したら、「トップ投稿/ページ」レポートを見つけてください。ここでは、訪問者数がわかります:

MonsterInsightsのトップ投稿とページレポート

MonsterInsightsのデータを保存したい場合は、「PDFレポートをエクスポート」ボタンを押してください。ページビュー、ユーザーセッション、直帰率などが記載されたZIPファイルがダウンロードされます:

MonsterInsightsレポートのエクスポート

これらの統計を保存することで、再設計の価値があったかどうかを簡単に確認することができます。新デザインの公開前と公開後のアナリティクスを比較することができます。 

MonsterInsightsの他の機能をご覧になりたいですか?完全なレビューをお読みください!

リデザインの目標を持つ

パフォーマンスのベンチマークがわかれば、再設計の目標を設定できます。

良いデザインに生まれ変わることができる:

  • ロード時間の短縮
  • コンバージョン率の向上
  • 直帰率の低減
  • 平均ページ滞在時間の増加
  • ユーザー・エクスペリエンスの向上
  • そしてもっと!

また、新しい色、ロゴ、レイアウトでリブランドを試すこともできます。リデザイン前後のパフォーマンスベンチマークを必ず記録してください。これらの指標は、リデザインが成功したかどうかを判断するのに役立ちます。

予算を決める

最後に、プロジェクトの予算を決める必要があります。リデザインにかかる基本的な費用には、新しいテーマの購入やプロのウェブデザイナーへの依頼などがあります。

ビジネスの他の分野にお金を使いたいのであれば、自分でデザインし直すことをお勧めします。優れたテーマビルダーを使えば、コーディングのスキルがなくても新しいサイトを構築することができます。

ワードプレスサイトのデザイン変更方法

サイトのデザインを改善しようと思い立っても、どうすればいいのかわからないかもしれません。ご安心ください、私たちがステップごとにご説明します!

ステップ1: Duplicator Proをインストールする

リデザインを検討している場合、ゼロからまったく新しいWordPressインストールを構築することはないでしょう。ウェブサイト全体を作り直す場合でも、すべての投稿、ページ、プラグイン、その他の重要な詳細を維持することが重要です。

データの損失を避けるために、ライブウェブサイトのコピーを作成し、ステージングサイトに移動することをお勧めします。ここで、ライブユーザーに影響を与えることなく、新しいデザインを構築することができます。

この作業に最適なツールがDuplicatorだ。このWordPressプラグインは、バックアップ、移行、クローン作成に威力を発揮する。ウェブサイト全体を1つのZIPファイルとしてダウンロードするので、移動が簡単です。

Duplicator Pro プラグイン

リデザインプロセスでDuplicatorが必要かどうか迷っていますか?Rock Lobster WebdesignがDuplicatorを使ってどのようにデザイン効率を高めているかをご覧ください!

まず、Duplicator Proのサブスクリプションを選択します。無料版もありますが、Duplicator Proはドラッグ&ドロップで移行できます。これによって、デザイン変更をすぐに実行に移すことができます。

購入が完了したら、ライセンスキーをコピーしてください。そして、あなたのWordPressサイトのダッシュボードを開き、Duplicatorをインストールしてください。

次に、Duplicator Pro " Settings " Generalに進みます。

Duplicatorのライセンスキーを有効にする

ライセンスキーを貼り付け、アクティベートボタンをクリックします。これでデザイン変更プロセスを開始する準備ができました!

ステップ2:ライブウェブサイトのコピーを作成する

次のステップでは、ウェブサイトのコピー(またはバックアップ)を作成する必要があります。手作業でのバックアップは大変ですが、Duplicatorなら初心者でも簡単にできます。

DuplicatorはWordPressのファイル、テーマ、プラグイン、データベーステーブルをZIPファイルにバックアップします。一度バックアップを作成すれば、全く新しいサーバーに簡単に移動することができます。

まず、Backups " Add Newにアクセスしてください。

デュプリケーターで新しいバックアップを追加

ダイナミックタグを使用してバックアップに名前を付けることができます。ストレージ]で[ローカル]を選択します。

デュプリケーター・バックアップの第一歩

デザインを変更する際、サイトの特定の部分を削除したくなるかもしれません。この場合、アーカイブファイルをカスタマイズすることができます。Backupセクションを展開し、必要ないコンポーネントのチェックを外してください。

デュプリケーターのカスタムバックアップコンポーネント

サイト全体をバックアップするには、何も変更しないでください。次に「Next」をクリックします。 

Duplicatorはあなたのライブウェブサイトの完全なスキャンを完了します。バックアップを構築する前に、通知を必ず確認してください。

デュプリケーターバックアップスキャン

バックアップが作成されたら、それをダウンロードすることができます。

バックアップファイルのダウンロード

LocalWPのようなローカルのステージング環境を使うつもりなら、このソフトウェアがWordPressをインストールしてくれることが多い。この場合、アーカイブファイルをダウンロードするだけです。しかし、FTPクライアントやcPanelを使ってバックアップを直接サーバーにアップロードする場合は、必ずinstaller.phpスクリプトも保存してください。 

ステップ3:ステージングサイトの構築

リデザインのような大きな作業の準備には、ステージングサイトを用意することが重要です。これはウェブサイトのクローン版で、本番サイトの機能や外観に影響を与えることなく変更をテストするために使用できます。 

本番のウェブサイトを作り直すと、誤って不具合を公開してしまうかもしれません。ステージングサイトを使えば、本番前にすべてが正しく機能していることを確認するための安全で管理されたスペースを確保できます。さらに、既存のウェブサイトをメンテナンスモードにする必要もありません。 

ウェブホスティングプロバイダーが自動的にステージングエリアを構築してくれることもあります。しかし、自分で、またはWordPressのステージングプラグインを使って簡単に作成することもできます。

このチュートリアルでは、初心者に優しいローカル開発ソフトウェアであるLocalWPを使用します。あなたのパソコンにWordPressのインストールをセットアップし、ホストしてくれます。しかも無料で使えます。

LocalWPウェブサイト

開始するには、お使いのコンピュータのオペレーティングシステムに合ったLocalWPのバージョンをダウンロードしてください。次に、+アイコンをクリックして新しいサイトを追加します。

新しいLocalWPサイトを追加する

次に、ステージングサイトに名前を付けます。もしあなたが開発者なら、PHP、Apache、MySQLのカスタムバージョンを自由にセットアップしてください。または、Preferredオプションを選択すると、基本的なWordPressサイトが作成されます。

LocalWP優先ローカルサイト

最後のステップとして、WordPressのユーザー名、パスワード、メールアドレスを入力します。これらの認証情報を使ってステージングサイトのダッシュボードにアクセスします。

LocalWP WordPressログイン

ステージングサイトを本番サイトと同じサーバーでホストすることをお勧めします。こうすることで、2つのサイト間で変更を移行する際にエラーが発生することがなくなります。WordPressステージングサイトの作成に関するチュートリアルをご覧ください。 

ステップ 4: バックアップのインポート

LocalWPはあなたのステージングサイトを構築した後、それはデフォルトのWordPressのインストールになります。あなたのライブサイトと同じルック&フィールにするには、単に保存したバックアップをインポートすることができます。

ローカルアプリでサイトを選択し、WP Adminをクリックします。ローカルサイトのダッシュボードが開きます。

LocalWP WP管理ボタン

ここで、Duplicator Proをプラグインとしてインストールし、有効化します。そして、バックアップのインポートページを見つけ、先ほど保存したアーカイブファイルをアップロードします。

Duplicatorでバックアップをインポート

バックアップがアップロードされると、Duplicatorが通知します。続行]をクリックしてインストールを開始します。

バックアップのインストールを続ける

次のページで「Launch Installer」をクリックする。

デュプリケーターのインストーラーを起動する

この後、サイトのインストールを展開するためのステップバイステップの手順が表示されます。

ローカル・サイト・デュプリケーターのインストール

規約と注意事項に同意します。次に、「次へ」をクリックします。

最後に、インストール設定を確認してください。正しければOKを押してください。

ローカル・サイト確認のインストール

Duplicator はデフォルトのローカルサイトをライブサイトの完全なコピーに置き換えます!管理者ログインボタンを使って新しいダッシュボードにアクセスできます。 

ステップ5:新しいデザインの構築

ステージングサイトができたので、オリジナルのウェブサイトを立ち上げたまま、フルリデザインを行うことができます。

WordPressに内蔵されているエディターを使ってウェブサイトをデザインすることもできるが、これらはあまりユーザーフレンドリーではなく、柔軟性もない。 

あらゆるタイプのウェブサイトを簡単にデザインするには、SeedProdの使用をお勧めします。SeedProdは、ドラッグ・アンド・ドロップ編集、150以上のランディングページテンプレート、そしてあらかじめ用意されたウェブサイトテーマを備えているため、最高のウェブサイトビルダーです。

SeedProdプラグイン

SeedProdはランディングページビルダーとして始まりましたが、ウェブサイトのあらゆる部分をカスタマイズできるように進化しました。テーマビルダーを使えば、新しいページ、ヘッダー、フッターなどを簡単にデザインすることができます。

これらの機能を利用するには、ローカルのWordPressサイトにSeedProdをインストールし、有効化してください。そして、SeedProd " Theme Builder " Theme Template Kitsにアクセスしてください。

SeedProdテーマテンプレートキット

これにより、多くの異なるデザイン済みのテーマキットから選択することができます。すべてのページテンプレートを一から手作業でコーディングするよりも、SeedProdを使えば、デザインプロセスを一気に始めることができます。ポートフォリオ、オンラインビジネス、ブログ、その他多くのウェブサイトが見つかります。

SeedProdテーマを選択

新しいテーマを選択すると、トップページ、投稿、ヘッダー、フッターのテンプレートが用意されます。これらのいずれかを編集するには、デザインの編集をクリックします。

SeedProdページテンプレートの編集

その後、SeedProdページビルダーを使用して、テーマを完全にカスタマイズすることができます。新しいブロックをページにドラッグ&ドロップしたり、フォントを編集したり、デフォルトカラーを更新したり、その他の変更を自由に行ってください。

SeedProdページエディタ

変更が終わったら必ず保存してください。次に、各テーマテンプレートを公開します。ページの上部で、新しいSeedProdテーマを有効にします。

SeedProdのリデザインを発表

SeedProdでウェブサイトをデザインするためのより詳細なガイドが必要な場合は、コードなしでカスタムWordPressテーマを作成する方法についてのこの投稿をチェックしてください。 

ステップ6:新しいウェブサイトを立ち上げる

新しいウェブサイトを完全にデザインし直したら、変更を公開しましょう!

Duplicatorを使えば、ステージングサイトのバックアップを作成するだけです。そして、バックアップのアーカイブファイルをダウンロードします。

これを本番のウェブサイトにインポートする前に、災害復旧ポイントの設定を検討してください。基本的に、これはデザインを更新する直前のサイトのバックアップを保存します。開発中に見逃した重大なエラーに気づいた場合は、このバックアップにロールバックするだけです。

これを行うには、元のサイトのバックアップを構築します。保存場所には必ずローカルを選択してください。

バックアップの作成を続けます。完了したら、青い家のアイコンをクリックします。

災害復旧アイコン

ヒットセット・ディザスターリカバリー

災害復旧の設定

この時点で、復旧リンクをコピーするか、ランチャーファイルをダウンロードしてください。これらを安全な場所に保存しておけば、すぐにサイトを復旧させることができます。

災害復旧オプション

さあ、リデザインをインポートしましょう。これを行うには、バックアップのインポートページに行き、ステージングサイトのzipファイルをアップロードします。その後、Duplicatorがバックアップをウェブサイトにインポートする方法を説明します。 

詳細については、ローカルのWordPressサイトをライブサーバーに移動する方法についてのチュートリアルをご覧ください。

ステップ 7: リニューアルしたサイトの監査

ステージングサイトでエラーをチェックしたとしても、何かを見逃してしまうかもしれません。デザインを変更した後は、ウェブサイトが正しく表示され、機能しているかどうかを徹底的に確認することが重要です。

検索エンジン最適化(SEO)が的確であることを確認するために、完全なSEO監査を行うことを検討してください。All-in-One SEOは、あなたのウェブサイトのためのSEOの提案の初心者に優しいリストを与えるので、このために最高のSEOプラグインです。

AIOSEOサイト監査

また、サポートチケットフォームを作成することもお勧めします。こうすることで、あなたのサイトでの体験に影響を与えるバグや404エラーを報告することができます。WPFormsのようなプラグインを使えば、サポートチケットテンプレートから始め、特定のニーズに合わせてコンタクトフォームを編集することができます。

WPFormsサポートチケットフォーム

デザイン変更直後に行うべきその他の作業をいくつか紹介しよう:

こうして、新しい訪問者を惹きつけ、何度もあなたのウェブサイトを訪れてもらえるような美しいデザインに生まれ変わるのです! 

よくある質問 (FAQ)

本番稼動せずにWordPressサイトをリニューアルするには?

ステージングサイトを作成することで、変更を公開せずにWordPressサイトを再設計することができます。これを行うには、Duplicator Proで本番サイトのコピーを作成します。その後、ホスティングプロバイダーでステージングサイトを構築するか、ローカルサーバーにセットアップします。最後に、クローンサイトをステージングエリアにインポートして、こっそりサイトのデザインを変更しましょう!

SEOを損なわずにWordPressサイトをリニューアルするには?

SEO を損なうことなく WordPress サイトを再設計する最善の方法は、ステージングサイトで必要な変更を行うことです。その後、Duplicator Pro を使用して、再設計したサイトを本番サーバーに移行します。再設計後にSEOを最適化するには、AIOSEOをインストールし、SEO監査チェックリストを完了することを検討してください。 

旧サイトが稼動している間に、新しいWordPressサイトを構築するにはどうすればよいですか?

ローカルのステージングサイトに新しいWordPressサイトを構築できます。準備ができたら、Duplicator Proを使用して、再設計されたサイトの完全なバックアップを作成します。更新されたサイトをインポートすると、Duplicatorはダウンタイムなしで自動的に元のデザインを新しいものに置き換えます。ページを更新した場合は、必ずAIOSEOでリダイレクトしてください。 

WordPressですべてのコンテンツを削除して最初からやり直すには?

WordPress.comを使用している場合は、設定 " 一般に進み、サイトをリセットするをクリックします。WordPress.orgの場合、WP Resetプラグインをインストールすることで、投稿、ページ、コメント、ユーザー、カスタム投稿タイプ、カスタムデータベーステーブルを削除することができます。しかし、データを完全に失うことを避けるために、Duplicator Proでサイトをロールバックすることをお勧めします。

結論

以上です!WordPressサイトをリデザインする方法を学びました。

WordPressのチュートリアルやプラグインのレビューもご覧ください:

ステージングエリアとの間でウェブサイトを手動で移動するために多くの時間を費やす必要はありません。Duplicator Proをダウンロードして、ドラッグ&ドロップによる移行を始めましょう!

著者アバター
ジョエラ・ダン コンテンツライター
ジョエラはWordPressで長年の経験を持つライターです。Duplicatorでは、基本的なバックアップから大規模な移行まで、サイトのメンテナンスを専門としています。彼女の最終的なゴールは、あなたのWordPressウェブサイトが安全で、成長できるようにすることです。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。