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.44 | Password Policy | 無効なユーザーを整理したい |
CentOS | 7.50 | 消せないファイルを消すには | |
Messages | 7.34 | Disable messages | 標準(コア)が表示する特定のメッセージ非表示にしたい |
コンテンツの管理 | 7.50 | Administration menu | 標準のユーザー管理ページ |
コンテンツの管理 | 7.15 | Views Bulk Operation | 標準のコンテンツ編集/ユーザ一覧ページが物足りません |
コンテンツの作成 | 7.34 | ajax | 標準のajaxフォーム(複数値:値の数=無制限)の制御l方法 |
ユーザ | 7.38 | user form | 新規ユーザー登録時、パスワード再設定時のパスワード入力抜けを防ぎたい |
ユーザの管理 | 7.27 | PHP | 新規ユーザーの追加ができない |
コンテンツの作成 | 7.34 | Entityreference prepopulate | 新規ノード作成時のリファレンス方法 |
コンテンツの作成 | 8.4x | node | 新規ノードを作成する |
フォーム | 7.15 | DefaultTextForNode | 新しいページの作成方法を一から教えてください |
コンテンツの管理 | 7.16 | PHP | 好きなところにノードを埋め込みたい |
言語 | 6.x | i18n | 多言語対応サイトのサイト名やスローガン/ミッションなどを多言語化する方法を教えてください |
言語 | 7.14 | Entity Translation | 各フィールドのラベルの多言語切り替え漏れ(接頭子、接尾子) |
言語 | 7.15 | Entity Translation | 各フィールドのラベルの多言語切り替え漏れ(フィールド・ラベル) |
フォーム | 7.34 | Webform | 動的なフォーム(webform) |
video | 8.4x | video map | 動画上にクリッカブルマップを作成する方法 |
コンテンツの管理 | 8.9.x | 写真の変更を行いたい | |
サイトの構築 | 7.38 | deployment | 冗長構成におけるアップロードおよび時間指定公開について |
コンテンツの作成 | 7.26 | Form Ajax | 入力フォームで#ajax使用時、#default_valueを書き換えても反映しない |
コメント
設定というより、コンテンツそのものの疑いが強いです。
パーマリンク 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
ページ