Canvas HTML から WordPress へ

Canvas HTMLの開発元が提供するWordPress版Canvas

HTMLテンプレートとしてCanvasをご購入いただきました。こちらは同じスタジオによるWordPressテーマです。デザインの方向性は同じで、デモは完全なWordPressサイトとして作り直され、マークアップで使っていたコンポーネントはすべて、設定パネル付きのブロックになりました。

更新日:

製品概要

WordPressテーマと付属プラグイン

Canvas for WordPressは、テーマとCanvas Coreプラグインで構成されており、発行元はSemiColonWebです。SemiColonWebは、ThemeForestでCanvasをHTMLテンプレートとして10年以上にわたり公開してきたスタジオです。テーマはテンプレートとスタイルのバリエーションを、プラグインはブロック、ビルダー、フォーム、デモのインポーターを担当します。

  • 設定パネル付きの314個のブロックを、WordPress に標準搭載のエディターで利用できます
  • 完全なデモサイト88件、パターン183件、ブロックテンプレート173件
  • 533項目のテーマオプション(24セクション)に加え、ヘッダー、フッター、ページタイトル、ヒーロー、スライダーのビルダーを搭載
  • 必要環境:WordPress 7.1 以降、PHP 7.4 以降。動作確認済み:WordPress 7.1 まで

Canvasの開発元と、リリースの検証方法

ヘッダー、ヒーロー、フッターがコンテンツを囲むように表示された、WordPressブロックエディターで開いているCanvasのデモページ
デモ一覧

お馴染みのデザインを、そのまま動作するWordPressサイトで

デモとは、サイト全体のことです。ライブプレビューにあるすべてのページ、投稿、メニュー、フォーム、ヘッダー、フッター、スライダー、ポップアップ、カスタム投稿タイプが含まれ、画像はお使いのメディアライブラリに取り込まれます。88個のデモのうち4つを以下に掲載しています。

16カテゴリーにある88件のデモをすべて見る

引き継がれるもの

お選びいただいたデザインを、ブロックで再現

ThemeForestでCanvas HTMLをご利用の75,000人以上のお客様が、今度はWordPress向けに。静的ページから移植したものは一切ありません。HTMLテンプレートが提供していたレイアウトはすべて、設定パネル付きの本物のGutenbergブロックとして作り直されています。そのため、見慣れたデザインが、今では編集できるコンテンツになりました。

75,000+
ThemeForestでCanvas HTMLを利用するお客様
3,000+
5つ星のCanvas HTMLレビュー
10+
Canvas HTML開発の年数

これら3つの数値はThemeForest上のCanvas HTMLのものです。WordPressテーマは新しく、実績はこれから積み上げていくものです。そのため、数えられる収録数と、プレビューできるデモをもとに判断してください。

デザインの考え方

従来と同じタイプスケール、余白、カラーの扱い、コンポーネントのスタイルを、533個のテーマオプション、4種類のスタイルバリエーション、1,923個のGoogleフォントで管理します。編集すべきスタイルシートはありません。

デモ一覧

WordPressウェブサイトとして、内部ページ、メニュー、フォーム、コンテンツタイプとともに再構築されています。88件のデモのうち83件には動作するフォームが含まれ、21件は完全なWooCommerceストアです。

ブロックとしてのコンポーネント

カルーセル、タブ、カウンター、ポートフォリオグリッド、お客様の声などは、コピーするマークアップではなく、挿入して設定するブロックです。4種類のアイコンパックに収録された5,711個のアイコンを、アイコンフィールドから利用できます。

何が違うのか

始める前に知っておきたい4つの変更点

これらはいずれも見た目だけの違いではありません。編集方法、支払う費用、購入先が変わります。

ファイルではなくエディターで編集

手作業で編集するマークアップも、ビルド工程もありません。テキスト、リンク、画像、アイコン、色、動作は、ブロックの設定パネルで操作します。ヘッダー、フッター、ページタイトルも、同じ方法で構築するレコードです。

すべてのサイトに1つのライセンス

年間プランは年額$79で、請求書に記載の料金で更新されます。買い切りプランは$299の一度限りのお支払いです。どちらも無制限のウェブサイトに利用できます。ThemeForestの一度限りのライセンスとの違い。

2つの製品、2つのショップ

Canvas HTMLはThemeForestでSemiColonWebが販売しています。Canvas for WordPressはCanvasWPがcanvaswp.comで販売しており、専用のダッシュボード、専用のライセンスキー、専用のアップデート、専用のサポートを備えています。

期限が切れるとサービスが一時停止

ライセンスが失効しても、すべてのブロックは引き続き表示され、訪問者から非表示になることはありません。更新、新しいデモのインポート、AI生成、プレミアムブロックの編集は、ライセンスを更新するまで一時停止されます。

プラン、更新、返金ポリシー

サイトの移行

変換ツールはありません。その点を、ここで正直にお伝えします。

HTMLページを読み取って WordPress のコンテンツに変換できるものはありません。Canvasには変換機能が同梱されておらず、今後も搭載する予定はありません。静的なページには、各パーツが本来何であったかという情報が残っていないためです。Canvas HTMLのサイトはWordPressで作り直します。お使いのデザインに最も近いデモをインポートしてから、コンテンツを移行してください。

  • WordPressをインストールしてから、Canvasをインストールします。セットアップウィザードがCanvas Coreをインストールし、9ステップで実行して、選んだデモをインポートします
  • サイト全体へデザイン一式をインポートするか、稼働中のサイトにページ単位でインポート
  • テキストをブロックに移し、画像をメディアライブラリにアップロードして、メニューを作り直します
  • 気が変わったら、インポートをロールバックできます:Canvasは作成したものを記録しており、それらを再び削除します。

デモのインポート手順(ステップごと)

WordPress管理画面のCanvasデモインポート画面。デモの一覧をカード形式で表示し、それぞれに「インポート」ボタンがあります。
このCanvasの種類

同じ名前の無関係な製品が複数あります

CanvasとWordPressを一緒に検索したことがあれば、少なくとも3つは見かけたことがあるでしょう。これは、HTMLテンプレートを購入したスタジオが作ったものです。

WooThemes Canvasテーマではありません

それは別の会社が提供していた別のテーマで、現在は提供を終了しています。ここに記載の内容はその継続ではなく、その設定やショートコードも一切適用されません。

無料のCanvasプラグインではありません

WordPress.orgで公開されている無料のCanvasプラグインは、たまたま同じ名前を使っているだけの無関係な製品です。このサイトのデモ、ブロック、プランは、このテーマだけのものです。

SemiColonWebによるCanvas

ThemeForestで販売されているCanvas HTMLテンプレートの制作元によるWordPressテーマです。canvaswp.comのCanvasWPを通じて販売しています。ブロックエディターをベースに構築されており、ページビルダーは使用していません。

よくある質問

Canvas HTMLのお客様からよくいただく質問

2つの製品、ライセンス、そして移行に実際に必要な作業についての回答です。

WordPressテーマとCanvas HTMLテンプレートは同じ製品ですか?

いいえ、Canvas for WordPressとCanvas HTMLテンプレートは、同じスタジオが手がける2つの製品です。Canvas HTMLは静的なテンプレートで、ファイルとして編集します。ThemeForestで販売されています。Canvas for WordPressは、コンパニオンプラグイン付きのWordPressテーマで、canvaswp.comのCanvasWPを通じて販売されています。WordPressに付属のブロックエディターで編集します。デザインの考え方は共通です。コード、ライセンス、販売経路は共通ではありません。

Canvas HTMLサイトを、自動でWordPressに変換できますか?

いいえ、Canvasには変換ツールは含まれておらず、HTMLページを読み込んでWordPressのコンテンツに変換する機能もありません。手順は、Canvasを使ってWordPressをインストールし、お使いのデザインに最も近いデモをインポートしてから、本文と画像を用意されたブロックに移すことです。HTMLファイルはそのままの場所に残り、何も読み込まれません。

ThemeForest での購入には WordPress テーマも含まれますか?

いいえ。Canvasの2つの製品はそれぞれ別にライセンスされており、WordPressテーマはcanvaswp.comで購入します。Canvas 年間プランとCanvas 買い切りプランの両方で、無制限のウェブサイトとマルチサイトネットワークに対応し、同じブロック、パターン、デモが含まれます。また、販売は返金不可となっているため、購入前に試せるよう、すべてのデモをライブサイトで動作させています。

HTMLテンプレートで知られているデモは、WordPressでも利用できますか?

Canvasのカタログには、88個の完全なデモサイトが16カテゴリにわたって収録されています。HTMLからの変換ではなく、WordPressサイトとして作り直されたもので、2週間ごとに新しいデモが追加されます。すべてのデモは実際に動作するウェブサイトとして公開されており、デモページからクリックして閲覧できるので、購入前に自分のデザインに最も近いデモを確認してください。

これは、WooThemesのCanvasテーマですか、それとも無料のCanvasプラグインですか?

いいえ。Canvasは、ThemeForestでCanvas HTMLテンプレートを提供しているSemiColonWebのWordPressテーマです。CanvasWP(canvaswp.com)を通じて販売されています。販売終了したWooThemesのCanvasテーマや、WordPress.orgの無料Canvasプラグインとは無関係です。WordPressのブロックエディターを基盤としています。このサイトのすべての内容は、このテーマのみに関するものです。

Canvas のサイトを WordPress へ移行

おなじみのデザイン言語を、ページ、メニュー、フォームをWordPress上で編集できるコンテンツとして使えます。サイトに最も近いデモをインポートし、テキストと画像を移行してください。