訪問者と表示が違う.
訪問者にも自分と同じ見え方にします。よくある原因はページ前段のキャッシュ、 訪問者向けBootstrap欠落、テキスト形式フィルター、旧リリース保存のページです。
訪問者に古いコンテンツが見える
ビルダー保存はそのページのDrupalキャッシュをクリアするので、古いコンテンツは 通常ビルダー外キャッシュ由来です。
- 全キャッシュをクリアします。コンテンツが更新されればDrupalキャッシュが原因 でした。
- 開くのはConfiguration > Development > Performanceで、 Browser and proxy cache maximum ageを確認します。
- VarnishやCDNの後ろではPurgeモジュールを入れるか、ビルダーページの最大ageを 下げます。DXPR Builderはパージ要求を送りません。
ヒント: ページ配置のビューは独自キャッシュの行を表示します。その行が 古い場合、ビューを編集してAdvancedを開き、Cachingを Tag basedにしてキャッシュをクリアします。
訪問者にスタイル・アイコンが見えない
- カラム、ボタン、間隔にスタイルが付いていません。 ビルダーコンテンツには Bootstrap 5のCSSが必要で、テーマが読み込んでいません。DXPR Studio > DXPR Builder > General Settings > BootstrapでSideload Bootstrap filesをBootstrap 5にします。
- コンソールがMIMEタイプ
text/htmlのスタイルシートを拒否します。 ページはもうない集約CSSファイルを指し、サーバーが代わりにエラーページを返しました。 全キャッシュをクリアしてページを現行ファイルに向かせます。 - 旧リリースで保存したページでアイコンが出ません。 保存HTMLは ページ必要のアイコンフォントを挙げ、旧保存にはその一覧がない場合があります。 エディターでページを開いて保存します。
訪問者向けにスクリプト・埋め込みが剥がれる
編集者には素のビルダーコンテンツが見えます。訪問者にはGeneral Settings > Text FiltersのApply text format filters to frontend contentオン時にテキスト形式フィルター後が見えます。
- その設定をオフにするか、フィールドにHTML制限なしテキスト形式を付けます。
- 第三者スクリプトはHTMLエレメントに入れます。ビルダーは他全エレメントから
<script src>タグを除きます。
訪問者にカルーセル・タブ・折りたたみが動かない
- クリックに何も反応しないか、コンソールに
bootstrap is not definedと出ます。 カルーセル、タブ、折りたたみはBootstrap 5のJavaScriptで動き、ページに訪問者用がありません。Sideload Bootstrap filesをBootstrap 5にするか、テーマからBootstrap 5を 読み込みます。 - カルーセルが自動で動きません。 Disable auto-playが カルーセル設定でチェックされています。外してAuto-play intervalを設定し、保存します。
- 更新後にカウンター、パララックス、動画背景が静止したままです。 エディターは保存時にページがビルダーフロントエンドスクリプト要否を 決めます。ページを開いて保存し直します。
修正の確認
プライベートウィンドウでページを開きます。コンテンツ、スタイル、対話エレメントが View modeをPreviewにした見え方と一致します。
次はこちら
キャッシュがビルダーページ適用の キャッシュ層です。