ナビゲーションメニュー要素にアイコンを追加する

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

Liferay DXP 2025年第2四半期以降

アイコンを使用すると、ナビゲーションメニューをスキャンしやすくなり、視覚的に魅力的になります。これらは、特に複雑な構造を持つサイトで、ユーザーが一目でセクションを認識するのに役立つ、簡単な視覚的な手がかりを提供します。アイコンを使用すると、メニューのスタイル設定や整理の柔軟性も高まります。

ヒント

利用可能なアイコンのリストは、 Clay UI ドキュメントに記載されています。

サイトメニュー () を開き、 サイトビルダーを展開して、 ナビゲーションメニューに移動します。
ナビゲーションメニュー を作成するか 、既存のナビゲーションメニューの タイトル をクリックして編集を開始します。
新しい要素を追加するか、既存の要素を選択します。
右側のパネルで アイコンを選択 をクリックします。
アイコンのリストを参照して 1 つを選択するか、検索バーを使用して特定のアイコンを見つけます。

ヒント

アクセシビリティキーボードで移動する場合、 Enter キー を押して、アイコンの選択ボタンをアクティブにします。検索バーにすぐに入力できます。コントロール間を移動するには Tab キーを使用し、アイコンリスト内を移動するには 上矢印/下矢印 キーを使用します。
[保存]をクリックします。選択したアイコンがメニュー要素の横に表示されます。