web-dev-qa-db-ja.com

画像フィールドに説明を追加するにはどうすればよいですか?

フィールド画像フィールドタイプのコンテンツタイプがあります。

このフィールドを編集すると、次のことができることがわかります。

Enable Alt field

また、次のこともできます。

Enable Title field

説明フィールドを追加して各画像の下に表示する方法はありますか?.

8
chefnelone

検討して機能しない可能性があるもう1つのオプションは、EXIFモジュールを使用して自動的にEXIFキャプションを取得することです。次に、次のようなものを使用して一括アップロードを実行することをお勧めします。 Multiupload Imagefield Widget You次に、画像データを取得するEXIFフィールドを追加し、drush exif-updateを実行しますが、これがユースケースに適合するかどうかはわかりません。これは、EXIFデータが埋め込まれている画像(つまり、Adobe LightroomまたはiPhoto)に完全に依存しています。

それは主に私が新しいサイトHigh Rock Photoを構築した方法ですが、私の場合は単一の画像のみですが、Multiupload Imagefield Widgetで拡張できると思います。私はそれをそこに捨てると思っただけです。

これが私のレシピです:

  • タイトルモジュール (従来のタイトルをフィールドに変換して、それを使って何かを行うことができます)。
  • トークン
  • 自動ノードタイトル
  • Exif

  • 上記のように、Multiupload Imagefield Widgetを追加します。私はこのモジュールを使用しましたが、この正確なレシピ内ではありません。

基本的に私がしたことはTitleモジュールを使用して従来のタイトルを置き換えることで、必要のないように設定できるようにしました。 Auto Nodetitlesを使用して、画像からExifデータからトークンを取得し、それを自動タイトルとして使用します。どのフィールドでもExifデータを使用して表示できるので、タイトル全体を置き換える必要がない場合もあります。時間があれば、マルチアップロードウィジェットを使用して、これでテストを実行します。画像の説明には、Exif iptc_caption私の画像から。

ノードを再保存するたびにdrush exif-updateを実行させるExifの場合 バグがあります (まだ修正されていないか、メンテナによって応答されていません)。理想的ではありません。

3
Danny Englander

これを行うには、フィールドタイプに別の列を追加する必要があります。現在、この列にはネイティブサポートがありません。

この機能が必要なのはあなただけではありません(私は間違いなくそれを望んでいます)。フィールドモジュールにhook_field_schema_alter()関数を追加する patch があり、これを使用して列を追加します。私はそれを試していませんが、上のリンクのコメントとテストはそれが機能することを示唆しているようです。

そのルートをたどる場合は、他のいくつかの変更フック(hook_field_widget_form_alter()など)も実装する必要があるため、簡単に修正できないことに注意してください。

コアにパッチを適用する準備ができていない場合は、 Field Collection モジュールを使用して同様のことを実行することをお勧めします。画像ウィジェットとテキストエリアウィジェットを含むコレクションアイテムを追加して、基本的に同じ効果を実現できます(ただし、パフォーマンスにはごくわずかな影響があります)。

3
Clive

この問題に触発されて、Drupal 7.の Image Field Caption モジュールを作成しました。

このモジュールは、alt/titleテキストフィールドと同様に、画像フィールド用にテキストエリアを追加します。キャプションテキスト領域を使用して、プレーンテキストまたはHTMLの説明を画像フィールドに追加できます。

  1. モジュールをダウンロードする
  2. モジュールを有効にする
  3. 画像フィールドを含むコンテンツタイプを追加するか、画像フィールドを含む既存のコンテンツタイプを使用する
  4. 画像フィールドを持つノードを追加または編集する
  5. 画像フィールドのキャプションテキスト領域にテキストまたはhtmlを入力します
  6. ノードを保存して表示し、画像フィールドの下に表示されるキャプションを確認します

キャプションの表示をカスタマイズするには、image_field_caption.tpl.phpファイルのコピーを取り、それをテーマのディレクトリに配置します。次に例を示します。

sites/all/themes/MY_THEME/image_field_caption.tpl.php

これで、必要に応じてHTMLを変更できます。

3

また、画像にキャプションを追加するためにいくつかのモジュールがあります

画像のキャプション

説明:

このモジュールは、JQueryを使用して画像にキャプションを動的に追加します。画像のタイトル属性は、キャプションを作成するために使用されます。基本的には、htmlコンテナーdivで画像をラップし、画像のタイトルテキストを取得して、画像の下の子divに追加します。技術的には、Drupalのhook_nodeapiを実装して、構成されたタイプのノードが表示されるときに、ページのヘッドセクションにキャプションjqueryの小さなスニペットを1つ追加することで機能します。

画像フィールドのキャプション

説明:画像フィールドのキャプション用にテキスト領域を追加します。

画像フィールドで使用できるaltおよびtitleテキストフィールドと同様に、キャプションテキスト領域を使用して、画像のテキストまたはhtmlの説明を入力できます。

JCaption

説明:これは、jQueryを使用して画像のTITLEまたはALT属性を画像キャプションに変換するDrupal 7.xの単純なモジュールです。多くの可能な構成を含む設定ページがあります。画像のキャプションはWYSIWYGエディターには表示されませんが、ノードを表示すると表示されます。

このモジュールは、類似のモジュールといくつかの点で異なります。

1
Yusef

タイトルフィールドを説明として使用する場合は、 Image Caption または Image Caption Formatter moduleを使用できます。このようなものをD8のコアに含めるための request があります。これは、html5キャプションタグに基づいています。

0
fietserwin