Search In This Blog

2021-02-23

きれいなタイルメニューを作成する|エクスペリエンス(旧コミュニティ)

タイルメニューを画面に追加する

エクスペリエンスビルダー>コンポーネント>コンテンツ>タイルメニュー

画面にDrag&Dropする



タイルメニューの内容を編集

「タイルメニューを編集」リンクをクリックする

メニュー項目を作成、削除、編集ができる。タイルメニュー項目に画像も追加できる。

メニュー項目を選択し、「省略可能」を開く、画像をアップロードで完了

※タイルメニューの画像がゲストコミュニティユーザに表示されるようにするには、[ワークスペース] | [管理] で [ゲストユーザは公開ページとログインページでアセットファイルを表示できる] を有効にします。次に、ドキュメントへの参照アクセス権を付与します。




タイルメニューのレイアウト調整

順番の調整はタイルメニューの並び順より変わる

画面テンプレートがサイドバーなしの場合は4個ずつで表示する、サイドバーありの場合は2個ずつで表示する

画像ありの場合、三つパータンがある。一部:文字バナーが表示される、画像を真ん中に小さく表示される;フル、オーバーレイなし:文字バナーが表示される、画像は拡大する;フル、オーバーレイあり:文字は真ん中に表示する、画像は拡大する

文字バナーの高さは15~100までとなる。これ以上変更したい場合はCSSで調整する

文字バナーの文字と背景色、タイルメニューの境界線の半径は変更できる



No comments:

Post a Comment