ガイド

WordPressデモサイトのインポート

デモのインポートを使うと、空のWordPressを一度の操作で完成したウェブサイトに変えられます。固定ページと投稿、画像、メニュー、フォーム、ヘッダーとフッター、そしてそれらの背後にある設定が対象です。このガイドでは、インポートで何が起きるか、何が変更されるか、そして元に戻す2つの異なる方法を説明します。

手順1:まずライセンスを有効化

まずここから始めてください。ほかのすべての手順がこれに依存しているためです。デモパッケージは、お客様のライセンスキーを確認した後に弊社サーバーから配信されます。そのため、ライセンスが有効でないWebサイトではカタログを閲覧できても、何もダウンロードできません。

ライセンスキーの貼り付け場所

お使いのライセンスキーはダッシュボードにあります。WordPressでは、セットアップウィザードのライセンスの手順で入力します。後からの場合は、Canvasの「ライセンス」で入力できます。画面にはステータス、キーが属するプラン、現在有効化されているドメインが表示されるため、どのサイトでキーを使っているかをいつでも確認できます。

ライセンスキーでできることとできないこと

  • デモのインポート、エディター内のプレミアムブロック、AI、アップデートを利用できます。
  • ライセンスは、お使いのサイトの表示可否を判断するものではありません。期限切れのライセンスでも、作成済みのものはすべて表示され続けますが、関連するサービスは一時停止します。
  • どちらのプランも有効化できるサイト数に制限がないため、ステージング、開発、ローカル環境のコピーにも費用はかかりません。
  • 定期チェックで当社のサーバーに接続できない場合でも、Canvasは14日間は通常どおり動作し続けます。ネットワークの一時的な不調によって、ご自身の管理画面が使えなくなることがあってはなりません。

ライセンスの対象範囲

業界に合ったデモを見つける

ステップ2:バックアップを取り、要件を確認する

インポートでは短時間に大量の行が作成されます。ただし、いずれも破壊的な変更ではありません。それでも、今朝の状態に一度の操作で戻せるようにしておきましょう。

  • ホスティング会社またはバックアッププラグインでバックアップを取得し、バックアップ一覧を開いて最後のバックアップが完了したことを確認してください。スケジュール設定されたバックアップは、気づかないうちに失敗していることがあります。
  • バージョンを確認してください。 WordPress 7.1 以上、PHP 7.4 以上、WordPress 7.1 まで動作確認済みです。
  • PHPに余裕を持たせましょう。メディアはインポートの中で最も負荷の大きい部分です。サイトが実際の写真をダウンロードしてサイズ変換するためです。安価な共有ホスティングでメモリ上限が低い、または実行時間の制限が短いことが、インポートが途中で止まる典型的な原因です。
  • 今のうちに範囲を決めておきましょう。ダイアログで聞かれる前に決めておくのがおすすめです。ステップ4でその選択について説明しています。インポートの途中で決めるより、落ち着いて判断できるうちに決めるほうが簡単です。

既存のコンテンツがあるサイトへのインポートは、サポートされており安全です。2つ目のデザインを最初のデザインの上に重ねるべきかどうかはデザイン上の判断であり、答えられるのはあなただけです。数ページだけをインポートしたい場合は、ステップ4でページのみの範囲を選択してください。

ステップ 3:インポーターのある場所

同じカタログへは2つの入口があります。

セットアップウィザード

Canvasを有効化すると、デモのステップが組み込まれたセットアップウィザードが開きます。新しいWebサイトを最も速く始められる方法で、選択したデモに必要なプラグインも自動でインストールされ、最後にサイト名も設定されます。

Canvas、次に「デモインポート」

同じカタログは管理メニューに常に表示されています。セットアップから数週間後にデモをインポートしたり、2つ目のデモを追加したり、インポート履歴を確認したりする際に使えます。各カードにはカテゴリーが表示され、デモに含まれるページ、投稿、ポートフォリオ項目、商品、独自のコンテンツタイプの数がわかります。デモの規模に驚くことはありません。

16個のカテゴリに88個のデモがあり、すべてのプランに含まれています。インポートする前にウェブ上でデモをプレビューしてください。ライブプレビューなら、スクリーンショットを1分見るよりも30秒で多くのことがわかります。

WordPress管理画面の「Canvas Demo Import」画面。デモのカタログをカード形式で表示し、各デモのコンテンツ数も示しています。
Canvas、デモインポート。セットアップウィザードに表示されるのと同じカタログで、いつでも利用できます。

ステップ4:サイト全体、または既存のサイトへ

開始する前に、このステップをお読みください。これは、既存の設定に影響する唯一の判断ポイントです。

サイト全体

デモがそのままあなたのデザインになります。テーマオプション、フォント、カラー、サイトタイトル、フロントページ、メニューの割り当てがすべて引き継がれるため、3か月後に作成するページも、今日選んだデザインと揃ったままになります。新規のウェブサイトで使うとき、または古いデザインを完全に置き換えると決めたときにご利用ください。

既存のサイトへ導入する

デモページがインポートされ、それらが使用するレコードも一緒に読み込まれます。一方、テーマオプション、サイトタイトル、フロントページ、現在のデザインはそのまま残ります。ランディングページ1つ、料金セクション、ブロックのセットを出発点として使いたく、かつ自分のデザインを維持したい場合にご利用ください。

変更されるのは設定のみで、コンテンツは変わりません。どちらの場合も、既存の固定ページと投稿は変更されず、インポートは元に戻せます。

ステップ5:実際にインポートされる内容

すべてのデモは完全なサイトなので、インポートするとサイトに必要な要素がすべて揃います。

  • コンテンツ。 ライブプレビューのすべてのページ、カテゴリとブロガー情報付きのブログ記事、ポートフォリオ項目、イベント、商品、そして、デザインで使用されている44種類のデモ用コンテンツタイプのいずれか。
  • メディア。 当社のサーバーから直接リンクされるのではなく、画像は通常の添付ファイルとしてメディアライブラリにサイドロードされるため、今後当社が何を変更しても残ります。
  • デザインレコード。 ヘッダー、フッター、トップバー、サイドパネル、ページタイトルのデザイン、ヒーロー、スライダー、ポップアップ。それぞれがレコードとして届き、開いて編集できます。
  • フォーム。フィールド、通知、送信一覧を備えた動作するフォームが、全88件のデモのうち83件に含まれています。
  • メニュー。デザインが想定する場所に割り当てられたナビゲーションメニューが作成されています。
  • 設定。 サイト全体をインポートする場合は、デモのテーマオプション、フロントページ、ブログページ、メニューの位置が対象になります。

ストア向けのデモでは、商品、カテゴリー、属性、スウォッチの色が追加されます。インポーターはサイトにある既存のWooCommerceページを引き継ぐため、最終的にショップ、カート、チェックアウト、アカウントページがそれぞれ1つずつになります。

ステップ6:各段階の進行を見てみましょう

インポートは名前付きのステージで実行され、各ステージは完了時に自身の状況を表示します。プログレスバーの陰に隠れた処理はありません。

  • 動作要件を確認し、デモに必要なプラグインがあればプラグインをインストールしてください。
  • デモをダウンロードすると、パッケージを取得して展開します。
  • まずコンテンツをインポートし、続いてメディアをインポートします。この処理中、画像の数が随時カウントされます。
  • 設定をインポート、ウィジェットをインポート、メニューをインポート。
  • 最終処理の後、サイトを表示するリンクや別のデモをインポートするリンクがある完了画面が表示されます。

途中で失敗したステップはその場で報告され、再試行とスキップのボタンが横に表示されたうえで、処理は続行されます。ブラウザのタブを閉じたり、ホスティングのタイムアウトが発生したりして全体が中断された場合も、Canvasは戻ってきたときに未完了のインポートを検出し、再開を提案します。

Canvasセットアップウィザードのインポートステップ。パッケージのダウンロードから最終化までの各段階を示しています。
インポートの各段階。 名前付きのステップが順に進むのを確認でき、失敗したものは再試行またはスキップできます。

ステップ7:最初に変更すること

これで、他人の文章が入った完成済みのウェブサイトができました。以下の順序で作業すれば、1時間以内にデモのようには感じなくなります。

  • サイトのタイトルとキャッチフレーズ。「設定」から「一般」の順に開きます。これらは、ブラウザのタブ、検索結果、共有カードに表示されます。
  • ロゴとヘッダー。ヘッダーは、ブロックから構成されるレコードです。ロゴを差し替え、メニューを整え、ボタンには訪問者にしてほしい操作を設定しましょう。
  • ホームページを上から下まで。見出し、段落、画像、価格はすべて設定パネルを備えたブロックです。
  • 連絡先情報。フッター、お問い合わせページ、フォームの通知先アドレス。自分宛てにテストメッセージを送信してください。
  • 必要のないデモコンテンツです。不要な投稿やページは完全に削除して、古いコンテンツが後で表示されないようにします。
  • 色とフォント(ブランドをお持ちの場合)。テーマオプションには533の項目が24のセクションにわたって含まれており、サイト全体のインポートですでに入力済みです。

ステップ 8:インポートを元に戻す:ロールバックとデモデータの削除

Canvasは、インポートで変更されるすべての投稿、ターム、添付ファイル、メニュー、オプションを記録します。これが、以下の2つの機能を可能にしています。どちらもデモのインポート画面の「インポート履歴」タブにあり、それぞれ役割が異なります。

ロールバック

ロールバックは、1回分のインポートを元に戻します。そのインポートで作成されたコンテンツを削除し、実行直前に設定されていたオプションを復元します。デモをインポートしてじっくり確認した上で採用しないと決めた場合や、間違ったデモをインポートした場合に使用してください。

デモデータを削除

「デモデータを削除」は、特定のデモがこのサイトで作成したすべてのものを削除します。実験中に同じデモを3回インポートした場合は、3回分のレコードをすべて新しいものから順に元に戻すため、オプションは最初のインポート前の状態に戻ります。その後、デモのスタンプが付いた残りのコンテンツも削除します。

どちらも確認前に、削除される内容を種類ごとの件数で表示します。削除対象外のコンテンツと共有されている添付ファイルは削除されず、その旨が報告されます。そのため、自分のページで再利用した画像が、知らないうちに消えてしまうことはありません。

インポート前にサイトにあったコンテンツは、どちらの操作の対象にもなりません。各インポートは個別に管理されるため、あるデモを削除しても、先月インポートした別のデモには影響しません。

出典

このガイドでCanvas以外の内容に触れる場合は、その内容を説明している公式ページを以下に掲載しています。

  • バックアップdeveloper.wordpress.org · 定期的に、また更新の前には必ず、手動またはバックアッププラグインでバックアップを取ってください
  • wp-config.php の編集developer.wordpress.org · WordPressが使用できるPHPメモリの上限を、WP_MEMORY_LIMITで引き上げる
  • 一般設定画面wordpress.org · WordPressがサイトタイトルとキャッチフレーズを保存する場所
  • WooCommerceページwoocommerce.com · ストアのためにWooCommerceが用意する、ショップ、カート、チェックアウト、マイアカウントの各ページ
よくある質問

よくある質問

FAQ全体で残りの疑問にお答えし、ドキュメントですべての設定を詳しく解説しています。

インポートで既存のページが上書きされますか?

いいえ、Canvasのデモのインポートは追加のみを行うため、ページ、投稿、商品はそのまま残ります。サイト全体へのインポートでは、デモのテーマオプション、サイトタイトル、フロントページが適用されます。それがこの方法を選ぶ理由そのものであり、ロールバックを実行すると元の状態に戻ります。それでも、コンテンツに影響する変更と同様に、念のため必ずバックアップを取ってください。

テーマには不要なのに、デモのインポートにライセンスが必要なのはなぜですか?

デモパッケージは当社のサーバーで管理されているため、配信前にお客様のライセンスキーが確認されます。テーマとプラグインはライセンスキーがなくても動作し続け、有料ブロックには管理者のみに表示される通知が出ます。定期チェックが当社に接続できない場合でも、Canvas は14日間は通常どおり動作します。

デモの1ページだけをインポートできますか?

2つ目の範囲(既存のWebサイトへのインポート)を選ぶと、設定、メニュー、フロントページを除き、デモページとそのページで使用されるレコードが取り込まれます。不要なページは削除できます。インポート全体を元に戻して、最初からやり直すこともできます。インポートによる変更が永続することはありません。

WooCommerce のページはどうなりますか?

Canvasのデモインポートは、既存のWooCommerceページを引き継ぎ、重複して作成することはありません。インポーターはサイト内にあるショップ、カート、チェックアウト、アカウントの各ページを見つけ、デモのメニューやリンクをそれらに向けます。そのため、チェックアウトページが2つできてしまうことはありません。デモの商品、カテゴリー、属性、スウォッチの色は、既存のカタログと一緒に追加されます。

Canvasで次のウェブサイトを構築しましょう

初心者でも、フリーランサーでも、エージェンシーでも、同じブロックとデモを利用できます。まずは1つのサイトから始めて、同じライセンスで必要な数だけサイトを構築できます。