フラグメント全体に適用されるリンクを設定する方法

ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

問題

• 場合によっては、フラグメント全体に適用されるリンクを確立する必要が生じることがあります。
• 通常、最初に思いつくアイデアは、ネストされた編集可能フィールドを使用することです。 ただし、ネストされた編集可能フィールドはサポートされていません。

Environment

• Liferay DXP 7.4+

解決策

• これを実現するには、次の 2 つの代替方法があります。
  1. コンテナ フラグメントを使用してリンクに対応するすべての要素を収集し、「リンク」コンテナ オプションを使用してコンテナを便利な URL にマップします。
  2. Update 45 以降で利用可能な LPS-164081 および LPS-164123 に追加された、最近作成された URL 構成タイプを使用します。 この場合、タイプ url の新しい構成フィールドをフラグメントの構成に追加する必要があります。 これが完了すると、編集可能なフィールド値をラップするアンカーの href 属性で、ユーザーが構成した値を FreeMarker 変数として参照できます。

<div>
    <div class="card">
         <a href="${configuration.myurl}">
            <div class="card-body">
                <div class="upper">
                    <h2 data-lfr-editable-id="title" data-lfr-editable-type="text">Header</h2>
                </div>
                <div>
                    <p data-lfr-editable-id="description" data-lfr-editable-type="text">Description</p>
                </div>
              </div>
           </a>
    </div>
</div>

{
    "fieldSets": [
        {
            "fields": [
                {
                    "name": "myurl",
                    "label": "URL",
                    "type": "url"
                }
            ]
        }
    ]
}

追加情報

• LPS-164081: フラグメント開発者として、「url」構成タイプを含むフラグメントを作成したいと考えています。
• LPS-164123: 構成タイプの URL を追加します