エレメントの検索と追加.
追加するエレメントはすべてエレメントピッカーから選びます。5つのタブを持つダイアログです。レイアウト、コンテンツ、Drupalブロック、Drupalビュー、保存したテンプレート。各タブの中身と、エレメントを素早く見つける方法を説明します。例では各タブを巡り、Contentタブからボタンを追加しています。
ピッカーを開く
- 空のコンテンツエリアでAdd Elementsをクリックし、LayoutタブからSectionを選びます。
- セクションの+をクリックします。ピッカーがもう一度開きます。ここで選んだ内容は、このセクション内の先頭に入ります。
5つのタブを見る
- 最初にLayoutをクリックします。Section、Row、Tabs、Collapse panel、Carousel、Positioned layersがあります。
- 次にContentをクリックします。Searchボックス付きのテキスト、メディア、インタラクティブの各エレメントがあります。
- 次にDrupal Blocksをクリックします。Filter by categoryと検索ボックス付きのサイトのブロックがあります。
- 次にDrupal Viewsをクリックします。有効なビューのすべてのディスプレイがあり、Filter by tagと検索ボックスが付いています。
- 最後にSaved templatesをクリックします。自分専用と共用のテンプレートがあり、Filter by user、Filter by type、検索ボックスが付いています。
検索ボックスがあるのはLayout以外の各タブです。Searchボックスに名前の一部を入力してそのタブを絞り込みます。
エレメントの追加
- タブはContentに戻り、Buttonを選びます。設定ダイアログがすぐに開きます。
- まずTitleを入力し、Linkを設定してSaveをクリックします。TypeはPrimaryのままです。
- ツールバーのSaveをクリックします。
コンテンツエレメント
| エレメント | 用途 |
|---|---|
| Alert | Bootstrapのアラートメッセージ |
| Block quote | スタイル付きの引用 |
| Button | リンク付きのスタイル付きボタン |
| Card | ヘッダー、タイトル、コンテンツ付きのカード |
| Circle counter | 円形のプログレスアニメーション |
| Countdown timer | 日時へのカウントダウン |
| Number counter | カウントアップする数値 |
| HTML | 生のHTMLコード |
| Icon | アイコンライブラリーのアイコン |
| Image | リンクとaltテキスト付きの単独画像 |
| Image carousel | 回転する画像ギャラリー |
| Jumbotron | タイトルとリード文付きの大きなバナー |
| Link | スタイル付きのリンク |
| Map | Googleマップの埋め込み |
| Marquee | スクロールする画像の帯 |
| Panel | タイトル付きの枠付きパネル |
| Progress bar | アニメーションのプログレス表示 |
| Divider | 水平線 |
| Text | インライン編集付きのリッチテキスト |
| Local video | 自前の動画ファイル |
| Video | 埋め込み動画（YouTube、Vimeo） |
| Social links | ソーシャルメディアのアイコンリンク |
表示内容
ほとんどのエレメントは、選ぶとすぐに設定ダイアログが開きます。Card、Divider、Panelは直接ページに配置されます。Section、Row、Tabs、Collapse panelも同様です。CarouselとPositioned layersは先に設定を開きます。新しいエレメントは、クリックしたセクションやカラムの先頭に入ります。下の方がよければドラッグで下げます。
エレメントが表示されない場合
- タブにエレメントがない。 ユーザープロファイルで非表示になっています。管理者がElementsのDXPR Studio > DXPR Builder > User Profiles（
/admin/dxpr_studio/dxpr_builder/profile）でチェックします。プロファイルでは一部のエレメント名が異なります。SeparatorがDivider、CounterがNumber counter、CountdownがCountdown timer、BlockquoteがBlock quoteです。 - 新しいブロックやビューディスプレイがない。 プロファイルのCheck/Uncheck all BlocksやCheck/Uncheck all Viewsのチェックがない限り、ユーザープロファイルに新しいブロックやディスプレイは自動で追加されません。管理者が同じプロファイルのBlocksやViewsでチェックします。
- Drupal Blocksタブがない。 ビルダーがブロックを一覧するのは、DrupalのBlock Contentモジュールがオンのときのみです。Extend（
/admin/modules）で有効化します。 - Saved templatesが空になっている。 まだ何も保存されていません。エレメントのMoreメニューでSave as templateを選びます。ユーザーテンプレートをご覧ください。
次のステップ
- エレメントをドラッグで配置する：新しいエレメントをあるべき場所に動かします。
- ページ上でのテキスト編集：ダイアログなしでテキストを入力・書式設定します。
- エレメント：各エレメントの内容と設定方法を確認できます。