web-dev-qa-db-ja.com

ビューを使用して作成されたページをデザインする方法

Viewsモジュールの助けを借りてページを作成しましたが、それは完全に機能しています。
自分でページをデザインする必要があります。

これどうやってするの?

4
Fero

ビューによって生成されたページのスタイルを設定する最も簡単な方法は、CSSを編集することです。

生成されたマークアップをさらに制御する必要がある場合は、 セマンティックビュー を使用して、生成されたHTMLをクリーンアップおよび改善できます。

もう1つの簡単な解決策は、手動でテンプレートを追加することです。ビューのUI(パスとメニュー項目を設定した場所のすぐ上)に「テーマ」セクションがあります。そこで、使用するのに最適なテンプレートを選択できます(views-view--YOURVIEWNAME--page-1.tpl.phpまたは同様のもの)、デフォルトのテンプレートコードをコピーして貼り付けます。

次に、テンプレートディレクトリに同じ名前のファイルを作成します(views-view--YOURVIEWNAME--page-1.tpl.phpまたは同様のもの)とそこのコードを過ぎます。これで、他のテンプレートと同じようにテンプレートを編集できます。

ビューで認識されない場合は、ビューUIの[テーマ]セクションに戻り、[テンプレートファイルの再スキャン]をクリックして、テンプレートが見つかることを確認してください。

7
Alex Weber

簡単な方法は、CSSでビューフィールドのスタイルを設定することです。
別の方法は、編集ビューページのスタイル設定ブロックで[テーマ情報]をクリックすることです。リストされた名前を使用して独自のテーマを作成し、作成したファイルをテーマフォルダーにコピーできます。テーマ情報メニューの「テンプレートファイルの再スキャン」をクリックします。これで、ビューにテーマが適用されました。また、チェック ビューのテーマをすばやく設定する方法

3
user780

Display suiteNode display のようなモジュールを必ずチェックアウトしてください。これらのモジュールを使用すると、すべての標準ビルドモード(フル、ティーザーなど)のノードをレイアウトし、カスタムビルドモードを作成できます。次に、ノードフィールドをノード領域にドラッグアンドドロップできます。ビューで、行スタイルを選択するときに表示スイートを選択します。ビューの各ノードは、ディスプレイスイートで作成したレイアウトに従ってレンダリングされます。

3
30equals

次のようにしてページをデザインできます。

  1. 管理->サイト構築->ビュー

  2. テーマ:情報基本設定から選択します。

  3. Row Style outputをクリックします。

  4. コードのセットが生成されます。 コードをコピーして、コードの最初の行で生成されたファイル名で貼り付け、現在のテーマフォルダーにファイルを置きます

  5. 次に、必要に応じてページをデザインします。

3
Fero