レイアウトをDiviクラウドにインポートする方法

公開: 2022-06-15

Diviの多くの利点の1つは、レイアウトを任意のDiviWebサイトにインポートできることです。 1つのサイトでページを作成し、それらをDiviライブラリ、特定のページと投稿、およびDiviテーマビルダーにインポートできます。 ご想像のとおり、レイアウトをDiviCloudに直接インポートすることもできます。 この投稿では、レイアウトをDiviCloudにインポートする方法を説明します。 また、アップロード後に簡単に見つける方法と、DiviCloudを整理するのに役立つカテゴリとタグを追加する方法についても説明します。

始めましょう！

レイアウトをDiviクラウドにインポートする方法

インポートオプションを開くには2つの方法があります。 1つのレイアウトまたは複数のレイアウトをインポートできます。 すべてのオプションの組み合わせが表示されます。

移植性アイコンを使用した単一レイアウトのインポート

まず、レイアウトをDiviCloudにインポートする方法を見てみましょう。 このプロセスでは、どのタブを選択したかは関係ありません。また、DiviCloudを表示する必要もありません。 使用しているボタンはタブの外側にあります。

  1. Divi Webサイトのフロントエンドの任意のページに移動し、画面上部のツールバーにある[Visual Builderを有効にする]をクリックして、VisualBuilderを有効にします。
  2. ページの下部にあるDiviツールバーの紫色のプラスアイコンをクリックして、Diviライブラリを開きます。
  3. 「ライブラリからロード」ウィンドウの右上隅にある「移植性」アイコンを選択します。 これは、終了アイコンの横に上下の矢印が付いたアイコンです。
  4. 表示されるポップアップで「ファイルの選択」というラベルの付いたフィールドをクリックします。 インポートするファイルを選択するまで、フィールドには「ファイルが選択されていません」と表示されます。
  5. コンピューター上のJSONファイルに移動して選択します。 フィールドにファイルの名前が表示されます。
  6. [オプション]で、[クラウドにインポート]を選択します。
  7. 「レイアウトのインポート」をクリックして、インポートが完了するのを待ちます。
  8. または、ファイルを[ライブラリからロード]ウィンドウにドラッグアンドドロップして、ファイルが既に選択されている状態で[レイアウトのインポート]モーダルを開くこともできます。 このオプションについては、次のセクションで説明します。
  9. Divi Cloudへの変更は自動的に保存されるため、このページを保存する必要はありません。 「ライブラリからロード」モーダルの右上隅にあるXをクリックして閉じます。

複数のレイアウトをDiviクラウドに一括インポートする方法

次に、レイアウトをDiviCloudに一括インポートする方法を見てみましょう。 このプロセスでは、どのタブを選択したかは関係ありません。また、DiviCloudを表示する必要もありません。 使用しているボタンはタブの外側にあります。 バルクレイアウトは、すべてのレイアウトが含まれている単一のファイルである必要があります。

  1. Divi Webサイトのフロントエンドの任意のページに移動し、画面上部のツールバーにある[Visual Builderを有効にする]をクリックして、VisualBuilderを有効にします。
  2. ページの下部にあるDiviツールバーの紫色のプラスアイコンをクリックして、Diviライブラリを開きます。
  3. JSONファイルを含むフォルダーを開きます。
  4. インポートするファイルを[ライブラリからロード]画面にドラッグアンドドロップします。 どのタブを選択したかは関係ありません。
  5. 表示されるポップアップで「Cloudにインポート」を選択します。 ポップアップには、ファイル名フィールド内にファイルの名前が表示されます。
  6. 「レイアウトのインポート」をクリックして、インポートが完了するのを待ちます。
  7. または、前のセクションで見たように、右上隅にある「移植性」アイコンを選択してファイルに移動することもできます。
  8. Divi Cloudへの変更は自動的に保存されるため、このページを保存する必要はありません。 「ライブラリからロード」モーダルの右上隅にあるXをクリックして閉じます。

レイアウトをDiviクラウドにインポートした後の処理

レイアウトがDiviCloudにインポートされたら、見つけて使用しやすくするためにいくつかのことを行う必要があります。

Diviクラウドでインポートしたレイアウトを見つける方法

レイアウトをDiviCloudにインポートすると、それを見つけるのに役立つタグやカテゴリはありません。 幸い、レイアウトを見つけるのは簡単なプロセスです。 このプロセスは、Diviレイアウトを探す前にたくさんアップロードしても同じです。 もう少しスクロールする必要があります。

  1. まず、Divi Webサイトのフロントエンドにある任意のページに移動し、画面上部のツールバーにある[Visual Builderを有効にする]をクリックして、VisualBuilderを有効にします。
  2. 次に、ページの下部にあるDiviツールバーの紫色のプラスアイコンをクリックして、Diviライブラリを開きます。
  3. 「保存したレイアウト」というラベルの付いた上部のタブをクリックします。
  4. 次に、DiviCloudアイテムを表示します。 左側のサイドバーの[場所]の下にある[MyDiviCloud]というラベルの付いたチェックボックスをクリックします。
  5. グリッドビューまたはリストビューのいずれかを選択します。 右側のレイアウトサムネイルの上にあるグリッドアイコンであるグリッドビューは、サムネイルが表示されるため、使いやすくなっています。 リストビューの場合、リストアイコンは右側のレイアウトサムネイルの上にあり、インポートされたレイアウトの名前と公開日のみが表示されます。
  6. 最後に、名前で検索するか、新しいものから古いものに並べ替えて、レイアウトを見つけます。 新しいレイアウトは、グリッドビューの場合は左上に、リストビューの場合はリストの左上に表示されます。

Diviクラウドにインポートしたレイアウトにカテゴリとタグを追加する

レイアウトをDiviCloudにインポートしたら、タグとカテゴリを追加して、整理しやすくする必要があります。

  1. Divi Webサイトのフロントエンドの任意のページに移動し、画面上部のツールバーにある[Visual Builderを有効にする]をクリックして、VisualBuilderを有効にします。
  2. ページの下部にあるDiviツールバーの紫色のプラスアイコンをクリックして、Diviライブラリを開きます。
  3. 「保存したレイアウト」というラベルの付いた上部のタブをクリックします。
  4. 次に、DiviCloudアイテムを表示します。 左側のサイドバーの[場所]の下にある[MyDiviCloud]というラベルの付いたチェックボックスをクリックします。
  1. 名前で検索するか、新しいものから古いものに並べ替えて、編集するレイアウトを見つけます。
  1. レイアウトを右クリックして、表示されるポップアップから「タグとカテゴリの編集」を選択します。
  2. または、[レイアウトの詳細]ビューでレイアウトを右クリックし、ポップアップから[タグとカテゴリの編集]を選択することもできます。
  3. カテゴリを選択し、このレイアウトに使用するタグを選択または追加します。 終了したら、緑色のチェックアイコンをクリックします。
  4. Divi Cloudへの変更は自動的に保存されるため、このページを保存する必要はありません。 「ライブラリからロード」モーダルの右上隅にあるXをクリックして閉じます。

終わりの考え

これが、レイアウトをDiviCloudにインポートする方法についての説明です。 レイアウトをDiviCloudにインポートするのは、ページや投稿、Diviライブラリ、またはDiviテーマビルダーにインポートするのと同じくらい簡単です。 もちろん、それらをDivi Cloudにインポートすると、ログインしているDiviWebサイトですぐに利用できるという追加の利点が得られます。 一度に1つずつ、またはまとめてインポートします。 レイアウトをDiviCloudにインポートすることは、Diviレイアウトを使用する最も簡単な方法の1つです。

私たちはあなたから聞きたい。 レイアウトをDiviCloudにインポートしましたか？ コメントであなたの経験を教えてください。