Divi Visual Page BuilderとSearchWPの使用

Divi は、数えきれないほどの WordPress ウェブサイトを支える、市場をリードするビジュアルページビルダーです。

Divi は、ウェブサイト全体を視覚的に構造化および構築できるだけでなく、そのすべてのツールを使用して検索結果テンプレートをカスタマイズすることもできます！

さらに良いことに、SearchWP は Divi のカスタマイズされた検索結果テンプレートと自動的に統合されます！

注意: 検索フォームには Divi の 検索フォーム モジュールを使用してください

Divi 検索結果テンプレートの設定

Divi で検索結果テンプレートを作成する手順は、他のテンプレートを作成する手順と同じです。

検索結果テンプレートを作成したら、作成した他のテンプレートと一緒に表示されます。検索結果テンプレートのカスタムボディを追加をクリックすることで、検索結果の表示をカスタマイズできます。

次に、Divi の使い慣れたすべてのツールを使用して検索結果テンプレートを設定できます。この例では、次のように設定しました。

Divi 検索結果テンプレートの最も重要な部分は、ブログモジュールを使用していることを確認することです。これは SearchWP の結果を表示する役割を担います。

さらに、投稿を現在のページに表示を有効にする必要があります。

ブログモジュールを検索結果テンプレートに追加したら、Divi で利用可能なオプションを使用して、好きなようにカスタマイズできます。例を次に示します。

検索結果テンプレートのカスタマイズが完了したら、SearchWP エンジンが希望どおりに設定されていることを確認できます。これにより、SearchWP の結果が Divi 検索結果テンプレートに表示されます！ ?

デフォルトでは、SearchWP は検索を実行するために default エンジンを使用します。代わりに補足エンジンを使用したい場合は、このフックを使用できます。

All hooks should be added to your custom SearchWP Customizations Plugin.

	<?php

	// Use `supplemental` Engine for Divi Search Results Templates.
	// @link https://searchwp.com/documentation/knowledge-base/divi/
	add_filter( 'searchwp\integration\pagebuilder\engine', function( $engine, $params ) {
	if ( 'divi' === $params['context'] ) {
	$engine = 'supplemental';
	}

	return $engine;
	}, 10, 2 );