エレメントの問題を直す.
最も多いエレメント問題を直します。はじめる前に、新しい空ページでエレメントを 試し、周囲コンテンツの影響を除外します。
一部機器で隠すとロー配置が崩れる
対象のResponsive Visibility選択肢はHTML classes下にあり、
Bootstrap表示クラスです (d-none d-md-blockなど)。ローに付けるとロー独自
レイアウトを置き換えるため、カラムが積み重なります。クラスはカラムか、ローを囲む
セクションに付けます。
コンソールがBootstrap用jQuery 4未満不足と言う
テーマがBootstrap 3・4のJavaScriptを読み込みます。最近のDrupal 11出荷のjQuery 4では 動きません。DXPR Builder自体はjQueryを使いません。
- テーマからのBootstrap 3・4 JavaScript読み込みを止めます。
- テーマがBootstrap 5を読み込まない場合、DXPR Studio > DXPR Builder > General Settings > Bootstrapで Sideload Bootstrap filesをBootstrap 5にします。
注記: モジュールはBootstrap 5にだけ対応します。Bootstrap 3・4のテーマは 移行が必要です。
タブレット幅でカラムがずれる
グリッドは12カラムなので、5カラムは均等にできません。ローのグリッドアイコンを クリックし、1/4 + 1/4 + 1/4 + 1/4や1/3 + 1/3 + 1/3などのプリセットを選びます。 タブレット独自レイアウトにはAdd screen sizeをクリックして一覧から サイズを選びます。
Linkエレメント内のリンクが効かない
Linkエレメント自体がaタグで、ブラウザーはリンク内リンクを許しません。
Buttonか、リンク付きTextエレメントを使います。
アンカーリンクが固定ヘッダー下に着く
- まずGeneral Settingsを開き、次にAdvanced Settingsを開きます。
- 設定するのはScroll offset selectorを固定ヘッダーのCSSセレクターにし、既定は DXPR Themeヘッダー対応です。
- 対象エレメントに設定のGeneralパネルでHTML IDを付けます。
動画が自動で始まらない
ブラウザーは音付き動画の自動開始を拒みます。Local video設定でStart playing automatically横の Mutedにチェックして保存します。
ページ内ブロックに編集コントロールがない
ビルダーページ内に置いたDXPR Builderブロックは独自エディターなしで表示するので、 そこでは中身を変えられません。Structure > Block layoutのテーマ領域にあるブロックを編集するか、代わりにHTMLエレメントを 使います。
ビューの公開フィルターが効かない
エディターに"Turn on Ajax on this view to use exposed filters."と出ます。ビルダー内フィルターはAJAX経由でしか動きません。
- ビューを編集してAdvancedを開きます。
- 設定するのはUse AJAXをYesにし、ビューを保存します。
- 全キャッシュをクリアします。
Textエレメントからscriptタグが消える
ビルダーは<script src>タグをHTMLエレメント以外の全エレメントから
除きます。埋め込みとスクリプトはHTMLエレメントに入れます。Apply text format filters to frontend contentが
オンの場合、フィールドのテキスト形式もタグ許可が必要です。
Content Security Policyがエディターを遮断する
ビルダーコンテンツはスタイルをインラインstyle属性に持ち、Asset sourceが
Cloudの場合エディタースクリプトはhttps://cdn2.dxpr.comから読み込みます。
style-srcに'unsafe-inline'を許可し、script-srcと
style-srcにhttps://cdn2.dxpr.comを許可します。
修正の確認
保存し、View modeをPreviewにしたエレメントと、プライベート ウィンドウの匿名訪問者で確認します。
次はこちら
コンテンツエレメントが各エレメントの 設定です。