Firework を Duda と連携する

Firework アカウントを Duda App Store と連携する方法

Duda は、専門家向けに販売されている Web サイトビルダーです。 Duda App Store を使用して Firework を連携できます。

 

Step 1: Firework アプリをインストールする

 

  1. Duda Web サイトのダッシュボードに移動します。
  2. 左側のナビゲーションメニュー内で「APP STORE」をクリックし、「Firework」を検索します。
    duda find firework HC
  3. 次に、「+ アプリを追加」をクリックします
  4. 関連するプランの下部にある「選択」ボタンをクリックしてプランを選択します。一瞬ロードされて、画面が切り替わります。 「了解しました」をクリックします。
  5. これでDudaアカウント内でFireworkアカウントが作成されました。

Step 2: Web サイトのデザインに要素を追加する

  1. Duda デザイン ツールで、Firework ビデオを埋め込みたいセクションを追加し、+ ボタンをクリックします。+ ボタンの上にマウスを置くと、セクションが展開されて「+ セクションの追加」と表示されます。
    add section duda HC
  2. Flex Section フォルダーから 4 Column セクションを追加し、[保存] をクリックします。
  3. デザイン パネルを開いて、グリッドを編集します。 1x1 列レイアウトを選択して、空のコンテンツ ブロックを作成します。

    design panel Duda HC
    1x1 layout Duda HC
  4. 次に、セクションの中央にある + ボタンを押して、セクションにコンテンツを追加します。
    adding section Duda HC
  5. これにより、ウィジェット追加機能がポップアップ表示されます。 Firework を検索し、選択して続行します。
    adding firework widget Duda HC
  6. これにより、小さな空白の四角形がロードされ、ウィジェットを作成するための Firework Credentials を探すフローティング ポップアップが作成されます。
    blank widget Duda HC

Step  3: コンテンツ ブロックに Firework プレイリストを入力する

  1. APP STORE に戻り、フローティング ポップアップを閉じずに Firework アプリを開きます。
    fw app to add Duda HC
  2. これにより、Duda 内の Firework 管理画面に戻ります。コンテンツ ブロックに追加するチャンネルまたはプレイリストを選択し、[埋め込み] ボタンをクリックして埋め込み設定にアクセスします。ボタンにアクセスするには、フローティング ポップアップを移動する必要がある場合があります。
    embed button Duda HC
標準の埋め込みページは、Duda Web サイトに追加するチャンネル ID プレイリスト ID に置き換えられます。コピー アイコンを使用して ID をクリップボードに追加し、フローティング ポップアップの関連フィールドに貼り付けます。次に、レイアウトを選択し、Duda 内の Firework アプリを閉じます。
copying embed ID Duda HC

Step 4: コンテンツのサイズを変更する

  1. 読み込み時間の後、その小さな空の四角形が拡大され、プレイリストの小さなスニペットが含まれます。
    loading playlist Duda HC
  2. 右側のパネルのデザイン ツールを使用して、ボックスをPxWidthの中心に位置合わせします。 [幅] オプションの右側にあるピクセルをクリックして、そのフィールドを、取得するコンテンツ ブロックのパーセンテージを表す % に変更します。
    editing size Duda HC
  3. それを 100% としてマークし、[完了] をクリックします。
    100 percent width Duda HC
  4. その後、ページをプレビューして公開し、ビデオを Web サイトに追加できます。