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


8

私が持っているコンテンツタイプ持っているフィールド画像フィールドのタイプを。

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

Enable Alt field

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

Enable Title field

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

回答:


3

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

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

これが私のレシピです:

  • Title Module(従来のTitleをフィールドに変換して、それを使って作業できるようにします)。
  • トークン
  • 自動ノードタイトル
  • Exif

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

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

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


3

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

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

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

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


1
ええ、フィールドコレクションオプションは機能します。パフォーマンスへの影響に気づいたことはありません。ただし、それらを使用するのは少し面倒です。マークアップの作り直しも少しラフになる可能性があります。
mpdonadio

1
フィールドコレクションも考えましたが、100枚の画像をアップロードする必要があります。画像フィールドとmultiupload_imagefield_widgetモジュールを使用して、すぐにそれを行うことができます。Fieldコレクションを使用する場合、すべての画像を手動でアップロードする必要があります。
chefnelone

うーん、フィールドモジュールにパッチを適用することが、これを実行できる唯一の方法のように見えます
Clive

フィールドコレクションの+1の場合、これには最適だと思います。
ダニーイングランド人2012

なるほど、私はそれを行う別の方法を見つけようとします。
chefnelone

3

この問題に触発され、Drupal 7の画像フィールドキャプションモジュールを作成しました。

このモジュールは、画像フィールド用に、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を変更できます。


このモジュールを有効にした後、キャプションのテキスト領域が表示されません。キャッシュをクリアしました。既存のコンテンツを含む既存のコンテンツタイプの既存の画像フィールドにキャプションを追加しようとしています。
ランデル2014年

更新:画像にメディアブラウザウィジェットタイプを使用する場合にのみ機能しないことに注意してください。
ランデル

@Randellはここで問題キューに通知してください:drupal.org/project/issues/image_field_caption
tyler.frankenstein

1

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

画像のキャプション

説明:

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

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

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

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

JCaption

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

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


0

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.