メディアライブラリーから画像を配置する.

Learn DXPR BuilderManage the siteDrupal-functies koppelen

サイトのメディアライブラリーから写真をページに置きましょう。短い テキストの横に並べます。画像を名前で探してチェックを入れ、挿入すれば、 すべてのページが同じ承認済み画像を使い回せます。これが推奨の画像選択法 です。Entity Browserは、 サイトがすでにそれに頼っている場合だけお使いください。

はじめる前に

  • モジュールMedia Libraryが有効で、サイトにマシン名 imageの画像メディアタイプがあります。
  • Browser typeはMedia Libraryです。Mediaセクションの一般設定にあります。
  • お持ちの権限はView mediaです。

設定手順

  1. コンテンツエリアの+をクリックし、 LayoutタブからSectionを選びます。
  2. セクションの+をクリックしてRowを選びます。 2つの均等カラム付きで入ります。
  3. 右カラムの+をクリックし、 ContentタブからTextを選びます。見出しを 入力し、Heading 2にし、1行追加して Saveをクリックします。
  4. 左カラムの+をクリックして Imageを選びます。
  5. クリックするのはSelect Imageです。Media browser が新しい順で開きます。
  6. 入力するのはNameに画像名の一部で、 Apply filtersをクリックします。
  7. 画像にチェックを入れてInsert selectedを クリックします。
  8. 開くのはSEOパネルで、Alt attributeを入力してSaveをクリックします。

表示結果

写真が左カラムに収まり、横にテキストが並びます。メディアアイテムは ライブラリーに残るので、他のページも同じ画像を使えます。

対象のMedia browserは検索以上の機能を持ちます。

  • Add file: パソコンから新しい画像をアップロードします。 全員のライブラリーに加わります
  • Sort by: 新しい順か古い順か
  • GridかTableのライブラリー表示です
  • 各画像のチェック。Insert selectedはチェックした画像を すべて取り込みます。画像1点のフィールドは最初の1点だけ使います

他の画像フィールドも同じブラウザーを開きます。Style パネルのBackground image、Image carouselと Marqueeの画像リスト、動画のポスターです。Local video エレメントのSelect videoは動画ファイル用に開きます。

メディアブラウザーが表示されない場合

  • Select Imageではなくプレーンなアップロードボタンが出ます。 Browser typeがBasic file uploadです。選択はMedia LibraryをMedia下で行います (/admin/dxpr_studio/dxpr_builder/settings)。
  • ブラウザーに「Media Library is not enabled.」と出ます。 Media Libraryモジュールがオフです。 Extend (/admin/modules)で有効にします。
  • ブラウザーに「Access denied」と出ます。 ロールに View mediaがありません。People > Permissions (/admin/people/permissions)で 付与します。
  • Add fileフォームがありません。 ロールに画像メディアの作成が ない可能性があります。同じ権限ページでImage: Create new mediaを付与します。

次はこちら

高度なメディア選択のためのエンティティーブラウザーでDXPR Builderの探索を続けましょう。