StylePluginBaseクラスから拡張しているため、これ以上のことは何もありません。マークアップ出力の場(chǎng)合、実行されたビューから関連する変數(shù)を受信するDEMO_BOOTSTRAP_TABSテーマに依存できます。必要に応じて、レンダリングメソッドのいずれかをオーバーライドして、より多くの変數(shù)を追加したり、テーマを変更したり、必要なものを変更したりできます。特に、テンプレートが受信する変數(shù)を処理するプリプロセッサを?qū)g裝するため、デフォルトには優(yōu)れています。

スタイルプラグインは、$ Viewオブジェクトと結(jié)果の$行をデフォルトでテンプレートに渡します。これらの変數(shù)がテンプレートに送信される前に（必要に応じて）、これらの変數(shù)を少し処理するのはプリプロセッサ次第です。

<span>namespace Drupal<span>\demo\Plugin\views\style</span>;
</span><span>use Drupal<span>\Core\Form\FormStateInterface</span>;
</span><span>use Drupal<span>\views\Plugin\views\style\StylePluginBase</span>;
</span>
<span>/**
</span><span> * A Views style that renders markup for Bootstrap tabs.
</span><span> *
</span><span> * <span>@ingroup views_style_plugins
</span></span><span> *
</span><span> * @ViewsStyle(
</span><span> *   id = "bootstrap_tabs",
</span><span> *   title = @Translation("Bootstrap Tabs"),
</span><span> *   help = @Translation("Uses the Bootstrap Tabs component."),
</span><span> *   theme = "demo_bootstrap_tabs",
</span><span> *   display_types = <span>{"normal"}
</span></span><span> * )
</span><span> */
</span><span>class BootstrapTabs extends StylePluginBase {
</span>
  <span>/**
</span><span>   * Does this Style plugin allow Row plugins?
</span><span>   *
</span><span>   * <span>@var <span>bool</span>
</span></span><span>   */
</span>  <span>protected $usesRowPlugin = TRUE;
</span>
  <span>/**
</span><span>   * Does the Style plugin support grouping of rows?
</span><span>   *
</span><span>   * <span>@var <span>bool</span>
</span></span><span>   */
</span>  <span>protected $usesGrouping = FALSE;
</span>
  <span>/**
</span><span>   * <span>{@inheritdoc}
</span></span><span>   */
</span>  <span>protected function defineOptions() {
</span>    <span>$options = <span>parent::</span>defineOptions();
</span>    <span>$options['tab_nav_field'] = array('default' => '');
</span>    <span>return $options;
</span>  <span>}
</span>
  <span>/**
</span><span>   * <span>{@inheritdoc}
</span></span><span>   */
</span>  <span>public function buildOptionsForm(&$form, FormStateInterface $form_state) {
</span>    <span><span>parent::</span>buildOptionsForm($form, $form_state);
</span>    <span>$options = $this->displayHandler->getFieldLabels(TRUE);
</span>    <span>$form['tab_nav_field'] = array(
</span>      <span>'#title' => $this->t('The tab navigation field'),
</span>      <span>'#description' => $this->t('Select the field that will be used as the tab navigation. The rest of the fields will show up in the tab content.'),
</span>      <span>'#type' => 'select',
</span>      <span>'#default_value' => $this->options['tab_nav_field'],
</span>      <span>'#options' => $options,
</span>    <span>);
</span>  <span>}
</span><span>}
</span>

テンプレート

<span>/**
</span><span> * Implements hook_theme().
</span><span> */
</span><span>function demo_theme($existing, $type, $theme, $path) {
</span>  <span>return array(
</span>    <span>'demo_bootstrap_tabs' => array(
</span>      <span>'variables' => array('view' => NULL, 'rows' => NULL),
</span>      <span>'path' => drupal_get_path('module', 'demo') . '/templates',
</span>    <span>),
</span>  <span>);
</span><span>}
</span>

ご覧のとおり、これはブートストラップタブに必要なマークアップです。もちろん、関連するブートストラップスタイルとスクリプトが最初にテーマにロードされていることを確認(rèn)せずに機(jī)能しません。

最初にレンダリングするのは、タブナビゲーションアイテム（NAV変數(shù)から）です。この配列をループしている間、ループインデックス値も使用して、最初のアイテムをアクティブとしてデフォルトし、一意のIDを使用して以下のタブコンテンツペインをターゲットにすることができます。アイテムの実際の値については、プリプロセッサで作成したレンダリングアレイを印刷するだけで、Drupalはそれをレンダリングします。そうは言っても、ここで使用するフィールドが比較的短いことを確認(rèn)することはおそらく良い考えです。リンクとプレーンマークアップがなければ。タイトルはおそらくうまく機(jī)能するでしょう。しかし、これはそれに応じてビューを構(gòu)成する問題です。 ナビゲーションの下で、実際のビュー行を印刷して、同じループインデックスを使用して最初の行をアクティブタブペーンとしてデフォルトし、上記のナビゲーションが可視性を制御できるように一意に識(shí)別します。コンテンツについては、row.content変數(shù)全體（Template_preprocess_views_view_unformatted內(nèi)で準(zhǔn)備されています）を印刷し、ビューにすべてのフィールドを含みます。また、ナビゲーションに使用したフィールドを含めない場(chǎng)合は、ビュー構(gòu)成の表示からそれを除外することができます。ナビゲーションにまだ表示されます（そこに明示的に印刷するため）が、メインのタブペーンには表示されません。

そしてそこに私たちはそれを持っています。ビュー結(jié)果をブートストラップタブとして出力するスタイルプラグインを表示します。今必要なのは、Bootstrapアセットがロードされていることを確認(rèn)し、新しいスタイルプラグインを使用するようにビューを構(gòu)成するだけです。これは多くの結(jié)果を持つビューを意図したものではなく、スタイルプラグインを作成する方法を示す例としてのみ機(jī)能します。 質(zhì)問、コメント、または提案がある場(chǎng)合は、以下に殘してください！

Drupal 8

Drupal 8でカスタムスタイルのプラグインを作成するには、Drupal 8にカスタムスタイルのプラグインを作成するには、いくつかのステップが含まれます。まず、まだ新しいモジュールを持っていない場(chǎng)合は、新しいモジュールを作成する必要があります。次に、モジュールのSRC/プラグイン/ビュー/スタイルディレクトリで、カスタムスタイルプラグインのPHPファイルを作成します。ファイルには、StylePluginBaseクラスを拡張し、@ViewsStyleアノテーションを含むクラスを含める必要があります。注釈は、プラグインのID、タイトル、およびヘルプテキストを定義します。クラスで必要なメソッドを定義した後、Drupal管理インターフェイスを介して新しいスタイルプラグインを有効にできます。 Drupal 8は、通常、プラグイン定義、プラグインクラス、テンプレートファイルの3つの重要なコンポーネントで構(gòu)成されています。プラグインの定義は、@viewsstyleアノテーションを介して提供され、プラグインのID、タイトル、ヘルプテキストが含まれています。プラグインクラスは、StylePluginBaseクラスを拡張し、プラグインの動(dòng)作を制御するメソッドを定義します。テンプレートファイルは、プラグインの出力のレンダリング方法を制御するTwigファイルです。のデフォルトビューテンプレートをオーバーライドするにはどうすればよいですか？ファイルの名前は、パターンViews-view– [view-name] - [display-id] .html.twigに従う必要があります。このファイルでは、ビューをレンダリングするために使用する必要があるHTMLマークアップおよびTwigコードを定義できます。ファイルを作成した後、Drupal Cacheをクリアして変更を確認(rèn)します。

>

ビューに変數(shù)をビューに追加するにはどうすればよいですか。テーマの.Themeファイルのプリプロセス関數(shù)を使用して行われます。関數(shù)は、pattermed theme_name_preprocess_views_view__view_name__display_idに従う必要があります。変數(shù)の配列である?yún)g一の引數(shù)を?qū)g行する必要があります。このアレイに新しい変數(shù)を追加でき、Twigテンプレートで利用可能になります。 Drupal 8にカスタムスタイルのプラグインを作成すると、Drupal管理インターフェイスを介してビューで使用できます。ビューを編集して、フォーマットセクションに移動(dòng)します。フォーマット設(shè)定をクリックして、リストからカスタムスタイルのプラグインを選択します。ビューを保存した後、カスタムスタイルプラグインを使用してレンダリングされます。 Drupal 8のカスタムスタイルプラグインは、ビューをレンダリングする責(zé)任があります。入力として行の配列が必要で、レンダリング配列を返します。レンダリング配列には、使用する小枝テンプレートを指定する#Themeキー、およびテンプレートに渡す必要がある変數(shù)を含める必要があります。 ??> Drupal 8のビューテンプレートをデバッグすると、Twigデバッグ機(jī)能を使用して実行できます。デバッグオプションをtrueに設(shè)定して、services.ymlファイルでTwigデバッグを有効にします。次に、テンプレートを使用するページを表示すると、どのテンプレートファイルが使用されているかを表示するHTMLソースコードにコメントが表示され、それらをオーバーライドするために使用できるテンプレートファイル名を提案します。 Drupal 8のビューテンプレートで條件論的ロジックを使用します。 Twigコードでは、IFキーワードを使用して條件をテストし、條件が真か偽かに応じて異なるマークアップまたはコードを含めることができます。 8？

Drupal 8のビューでページャーをカスタマイズすることは、Drupal管理インターフェイスを介して実行できます。ビューを編集して、ポケットベルセクションに移動(dòng)します。ここでは、使用するページャーの種類を選択し、ページごとに表示するアイテムの數(shù)を設(shè)定し、他のポケットベル設(shè)定を構(gòu)成できます。