Firework をドゥーダと連携

Dudaはプロ向けのウェブサイトビルダーです。Duda App Storeを使ってFireworkと連携することができます。

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

ステップ1

Dudaウェブサイトダッシュボードにアクセスします。

ステップ2

左側のナビゲーションメニューからAPP STOREをクリックし、Fireworkを検索します。

ステップ3

+ Add Appをクリックします。

ステップ4

ご希望のプランのChooseボタンをクリックしてプランを選択します。しばらく読み込みが行われた後、完了ページが表示されますのでGot it.をクリックします。

ステップ5

Dudaのサイトダッシュボード内に新しいFireworkアカウントが作成されます。

ウェブサイトのデザインに要素を追加する

ステップ1

Dudaのデザインツールで、Firework動画を埋め込みたい箇所にセクションを追加し、+ ボタンをクリックします。+ ボタンにカーソルを合わせると「+ Add Section」と表示されます。

ステップ2

Flex Sectionフォルダーから4 Columnセクションを追加し、Saveをクリックします。

ステップ3

Design Panelを開いてGridを編集します。1x1列レイアウトを選択して空白のコンテンツブロックを作成します。

ステップ4

セクションの中央にある+ ボタンを押して、コンテンツをセクションに追加します。

ステップ5

ウィジェット追加画面がポップアップ表示されます。Fireworkを検索して選択します。

ステップ6

小さな空白の矩形が読み込まれ、Fireworkの認証情報を入力するためのフローティングポップアップが表示されます。

コンテンツブロックにFireworkプレイリストを挿入します

ステップ1

APP STOREに戻り、フローティングポップアップを閉じずにFireworkアプリを開きます。

ステップ2

Duda内のFireworkBusiness Portalに戻ります。コンテンツブロックに追加したいチャンネルまたはプレイリストを選択し、埋め込みボタンをクリックして埋め込み設定に進みます。「埋め込み」ボタンにアクセスするために、フローティングポップアップを移動する必要がある場合があります。

ステップ3

標準の埋め込みページがDudaウェブサイト用のChannel IDとPlaylist IDに置き換えられます。コピーアイコンを使ってIDをクリップボードにコピーし、フローティングポップアップの該当フィールドに貼り付けます。次にレイアウトを選択し、Duda内のFireworkアプリを閉じます。

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

ステップ1

しばらく読み込みが行われると、小さな空白の矩形が拡大され、動画プレイリストの一部が表示されます。

ステップ2

右側のパネルのデザインツールを使用して、ボックスを縦横の中央軸に揃えます。幅（Width）オプションの右側にあるpxをクリックして%表示に変更します（コンテンツブロック全体に対するパーセンテージを表します）。

ステップ3

100%に設定してDoneをクリックします。

ステップ4

ページをプレビューして公開（publish）すると、ウェブサイトに動画が追加されます。