Shifter Algolia Search によるサイト内検索の設定方法

目次

  1. Algolia の有効化
  2. WordPress の起動・専用プラグイン初期設定
  3. Shifter Algolia Search ブロックの追加
  4. デプロイのビルドと Algolia のインデックス生成
  5. 動作テスト

操作動画

Algolia の有効化

Shifter ダッシュボード(https://go.getshifter.io)にログインします。
続いてサイトの「Live 」 をクリックします。
「Search (検索)」をクリックします。
トグルスイッチをクリックして有効化します。
Algolia が有効化された状態です。

WordPress の起動・専用プラグイン初期設定

WordPress を起動し、ログインします。
プラグインページにアクセスし、「Shifter Algolia Search」を有効化します。

Shifter Algolia Search ブロックの追加

編集画面で「Shifter Algolia Search」ブロックを追加します。

デプロイのビルドと Algolia のインデックス生成

Shifter ダッシュボードに戻り、WordPress を停止してデプロイをビルドします。
デプロイの作成後、Algolia のサイト内検索のインデックスが自動で作成されます。
しばらく待っても作成されない場合は 「Create Index」ボタンをクリックして再度作成を行ってください。

動作テスト

公開サイトの Shifter Algolia Search ブロックを追加したページにアクセスをします。
検索結果が文字の入力ごとに自動で表示されるようになります。
検索結果をクリックするとそのページに遷移します。
Shifter 側での設定は以上です。
Algolia による、快適なサイト内検索が実装されました。