この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

Experience Cloud 開発者ガイド

エクスペリエンスビルダーサイトを使いこなすには
エクスペリエンスビルダーサイトの開発: 基本
エクスペリエンスビルダーテンプレートの外観のカスタマイズ
[テーマ] パネルでのテンプレートの更新
カスタム CSS でのテンプレート要素の上書き
CSS 上書きの移行
ナビゲーションメニューの CSS 上書きの移行
���ネルコンテナの CSS 上書きの移行
レコードバナーコンポーネントの CSS 上書きの移行
レコード詳細コンポーネントの CSS 上書きの移行
レコードレイアウトコンポーネントの CSS 上書きの移行
レコードリストコンポーネントの CSS 上書きの移行
レコード関連リストコンポーネントの CSS 上書きの移行
関連記事コンポーネントの CSS 上書きの移行
評価ランキング表コンポーネントの CSS 上書きの移行
組み込みサービスサイドバーヘッダーコンポーネントの CSS 上書きの移行
トピック別トレンド記事コンポーネントの CSS 上書きの移行
エクスペリエンスビルダーサイトでのカスタムフォントの使用
テンプレートのテーマレイアウトのカスタマイズ
Aura サイトでの式の使用
エクスペリエンスビルダーのカスタムコンテンツレイアウトコンポーネントの作成
交換可能な検索およびプロファイルメニューコンポーネントの設定
エクスペリエンスビルダーサイトの標準デザイントークン
Experience Cloud サイトを使用する組織のカスタムコンポーネントのセキュリティの確保
セキュアサイトの開発: 認証済みユーザとゲストユーザ
セキュアサイトの開発: Lightning Locker と CSP
エクスペリエンスビルダーサイトパフォーマンスの分析と向上
エクスペリエンスビルダーサイトへの Pardot トラッキングの追加
エクスペリエンスビルダーサイトでの CMS の使用
デフレクションの報告: デフレクションシグナルフレームワーク
Sandbox から本番組織への Experience Cloud サイトのリリース
PDF

ナビゲーションメニューの CSS 上書きの移行

カスタム CSS 上書きを継続して使用する場合は、テンプレートの更新後に CSS 上書きを移行してください。

このトピックでは、ナビゲーションメニューのセレクタの変更点について説明します。

  • テンプレートの更新では、カスタマイズがサポートされるとは限らないため、カスタム CSS は慎重に使用してください。
  • 現在、カスタム CSS は、すべてのサイトページで共有されています。ログインページでカスタム CSS を使用していた場合は、コピーしてから CSS エディタを閉じます。次に、ログイン以外のページに移動し、エディタを再び開いて、カスタム CSS を追加します。

メモ

完全なナビゲーションメニュー

以前のセレクタ 新しいセレクタ

.forceCommunityNavigationMenu

.forceCommunityNavigationMenu #navigationMenu

.forceCommunityNavigationMenu .navigationMenu

.forceCommunityNavigationMenu .navigationMenuWrapper

 .comm-navigation

モバイルメニューカーテン

以前のセレクタ 新しいセレクタ
.forceCommunityNavigationMenu .navigationMenuWrapperCurtain .comm-navigation nav.slds-is-fixed

ホームメニュー項目

以前のセレクタ 新しいセレクタ

.forceCommunityNavigationMenu .homeLink

.forceCommunityNavigationMenu .homeButton

 .comm-navigation .slds-list__item a[data-type="home"]

ホームメニュー項目のリンク

以前のセレクタ 新しいセレクタ

.forceCommunityNavigationMenu

.homeLink.forceCommunityNavigationMenu

.homeButton.comm-navigation .slds-list__item a[data-type="home"]

 .comm-navigation .comm-navigation__item a[data-type="home"]

モバイルメニュートグルボタン

以前のセレクタ 新しいセレクタ
.forceCommunityNavigationMenu .toggleNav .siteforceServiceBody .cHeaderPanel .cAltToggleNav

最上位メニュー���目

サブメニュートリガが含まれます。

以前のセレクタ 新しいセレクタ

.forceCommunityNavigationMenu .menuItem

.forceCommunityGlobalNavigation .navigationMenuNode

 .comm-navigation .comm-navigation__list > .slds-list__item

.forceCommunityNavigationMenu .menuItem

.forceCommunityGlobalNavigation .navigationMenuNode

.comm-navigation .comm-navigation__list > .slds-list__item

.comm-navigation .comm-navigation__list > .slds-list__item > .comm-navigation__item

現在の最上位メニュー項目

以前のセレクタ 新しいセレクタ

.forceCommunityNavigationMenu .current

.forceCommunityGlobalNavigation .menuItem.current

 .comm-navigation .comm-navigation__list > .slds-list__item > .slds-is-active

.forceCommunityNavigationMenu .current

.forceCommunityGlobalNavigation .menuItem.current

.comm-navigation .comm-navigation__list > .slds-list__item > .slds-is-active

 .comm-navigation .comm-navigation__list > .slds-list__item> .comm-navigation__item > .slds-is-active

最上位メニュー項目のリンク

以前のセレクタ 新しいセレクタ

.forceCommunityNavigationMenu .menuItemLink

.forceCommunityNavigationMenu a.menuItemLink

.forceCommunityNavigationMenu .menuItem .menuItemLink

.forceCommunityNavigationMenu .menuItem a

.forceCommunityNavigationMenu .menuItem a.menuItemLink

.comm-navigation .comm-navigation__list > .slds-list__item > a

.comm-navigation .comm-navigation__list > .slds-list__item > button

.forceCommunityNavigationMenu .menuItemLink

.forceCommunityNavigationMenu a.menuItemLink

.forceCommunityNavigationMenu .menuItem .menuItemLink

.forceCommunityNavigationMenu .menuItem a

.forceCommunityNavigationMenu .menuItem a.menuItemLink

.comm-navigation .comm-navigation__list > .slds-list__item > a

.comm-navigation .comm-navigation__list > .slds-list__item > button

.comm-navigation .comm-navigation__list > .slds-list__item> .comm-navigation__item > a

.comm-navigation .comm-navigation__list > .slds-list__item> .comm-navigation__item > button

サブメニュー項目

以前のセレクタ 新しいセレクタ
.forceCommunityNavigationMenu .subMenuItem .comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item

.forceCommunityNavigationMenu .subMenuItem

.comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item

 .comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item

現在の/有効なサブメニュー項目

以前のセレクタ 新しいセレクタ
.forceCommunityNavigationMenu .subMenuItem.current .comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item .slds-is-active

.forceCommunityNavigationMenu .subMenuItem.current

.comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item .slds-is-active

 .comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item .slds-is-active

サブメニュートリガのリンク

以前のセレクタ 新しいセレクタ

.forceCommunityNavigationMenu .triggerLink

.forceCommunityNavigationMenu .triggerLabel

 .comm-navigation .slds-list__item button:enabled

.forceCommunityNavigationMenu .triggerLink

..forceCommunityNavigationMenu .triggerLabel

.comm-navigation .slds-list__item button:enabled

 .comm-navigation .comm-navigation__item button:enabled

サブメニュートリガのリンクアイコン

以前のセレクタ 新しいセレクタ
.forceCommunityNavigationMenu .triggerLink .forceIcon .comm-navigation .slds-list__item button:enabled .slds-icon_container

.forceCommunityNavigationMenu .triggerLink .forceIcon

.comm-navigation .slds-list__item button:enabled .slds-icon_container

 .comm-navigation .comm-navigation__item button:enabled .slds-icon_container

メニュー項目

最上位およびサブメニューの項目が含まれます。

以前のセレクタ 新しいセレクタ
.forceCommunityNavigationMenu .navigationMenu li .comm-navigation .slds-list__item

.forceCommunityNavigationMenu .navigationMenu li

.comm-navigation .slds-list__item

 .comm-navigation .comm-navigation__item

メニュー項目のリンク

最上位およびサブメニューの項目が含まれます。

以前のセレクタ 新しいセレクタ

.forceCommunityNavigationMenu a

.forceCommunityNavigationMenu a.menuItemLink

.comm-navigation .slds-list__item a

.comm-navigation .slds-list__item button

.forceCommunityNavigationMenu a

.forceCommunityNavigationMenu a.menuItemLink

.comm-navigation .slds-list__item a

.comm-navigation .slds-list__item button

 .comm-navigation .comm-navigation__item a.comm-navigation .comm-navigation__item button

サブメニュー

以前のセレクタ 新しいセレクタ
.forceCommunityNavigationMenu .subMenu .comm-navigation .slds-list_vertical.slds-is-nested

サブメニュー項目

以前のセレクタ 新しいセレクタ
.forceCommunityNavigationMenu .subMenuItem .comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item

.forceCommunityNavigationMenu .subMenuItem

.comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item

 .comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item

サブメニュー項目のリンク

以前のセレクタ 新しいセレクタ

.forceCommunityNavigationMenu .subMenuItem a

.forceCommunityNavigationMenu .subMenu a

 .comm-navigation .slds-list_vertical.slds-is-nested .slds-list__item a

.comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item

 .comm-navigation .slds-list_vertical.slds-is-nested .comm-navigation__item a