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（ツールボタン）を利用
Viewsでティザーを一覧するとページのレイアウトが崩れることがある
OTHER FAQ
| カテゴリ | Core Ver. |
関連モジュール |
タイトル |
|---|---|---|---|
| コンテンツの作成 | 7.15 | Automatic_Nodetitles Automatic_Entity_Label | ノード投稿フォームにタイトル入力フォームを表示しない方法 |
| テーマ | 8.3x | Block Cache Theme | 管理ページから作成したカスタムブロックを非キャッシュ化する方法 |
| コンテンツの管理 | 7.38 | Block Views node | ノードページの編集タブをコンテキストメニューにしたい |
| Calendar | 7.34 | Calendar | CalendarモジュールとGoogleカレンダーを同期するには |
| コンテンツの作成 | 7.34 | CCK | ノード入力フォームへパラメータを渡す |
| コンテンツの作成 | 7.38 | CKEditor | 突然GoogleMap内の経路がずれてしまった |
| コンテンツの作成 | 8.7.x | CkEditor | CKEditorエディタ内に Colorboxポップアップ を簡単に挿入する方法 |
| コンテンツの作成 | 8.9.x | CKEditor | CKEditor編集中の見た目をフロントと全く同様にする方法 |
| コンテンツの作成 | 7.31 | CKEditor | CKEditorの新規生成ダイアログ内の初期値の変更 |
| コンテンツの作成 | 7.38 | CKEditor | CKEditorの「ソース」に入力したタグが消える |
| コンテンツの作成 | 7.26 | CKEditor Views | Viewsでティザーを一覧するとページのレイアウトが崩れることがある |
| コンテンツの作成 | 7.50 | Code per Node | ページ毎にCSSやJSを設定したい |
| コンテンツの管理 | 8.6.x | Commerce | Commerce orderからすべての商品名を取得する方法 |
| Commerce | 7.34 | Commerce kickstart, Commerce file | Commerceモジュール利用時のダウンロード製品登録方法 |
| Drupal Commerce | 7.34 | Commerce order | Drupal Commerce：カート内や購入手続きページ内の「Order total」が翻訳できない |
| Commerce2 | 8.6.x | Commerce Order | Commerceで注文情報から全Itemを得る方法 |
| Commerce | 8.6.x | Commerce Payment Gateway | オリジナルCommerce決済モジュール（Offsite）で決済サーバーへのPOST時のエンコードを変更する方法 |
| Commerce | 8.6.x | Commerce Payment Order | Commerceで歴代購入数／金額を集計する方法 |
| Drupal Commerce | 7.34 | Commerce profile | Drupal Commerceの請求情報、配送情報の住所を日本的（郵便番号、都道府県、市区町村、住所、、、） |
| Commerce2 | 8.6.x | Commerce Shipment | Commerceで配送情報を得る方法 |
コメント
設定というより、コンテンツそのものの疑いが強いです。
パーマリンク Submitted by actbrain on 2014/12/17 18:03.
設定というより、コンテンツそのものの疑いが強いです。
以下の手順で問題部分を見つけてください。
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>
とすることで解消しますので、[保存]後、確認してみてください。
Drupal Viewsの概要はこちら -> https:
パーマリンク Submitted by actbrain on 2015/04/02 13:16.
Drupal Viewsの概要はこちら -> https://www.act-brain.co.jp/drupal-views-magic
ページ