DiviCloudアイテムをプレビューする方法

公開: 2022-06-03

しばらくDiviを使用すると、構築要素の大規模なライブラリを簡単に構築できます。 Divi Cloudの利点は、これらの構築要素をクラウドに保存して、いつでも任意のDiviWebサイトからアクセスできることです。 これは、適切なレイアウトを見つけるために並べ替えたり検索したりするための大きなライブラリがある可能性があることを意味します。 幸い、Divi Cloudを使用すると、インポートする前にレイアウトを簡単にプレビューできるため、ライブラリが使いやすくなります。 この投稿では、レイアウトをインポートする前にオプションを絞り込むのに役立つ3つの異なる方法を使用してDiviCloudアイテムをプレビューする方法を説明します。

始めましょう！

なぜDiviCloudアイテムをプレビューするのですか？

インポートする前にDiviCloudアイテムをプレビューすることは、時間を節約するための優れた方法です。 Divi Cloudを使用する利点の1つは、レイアウトの複数のバリエーションを作成して保存できることです。 便利なウェブサイト構築ツールのフォルダと同様に、複数のレイアウトを作成すると、どのレイアウトがどれであるかを判断するのが難しくなる可能性があります。

プレビューは、インポートする前にレイアウトのスナップショットを提供します。 これにより、毎回正しいレイアウトをインポートするのがはるかに簡単になります。 これは、類似した外観または類似した名前を持つ複数のレイアウトがある場合に特に役立ちます。

プレビューすると、ライブラリの閲覧が簡単になります。 何かが気になるまでレイアウトを検索して並べ替え、プレビューして、うまくいくかどうかを確認できます。 インポートする前に、レイアウトがどのように見えるかがわかります。

Diviクラウドアイテムを簡単に見つける方法

Divi Cloudアイテムをプレビューする方法を確認する前に、それらを見つける方法を見てみましょう。 DiviCloud内でDiviレイアウトを見つける方法はいくつかあります。

  1. まず、Divi Webサイトのフロントエンドにある任意のページに移動し、画面上部のツールバーにある[Visual Builderを有効にする]をクリックして、VisualBuilderを有効にします。
  2. ページの下部にあるDiviツールバーの紫色のプラスアイコンをクリックして、Diviライブラリを開きます。
  3. 「保存したレイアウト」というラベルの付いた上部のタブをクリックします。
  4. 次に、DiviCloudアイテムを表示します。 左側のサイドバーの[場所]の下にある[MyDiviCloud]というラベルの付いたチェックボックスをクリックします。
  5. タグで並べ替える必要がない限り、グリッドビューが選択されていることを確認してください。 これは、右側のレイアウトサムネイルの上にあるグリッドアイコンです。
  6. Divi Cloudアイテムを検索、並べ替え、またはフィルタリングして、プレビューするレイアウトを見つけます。 キーワードやお気に入りで検索したり、カテゴリやタグを選択してフィルタリングしたり、時間、名前、お気に入りに基づいて並べ替えたりできます。

DiviCloudアイテムをプレビューする方法

DiviCloudアイテムをDiviCloud内でプレビューする方法は3つあります。 3つの方法すべてでDiviレイアウトをプレビューする方法を見てみましょう。

DiviCloudアイテムのサムネイルをプレビューする

レイアウトのサムネイルをプレビューするのが最も速くて簡単なプレビュー方法ですが、サムネイルであるため、小さくなり、詳細を確認するのが難しくなります。

  1. まず、Divi Webサイトのフロントエンドにある任意のページに移動し、画面上部のツールバーにある[Visual Builderを有効にする]をクリックして、VisualBuilderを有効にします。
  2. ページの下部にあるDiviツールバーの紫色のプラスアイコンをクリックして、Diviライブラリを開きます。
  3. 「保存したレイアウト」というラベルの付いた上部のタブをクリックします。
  4. 次に、DiviCloudアイテムを表示します。 左側のサイドバーの[場所]の下にある[MyDiviCloud]というラベルの付いたチェックボックスをクリックします。
  5. タグで並べ替える必要がない限り、グリッドビューが選択されていることを確認してください。 これは、右側のレイアウトサムネイルの上にあるグリッドアイコンです。
  6. Divi Cloudアイテムを検索、並べ替え、またはフィルタリングして、プレビューするレイアウトを見つけます。 キーワードやお気に入りで検索したり、カテゴリやタグを選択してフィルタリングしたり、時間、名前、お気に入りに基づいて並べ替えたりできます。
  7. プレビューするレイアウトを見つけたら、マウスカーソルをレイアウトのサムネイルの上に置きます。 レイアウトはサムネイル内でスクロールし、レイアウトのプレビューを確認できます。 サムネイルの上にカーソルを置くと下にスクロールし、サムネイルからカーソルを離すと上にスクロールします。

レイアウトの詳細でDiviCloudアイテムをプレビューする

スクロールできる大きなウィンドウでDiviCloudレイアウトをプレビューすることもできます。 このプレビューはレイアウトの大きな画像を示しており、使用する前にレイアウトを詳細に確認するのに最適です。

  1. まず、Divi Webサイトのフロントエンドにある任意のページに移動し、画面上部のツールバーにある[Visual Builderを有効にする]をクリックして、VisualBuilderを有効にします。
  2. ページの下部にあるDiviツールバーの紫色のプラスアイコンをクリックして、Diviライブラリを開きます。
  3. 「保存したレイアウト」というラベルの付いた上部のタブをクリックします。
  4. 次に、DiviCloudアイテムを表示します。 左側のサイドバーの[場所]の下にある[MyDiviCloud]というラベルの付いたチェックボックスをクリックします。
  5. タグで並べ替える必要がない限り、グリッドビューが選択されていることを確認してください。 これは、右側のレイアウトサムネイルの上にあるグリッドアイコンです。
  6. Divi Cloudアイテムを検索、並べ替え、またはフィルタリングして、プレビューするレイアウトを見つけます。 キーワードやお気に入りで検索したり、カテゴリやタグを選択したり、時間、名前、お気に入りに基づいて並べ替えたりできます。
  7. プレビューするレイアウトを見つけたら、レイアウトのサムネイルをクリックします。 これにより、[レイアウトの詳細]ビューが開き、レイアウトが大きなウィンドウに表示されます。 左側にレイアウトが表示され、右側にその他のレイアウトのサムネイルリストが表示されます。
  8. 大きなウィンドウでレイアウトにカーソルを合わせ、スクロールしてレイアウトを表示します。 このウィンドウ内で上下にスクロールできます。

ライブデモをプレビューする

最後に、Webサイトでライブデモとしてレイアウトをプレビューできます。 ライブデモは完全にインタラクティブでレスポンシブです。 これにより、使用する前にレイアウトを最適に表示できます。

  1. まず、Divi Webサイトのフロントエンドにある任意のページに移動し、画面上部のツールバーにある[Visual Builderを有効にする]をクリックして、VisualBuilderを有効にします。
  2. ページの下部にあるDiviツールバーの紫色のプラスアイコンをクリックして、Diviライブラリを開きます。
  3. 「保存したレイアウト」というラベルの付いた上部のタブをクリックします。
  4. 次に、DiviCloudアイテムを表示します。 左側のサイドバーの[場所]の下にある[MyDiviCloud]というラベルの付いたチェックボックスをクリックします。
  5. タグで並べ替える必要がない限り、グリッドビューが選択されていることを確認してください。 これは、右側のレイアウトサムネイルの上にあるグリッドアイコンです。
  6. Divi Cloudアイテムを検索、並べ替え、またはフィルタリングして、プレビューするレイアウトを見つけます。 キーワードやお気に入りで検索したり、カテゴリやタグを選択したり、時間、名前、お気に入りに基づいて並べ替えたりできます。
  7. プレビューするレイアウトを見つけたら、レイアウトのサムネイルをクリックします。 これにより、[レイアウトの詳細]ビューが開き、DiviCloud画面の左側にある大きなウィンドウにレイアウトが表示されます。
  8. 「ライブデモの表示」というラベルの付いたレイアウトの画像の下にある緑色のボタンを選択します。 これにより、レイアウトが一時的にインポートされ、Divi Cloudウィンドウが閉じて、Webサイトでレイアウトを表示できるようになります。 レイアウトをインポートした場合と同じように見え、クリック、ホバー、スクロール、アニメーションの表示などを行うことができます。
  9. または、最初の画面のサムネイルまたはレイアウトの詳細画面のレイアウトの画像を右クリックして、ポップアップメニューから[ライブプレビュー]を選択することもできます。 これは、緑色の[ライブデモを表示]ボタンをクリックするのと同じように機能します。
  10. 画面の右上隅にある[X]をクリックしてプレビューを閉じ、DiviCloudレイアウトウィンドウに戻ります。

終わりの考え

これが、DiviCloudアイテムをプレビューする方法です。 プレビューは、DiviCloudライブラリを参照するための優れた方法です。 サムネイルの表示、大きな画像の表示、Webサイトでのレイアウトの表示など、レイアウトをプレビューする方法はいくつかあります。 それぞれの方法には、速度、詳細、および対話性の点で利点があります。 3つの方法はすべて、Webサイトで使用する正確なDiviレイアウトを絞り込むのに役立つようにする価値があります。 ここに示した順序でそれらを使用して、DiviCloudレイアウトを可能な限り最速で見つけることをお勧めします。

私たちはあなたから聞きたい。 インポートする前にDiviCloudアイテムをプレビューしますか？ コメントで教えてください。