【必読】なぜ今、Aura ではなく LWR を選ぶべきなのか？

【管理者向け】LWRサイト構築・デザイン完全ガイド

2025.12.152026.05.28

ログイン・ログアウト

【LWRデザイン】「ログイン画面」だけ手抜きになっていませんか？標準機能だけで作る、ブランド感あふれるログインページの作り方

Experience Cloud (LWR) のログイン画面は、デフォルトのままでは味気がありません。グリッドや画像コンポーネントを組み合わせて、標準機能だけで「今風」の分割レイアウトやブランド感のあるログインページを作成する手順を解説。

【LWC】LWRサイトのテーマに完全適応するログイン・ログアウトを切り替えるボタンの実装【Design Tokens活用】

LWRサイトで、ユーザーのログイン状態に応じて「ログイン」と「ログアウト」の表示を自動で切り替えるLWCの実装方法を解説します。ゲストユーザー判定と動的なURL生成を含む完全なコード例です。

サイトデザインとブランディング

エクスペリエンスビルダーを使って、ノーコードでサイトの見た目を整える基本手順です。

【ノーコード】CSS不要！サイトの「色」と「フォント」を3分でカスタマイズする方法

Experience Cloudサイトのデザインをノーコードで刷新！ビルダーの「テーマパネル」を使って、ブランドカラーやフォントを一瞬で変更する手順を解説。CSS不要でプロっぽい見た目にするための基本設定ガイド。

【ノーコード】サイトの顔「ロゴ」と「ファビコン」を設定して、プロフェッショナルな見た目に仕上げる方法

サイトの信頼感を高める「ロゴ」と「ファビコン」の設定完全ガイド。LWRではロゴもファビコンもCMSで管理します。詳しい手順を解説。

【ノーコード】サイトの足元も美しく。「フッター」の編集とコピーライト表記の設定方法

サイトの信頼感を底上げする「フッター」のカスタマイズガイド。LWRビルダーを使ったコピーライトの変更、リンクの追加、詳細なレイアウト指定の方法を解説。

【LWR小技】ページの途中で背景色が切れてしまう！「height: 100%」の罠と解決法

LWRサイトで、設定した背景色が画面の下部まで適用されず途中で切れてしまう問題の解決法を紹介します。原因となる標準CSSの特定と、ヘッドマークアップを使った修正手順を解説。【Salesforce Experience Cloud】

レイアウトとナビゲーション

情報を整理し、ユーザーを迷わせない導線を作ります。

【LWRレイアウト入門】CSS不要！グリッドシステムとレスポンシブ設定を使いこなして「崩れない」サイトを作る

LWRサイトのレイアウト崩れを防ぐための基礎知識。「テーマパネル」による全体設定から、CSS不要でスマホ対応を実現する「縦積み設定」、そして「スタイルタブ」での正しい余白調整（rem単位）まで、ビルダーの標準機能を使い倒すテクニックを解説。

【LWRデザイン】なぜあなたのサイトはズレるのか？「グリッドレイアウト」と「レスポンシブ設定」を極める

LWRサイトのレイアウト作成で挫折していませんか？デザイン崩れの最大の原因である「グリッドシステム（12カラム）」の仕組みと、スマホ・PCで見え方を切り替える「レスポンシブ設定」の正しい手順を徹底解説。CSS不要で美しいサイトを作るための必読ガイド。

【LWRの常識】「ページバリエーション」と「利用者」はもう古い！コンポーネントのバリエーションと表示ルールで実現する、次世代の出し分け術

LWRサイトには「ページバリエーション」が存在しない？！Auraとは異なるLWR独自の出し分け機能「コンポーネントのバリエーション」と「表示ルール」の設定方法を、実用的なシナリオで解説。

【LWRトラブルシュート】ゲストユーザーにナビゲーションメニューが表示されない！？原因は「あのチェックボックス」でした

LWRサイトでゲストユーザーにナビゲーションメニューが表示されない問題の解決法。[管理] > [詳細] の「公開 API へのゲストユーザーのアクセスを許可」を有効にする手順を解説。

【爆速検索】LWRサイトの「グローバル検索」設定と、CMS・CRM横断検索を有効化する手順

LWRサイトの検索設定完全ガイド。検索ページの作成から必須となる「結果レイアウト」コンポーネントの配置、CRM検索用の「検索マネージャー」設定、CMS検索用の「インデックス再構築」手順までを網羅。

ページ設定とコンテンツ

【LWR × CRM】Salesforceデータをサイトに表示する！「オブジェクトページ」と「レコード詳細」作成の基本

Experience Cloud (LWR) でSalesforceの取引先やケース情報を表示する方法を解説。「オブジェクトページ」の作成から、「レコード詳細」コンポーネントを使った項目の配置、動的なデータバインディングの基礎までを網羅した実装ガイド。

【LWR × Flow】標準コンポーネントの限界を超える！「画面フロー」で自由なレイアウトの入力フォーム（会員情報変更）を作る

標準のレコード詳細では実現できない「自由なレイアウトの入力フォーム」を画面フローで作成する方法。LWRサイトへの埋め込み手順から、背景色を透過させてサイトに馴染ませるデザイン設定までを解説。

【LWR × 信頼】サイト運営の必須マナー。「プライバシーポリシー」「利用規約」ページを作成してフッターに配置する方法

Webサイト公開時に必須となる「プライバシーポリシー」や「利用規約」などの固定ページをLWRで作成する手順を解説。作成したページをヘッダーではなく「フッター」のナビゲーションメニューだけに表示させる設定テクニックも紹介。

高度な設定（セキュリティ・多言語）

Experience Cloudゲストユーザー保護の決定版：今すぐ実行すべき9つのアクション

2026年3月のSalesforce公式ブログ更新に基づき、ゲストユーザーを狙った攻撃からデータを守るための9つの必須アクションを解説。LWRサイトにおけるAPI無効化の注意点など、現場目線の運用回避策も網羅。

【LWR × 多言語】世界へ発信！サイトを「多言語対応」にするための手順を徹底解説！【完全ガイド】

LWRサイトを最大40言語に対応させるための、具体的な設定手順を網羅的に解説。言語の追加・削除、デフォルト言語設定、翻訳のインポート/エクスポート、カスタムLWC対応まで、全てがわかる完全ガイドです。

【保存版】Salesforce CDN カスタムドメイン設定の完全ガイド：DNS設定からSSL証明書自動更新の仕組みまで

Experience Cloudサイトの信頼性を高めるカスタムドメイン設定の完全ガイド。Salesforce CDN（シングル証明書）を利用した推奨構成、DNS設定の落とし穴、SSL自動更新の仕組みまでをアーキテクト視点で解説します。

【共有セット完全ガイド】ロールがなくても大丈夫！Customer Community ユーザーにレコードを共有する唯一の方法

ロールが使えないCustomer Communityライセンスで必須となる「共有セット」の完全ガイド。仕組みの図解から、ケースや注文オブジェクトへのアクセスマッピング設定手順、LWC開発時の注意点までを徹底解説。

実践

紅茶ECサイト ☕️

【紅茶ECサイト制作日誌 Vol.1】「これ本当にExperience Cloud？」LWCゼロで構築する、英国風ECサイトのトップページデザイン術

架空の英国紅茶ECサイト「The Royal Brew」のトップページを、LWC開発なしで構築。標準コンポーネントと画像素材、そしてAppExchange「Flexi-Grid Layout」を駆使して「脱・Salesforce感」を実現したデザインテクニックを公開。

タイトルとURLをコピーしました