Photo Caption

Photo Caption

Alexa Photo Captionレスポンシブ対応コンポーネント（AlexaPhotoCaption）は、画像のコンテキストを提供するテキストを表示します。たとえば、Alexa Photo（AlexaPhoto）レスポンシブ対応テンプレートでは、画像と共にテキストを表示するためにAlexaPhotoCaptionが使用されます。

互換性

AlexaPhotoCaptionは、次のビューポートプロファイルで動作するように設計されています。

  • alexa-viewport-profilesパッケージの以下のウィジェットビューポートプロファイル：
    • ウィジェット、中（@hubWidgetMedium）
  • alexa-viewport-profilesパッケージのすべての標準ビューポートプロファイル：
    • すべての円形デバイスプロファイル
    • すべての横長デバイスプロファイル
    • すべての縦長デバイスプロファイル
    • すべてのモバイルプロファイル
    • すべてのテレビプロファイル

ビューポートプロファイルの詳細については、ビューポートプロファイルを参照してください。

サポートされていないビューポートでAlexaPhotoCaptionを使用すると、予期しない結果になることがあります。

alexa-layoutsパッケージをインポートする

AlexaPhotoCaptionを使用するには、alexa-layoutsパッケージをインポートします。

alexa-layoutsパッケージの最新バージョンは1.7.0です。AlexaPhotoCaptionはバージョン1.5.0で導入されました。

AlexaPhotoCaptionのパラメーター

以下の表は、AlexaPhotoCaptionで設定できるパラメーターを示しています。特に記載のない限り、標準ビューポートプロファイルはすべてのパラメーターをサポートします。「ウィジェットのサポート」列は、各パラメーターをサポートするウィジェットビューポートプロファイルを示しています。ビューポートプロファイルの詳細については、ビューポートプロファイルを参照してください。

type以外のパラメーターはすべてオプションです。

名前 型 デフォルト 説明 ウィジェットのサポート 追加されたバージョン

layoutDirection

文字列

inherit

コンテンツのレイアウト方向を指定します。このプロパティは、LTR（左から右）またはRTL（右から左）に設定します。設定しない場合、親コンポーネントに指定されたlayoutDirectionが継承されます。

レスポンシブ対応コンポーネントでの右から左に記述する言語のサポートの詳細については、右から左に記述する言語のサポートを参照してください。

中

1.5.0

primaryText

文字列

—

キャプションの第1テキストです。1行で表示されます。

中

1.5.0

secondaryText

文字列

—

キャプションの第2テキストです。primaryTextの下に1行で表示されます。

中

1.5.0

type

文字列

—

常にAlexaPhotoCaptionに設定します。

中

1.5.0

AlexaPhotoCaptionの例

このページは役に立ちましたか？

最終更新日: 2025 年 12 月 23 日