Viewsでティザーを一覧するとページのレイアウトが崩れることがある

カテゴリ コンテンツの作成 コアバージョン 7.26 関連モジュール CKEditor Views

Viewsでティザーを一覧するとページのレイアウトが崩れることがあります。
原因は?
関連するモジュール/設定は以下のとおりです。
1.Viewsで一覧を作成する。
2.Viewsの設定
 1)フォーマット:Unformatted list
 2)表示:コンテンツ|ティザー
3.該当フィールドの設定
 1)フィールド:Body
 2)フィールドタイプ:長い文章と概要
 3)ウィジェット:テキストエリアと概要
 4)概要入力:ON
 5)テキスト処理:フィールた~されたテキスト
3.コンテンツ表示設定
 1)対象ビュー:ティーザー
 2)対象フィールド設定:
  ・ラベル:非表示
  ・フォーマット:概要か切り詰め
   長さを整える:600
4.コンテンツ入力時
 1)Full htmlにて入力
 2)CKEditorのSeparate the teaser and body of this content(ツールボタン)を利用

コメント

ユーザー actbrain の写真

設定というより、コンテンツそのものの疑いが強いです。

以下の手順で問題部分を見つけてください。

1.一覧中に(ティーザー)表示されているコンテンツのどのあたりで崩れ始めているか確認して下さい。

2.ブラウザの「ソースを表示」または「要素を確認」等でhtmlを見ると、どこで崩れ始めているかわかります。
(Viewsが出力するコンテンツ単位のブロックがどこかで崩れているはずです)

3.該当するコンテンツがわかったら、そのコンテンツの[編集]ページに入ります。

4.該当フィールドのエディタボタン(Source)をクリックし、Source表示にします。
(Sourceボタンが表示されていない場合は、CKEditorの設定でSourceボタンを有効にします)

5.「<!--break-->」を探します
そうすると「<!--break-->」が「<div>...</div>」で囲まれているのがわかります。
(これが その通りならビンゴです)

「<!--break-->」はDrupalの本文内区切りとして機能し、それ以前はTeaserとして扱われる便利なものですが、「<div><!--break--></div>」となっているせいで、「最後の</div>」のみが残り、ページ全体の<div>のネスティングを破壊しています。
(CKEditorは「<div><!--break--></div>」ではダメなようです)

他のコンテンツを見てみると「<p><!--break--></p>」となっており、事なきを得ています。

よく見ると問題がでているコンテンツにおいては、他の部分も<p>が使われず<div>になっています。何かの拍子に そうなったのかもしれません。
(通常CKEditorでは改行で<p>が使われ、<div>は あえてそうさしなければ採用されません)

で、とりあえず、
<div><!--break--></div>
となっている部分を、
<p><!--break--></p>
とすることで解消しますので、[保存]後、確認してみてください。

ページ

OTHER FAQ

Drupal開発・運用の疑問/質問の答えはここに

無料ユーザー登録すると質問できます。

カテゴリ Core Ver.降順で並び替える 関連モジュール タイトル
コンテンツの作成 7.50 Expanding Textareas Textareaフォームの行サイズを自動調整するモジュール
アップデート 7.50 Download count DOWNLOAD MODULEページでダウンロードが失敗することがある
jQuery Revolution 7.50 jQuery Revolutionのリンクがスマホで機能しない
PCRE 7.50 preg_match()がおかしい
PhpStorm 7.50 LocalForward PhpStormから踏み台を使う
サイトの構築 7.50 Module Missing Message Fixer モジュールをアンインストールしたらエラーがでるようになった
メール 7.50 Smtp smtpでGmailアカウントを使いたい
drush 7.54 Drush Drushでdrupalサイトをインストールする方法
テーマ 7.56 field レンダリング配列内に「ラベル非表示」を指定する方法
Proxy 7.59 Proxy Apache settings.php リバースプロキシ(Apache)+バックグランドWeb(Drupal 7 )でログインセッションを維持する方法
サイトの環境設定 7.59 さくらのレンタルサーバー php Options さくらのレンタルサーバーで パブリック/プライベートディレクトリにファイルが書き込まれないとき
サイトの構築 7.59 Drupal.ajax drupal 7 で Uncaught TypeError: Drupal.ajax is undefined となったときの対応方法
ユーザの管理 7.59 user pass drupal 7 で 管理者(uid=1)パスワードがわからなくなったとき 新しいパスワードを設定する方法
テーマ 8.3x Core Twig開発用の設定
PHP 8.3x PHP drupa8でhook_init()する方法
テーマ 8.3x Block Cache Theme 管理ページから作成したカスタムブロックを非キャッシュ化する方法
拡張機能 8.3x Contribute modules drupal8-寄贈モジュールの動向
Custom module 8.3x Custom module Twig Block Cache カスタムモジュールのレンダリングを非キャッシュ化する方法
テーマ 8.3x Contribute themes drupal8-寄贈テーマの動向
サイトの構築 8.3x Webform Webformモジュール メールアドレスの入力ミス確認

ページ