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

デザイン

コンテンツ・CMS

【紅茶ECサイト 制作日誌 Vol.2】LWCで「美しい商品詳細ページ」を作る!CMS画像連携とStyling Hooksによるテーマ設計

LWRサイトで標準コンポーネントの限界を超えたい方へ。LWCを使った商品詳細ページの完全カスタム実装手法を解説。CMS画像のパス解決、recordIdの取得、そしてStyling Hooksによるプロ仕様のCSS設計まで、The Royal Brew制作日誌Vol.2としてお届けします。
ビルダー・設定

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

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

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

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

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

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

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

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

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

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

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

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

【LWR × Design】脱・Salesforce感!Styling Hooks を使ってサイトのデザインを自由に操る方法

LWRサイトで「Salesforceっぽさ」を消すためのデザイン戦略。Styling Hooks(CSS変数)の正しい使い方と、UXを向上させるスケルトンスクリーンの実装方法を解説。