WordPressへのAlgolia Searchの統合

Algoliaとは?

Algoliaは、キーワードのサジェスト機能や検索結果の並び替え機能を備えた、高性能な検索システムです。プラグインをインストール後、WordPressサイトをAlgoliaに接続し、ShifterをAlgoliaのAPI経由で実行できます。

Algoliaの設定

ShifterでAlgoliaを設定する

以下の手順で、ShifterでAlgoliaを設定します。

  1. Algoliaでアカウントを作成する
  2. Shifter上のWordPressダッシュボードにログインする
  3. プラグイン「WP Search with Algolia」をインストールする
  4. Algoliaの認証情報を設定する
  5. 投稿データをAlgoliaにインポートする
  6. 検索フォームを設定する
  7. Shifterダッシュボードでサイトを生成する

Algoliaでアカウントを作成する

Algoliaは無料トライアルと無料プランを提供しています。

左側のメニューから[API Keys]を選択します。

プラグインの設定に必要な以下の3つのキーをコピーします。

  • Application ID
  • Search-Only API Key
  • Admin API Key

Shifter上のWordPressダッシュボードにログインする

AlgoliaプラグインをShifterにインストールしましょう。ブラウザでWordPressダッシュボードを開き、ログインします。

プラグイン「WP
Search with Algolia」をインストールする

WordPressのデフォルトの検索機能をAlgoliaに置き換えるために、Algoliaプラグインをインストールします。

Algoliaの認証情報を設定する

[Algolia search]をクリックし、初期設定を行います。Algolia
Managementページからコピーした「Application ID」、「Search-Only API
Key」、「Admin API Key」を入力します。

検索フォームの設定

[Search Page]で、[Use Algolia with
Instantsearch.js]を選択します。

オートコンプリートの設定

[Search
Page]で、検索エンジンをネイティブのWordPressまたはAlgoliaに変更できます。次に、[Autocomplete]を有効にし、[Index]、[Max.
Suggestions]、[Positions]を設定します。Shifterをご利用のお客様で、Shifter上でAlgoliaを使用する場合は、必ずこのオートコンプリート機能を有効にしてください。

Shifterダッシュボードでサイトを生成する

最後のステップとして、Shifterから新しいサイトを生成します。[Generate]ボタンをクリックし、作成されたサイトにアクセスします。検索フォームに文字や単語を入力すると、Algoliaのオートコンプリート機能により、検索ボタンをクリックしたり、Enterキーを押したりしなくても検索結果が表示されます。

クラウド検索サービスAlgoliaにご興味がありますか?
Algoliaにサインアップしましょう!