Webflowのテンプレートのレビュー

Webflow テンプレートを利用することは、時間が足りない場合や追加のデザイン刺激が必要な場合に、Web サイトのデザイン プロセスを開始するための優れた方法です。

テンプレートを最大限に活用するには、入門用の Webflow 101 クラッシュ コースを通じて Webflow の基本事項を習得することが重要です。このコースでは、Webflow UI、Web の基本的な構築要素、配置とレイアウトの基本事項の概要が説明されており、これらはすべてテンプレートの作成を開始するために必要なものです。

重要： すべてのテンプレート機能にアクセスするには、特定のテンプレートでは、購入後に有料のサイト プランを購入するか、テンプレートをワークスペースにインポートする必要があります。テンプレートのページ制約の詳細については、こちらをご覧ください。

このセッションでは、Webflow テンプレートについて次の点について詳しく説明します。

1. Webflowテンプレートの動作を理解する
2. テンプレートの使用法とライセンスを把握する
3. 購入前にテンプレートを試す
4. 無料のテンプレートを選択する
5. プレミアムテンプレートを取得する
6. テンプレートプロモーションコードを適用する
7. テンプレートベースのウェブサイトを移動する
8. ワークスペースでテンプレートとしてサイトをアクティブ化および非アクティブ化します
9. テンプレートベースのウェブサイトをエクスポートする
10. 独自のテンプレートを販売する

Webflowテンプレートの動作を理解する

Webflowは、幅広い 無料およびプレミアムのレスポンシブウェブサイトテンプレート デザイナー、企業、個人の使用に最適で、デザイン面への取り組みを迅速化します。

無料またはプレミアム有料テンプレートを選択すると、そのテンプレートは、すべてのテンプレート ページが統合された新しいサイトとしてダッシュボードに追加されます。その後、テンプレートを好みに合わせてカスタマイズできます。

便利なヒント: 将来、テンプレートの元の変更されていないデザインにアクセスする必要がある場合は、サイトのバックアップを使用してこれを実現できます。ただし、この操作により、サイト内のすべての内容が選択したバックアップにリセットされることに注意してください。

テンプレートの使用を開始する

以前に WordPress を使用したことがある場合は、テーマを使用してデザインをスタイル設定する方法をご存知かもしれません。WordPress テーマは、WordPress デザインにすでに存在するコンテンツとデータに実装できます。

Webflow のテンプレートは、WordPress テーマとは異なる方法で機能します。Webflow テンプレートのデザインとレイアウトは、ワークスペース内の既存のサイトのデザインとレイアウトを自動的に置き換えるものではありません。テンプレートは現状のままであり、カスタマイズが必要になる場合があります。

このカスタマイズを迅速に行うには、CMS コレクション データを移行するか、ワークスペース内の他のサイトから要素をコピーして新しいテンプレートベースのサイトに貼り付けます。

コレクションアイテムのインポート制限

コレクション アイテムの CSV をテンプレート ベースのサイトにインポートするには、サイト プランを拡張またはアップグレードする必要がある場合があります。所有しているサイト プランの種類に応じて、コレクション アイテムに制限があります。 サイトプランの詳細を見る.

ページ割り当て 

テンプレートベースのサイトに2ページ以上ある場合は、テンプレートベースのサイトに有料サイトプランを追加するか、有料ワークスペースプランを購入する必要があります。テンプレートベースのサイトが2ページのみの場合は、必要に応じて無料のサイトプラン/無料のワークスペースプランで維持できます。有料テンプレートに含まれるすべてのページにアクセスして変更することはできます（削除しない限り）。ただし、最初にアップグレードしない限り、テンプレートベースのサイトにページを複製したり、新しいページを追加したりすることはできません。 ワークスペースプラン、追加 敷地計画 サイトにページを追加するか、テンプレート内のページを消去して合計ページ数が 2 ページ未満になるようにします。

テンプレートベースのサイトにサイト プランを挿入したり、有料の Workspace プランを購入したりする準備ができていない場合でも、テンプレート内の既存のページを微調整することはできます。

テンプレートベースのサイトにサイトプランを拡張した後（または Workspace プランを購入した後）にページ制限エラーが発生した場合、またはページ制約に関してさらに質問がある場合は、お問い合わせください。

テンプレートのサポート 

Webflow の初心者にとって、複雑なインタラクション、カスタム メニュー、またはポップアップ モーダルを含むテンプレートは、初期の編集時に困難を生じる可能性があります。ただし、テンプレートに関するサポートが必要な場合は、テンプレートの作成者に連絡してガイダンスを受けることができます (多くのテンプレート作成者は、テンプレート内で documentation のサポートを提供しています)。

テンプレート作成者からのサポート: 

1. テンプレートのページに移動します Webflow のテンプレートマーケットプレイス
2. テンプレートが表示されるまで下にスクロールします 概要 (テンプレート作成者からの具体的なサポート指示がこの領域に表示される場合があります)
3. を選択 サポート タブ（テンプレート作成者が 概要 セクション）
4. を押す 接触 テンプレート作成者と通信するためのボタン

テンプレートの使用とライセンスに注意してください

すべての有料テンプレートには単一の使用ライセンスが付属しており、購入したテンプレートを 1 つのサイトに適用できます。 Webflowテンプレートと単一利用ライセンスの詳細.

購入したテンプレートを別のクライアントまたはサイトで使用する場合は、追加のライセンスを購入する必要があります（テンプレートを再度取得する）。

これはテンプレートを複製することで実行できます:

1. 進む サイト設定 テンプレートベースのサイト用
2. クリック "重複” アイコン
3. テンプレートが同じクライアントまたはサイト用か（ライセンスの再購入が不要）新しいクライアントまたはサイト用か（ライセンスの再購入が必要）を選択します。

すべてのテンプレートは、サイトの要件に合わせてカスタマイズできます (テキスト、画像、グラフィック、レイアウト、デザインなどを追加、変更、削除できます)。

買収前のトライアルテンプレート

購入を決定する前に、デザイナーでテンプレートをプレビューできます。テンプレートがデザイン要件に合致していることを確認するために、プレビューすることを強くお勧めします。

1. に行く Webflow のテンプレートマーケットプレイス
2. 評価したいテンプレートを見つけます
3. クリック デザイナーでプレビュー 新しいウィンドウでデザイナーのテンプレートを起動する
4. プレビューモードを無効にするには、「目”アイコンをクリックします。
5. その後、テンプレートの ページパネル そして ナビゲーター テンプレートに組み込まれたコンポーネントとデザインフレームワークを把握する

テンプレートを入手するには、テンプレートのページに戻ってください。 Webflow のテンプレートマーケットプレイス クリック 買う.

無料のテンプレートを選択する

Webflow は、単一ページのサイトから複雑な複数ページのビジネス Web サイトまで、さまざまな無料テンプレートを提供して、あなたの旅をスタートさせます。 無料のテンプレートをご覧ください.

無料のテンプレートを選択するには: 

1. に移動 無料テンプレート ページ上 Webflow のテンプレートマーケットプレイス
2. 活用したい無料テンプレートをクリックしてください
3. タップ 無料でご利用ダッシュボードのロックを解除します
4. 割り当てる タイトル サイトにデフォルト名を追加するか、提供されているデフォルト名のままにしておく
5. 選択する サイトを作成デザイナーでサイトを起動します

その後、テンプレート中心のサイトを ダッシュボード.

一流のテンプレートを購入する

個人、企業、またはサイトのみで使用するためのプレミアム有料テンプレートを入手することもできます。

プレミアム テンプレートを選択して購入するには:

1. 案内する Webflow のテンプレートマーケットプレイス
2. あなたのサイトに適したプレミアムテンプレートをクリックしてください
3. 打つ 買う テンプレートのメインページ（まだアカウントをお持ちでない場合は、無料の Webflow アカウントに登録する必要があります。ログアウトしている場合は、既存のアカウントにログインできます）
4. お支払い情報をチェックアウトモーダルに入力してください（または「クレジットカードを編集” をクリックして、以前に追加した支払い情報を変更します）
5. タップ 今払う 購入を完了するには 
6. クリック 続く お支払い確認を確認後
7. 新しいサイトに タイトル
8. 選択する サイトを作成 Webflowデザイナーで新しく取得したテンプレートにアクセスする

注記： テンプレートの購入請求書は次の場所にあります。 ワークスペース設定 > テンプレート タブ > 購入したテンプレートタップ 請求書をダウンロード 購入した特定のテンプレートの請求書をダウンロードします。

テンプレートプロモーションコードを適用する

テンプレートのプロモーション コードをお持ちの場合は、テンプレートの購入確認時にプロモーション コードを利用できます。

1. 訪問 Webflow のテンプレートマーケットプレイス
2. サイトに利用したいプレミアムテンプレートをクリックします
3. 打つ 買う テンプレートのメインページ（まだアカウントをお持ちでない場合は、無料のWebflowアカウントにサインアップする必要があります。ログアウトしている場合は、既存のアカウントにログインできます）
4. クリック プロモーションコードを追加 チェックアウトモーダルで
5. 入力エリアにプロモーションコードを入力してクリックします 適用する
6. タップ 今払う 購入を完了するには
7. クリック 続く お支払い確認を確認後
8. 新しいサイトに タイトル
9. 選択する サイトを作成 Webflowデザイナーで新しく取得したテンプレートにアクセスする

テンプレート中心のサイトを移行する

テンプレートに重点を置いたサイトを別のユーザーまたはワークスペースに転送できます。サイトの転送の詳細については、こちらをご覧ください。

ワークスペース内でテンプレートとしてサイトをアクティブ化および非アクティブ化します

サイトをテンプレートとしてアクティブ化して、将来的にワークスペース内の他のユーザーが実装できるようにすることができます。これは、新しい類似サイトを作成したり、同じ初期レイアウトを使用してそれを改善したりする場合に役立ちます。共有ワークスペーステンプレートは、最初から作成したサイトだけでなく、ワークスペースに追加した他のテンプレートサイト（ Webflow テンプレートマーケットプレイス). 

注記： 購入したテンプレートから共有ワークスペース テンプレートを作成するときは、テンプレートの使用法とライセンスに注意してください。

サイトをテンプレートとしてアクティブ化するには:

1. アクセス サイト設定 > 一般的な タブ > 共有ワークスペース テンプレート
2. タップ テンプレートを作成する
3. テンプレートにラベルを付ける
4. 選択する 確認する

サイトをテンプレートとして非アクティブ化するには:

1. アクセス サイト設定 > 一般的な タブ > 共有ワークスペース テンプレート
2. 打つ テンプレートを無効にする
3. 選択する 取り除く

共有ワークスペーステンプレートとその説明の一覧は、 ワークスペース設定 > テンプレート タブ > 共有ワークスペーステンプレート.

注記： サイトがテンプレートとしてアクティブ化されると、最初にテンプレートとして非アクティブ化しない限り、削除することはできません。

共有ワークスペース テンプレートの詳細をご覧ください。

テンプレートベースのサイトをエクスポートする

テンプレートベースのサイトをエクスポートしたい場合は、まず 有料ワークスペースプラン エクスポート機能を有効にします。コードのエクスポートの詳細については、こちらをご覧ください。 

独自のテンプレートを宣伝する

テンプレートのデザインに喜びを感じるなら、テンプレートのデザインを販売することをリクエストできます。 Webflow のテンプレートマーケットプレイステンプレートの提出を開始する前に、必ず テンプレート提出ガイドライン.

参考文献： Medium Rareがテンプレートの販売でビジネスを拡大した方法