生活、IT・WEB、ガジェットに密着した情報をお届けしています

WordPressでGoogleカスタム検索の2ページレイアウトを表示させる方法

   

スポンサーリンク

はじめに

前回、Googleカスタム検索を2ページレイアウトで表示する方法をご紹介しました。

Googleカスタム検索の設置とカスタマイズ方法について
http://sozoen.com/yuichiro/google-custom-search

2ページレイアウトをWordpressで表示するためには、さまざまな工程が必要なので、本記事にて紹介させていただくことにしました。

スポンサーリンク

WordPressで2ページレイアウトを表示させるためには、検索結果表示用のページを作成します。

作業工程は以下です。

  1. 検索結果用のテンプレートファイル作成
  2. 固定ページ作成
  3. 検索結果の詳細を指定

1 テンプレートファイル作成

検索結果を表示するためのテンプレートファイルを作成します。

FTPソフトなどでWordpressテーマフォルダにアクセスします。

page.phpテンプレートファイルを複製し、ファイル名を書き換えます。

googleカスタム検索_wordpress1

複製したテンプレートファイルを開き、以下のコードをトップに追記します。

<?php
/*
Template Name: Google Search
*/
?>

次に、カスタム検索ページにアクセスし、デザインレイアウトの2ページから検索結果コードの取得をコピーします。

googleカスタム検索_wordpress5

コピーしたコードをループに上書きする形で貼り付けます。

googleカスタム検索_wordpress2

これでテンプレートファイルの作成は完了です。

 

2 固定ページ作成

WordPress管理画面にアクセスし、固定ページを新規作成します。

テンプレート属性を先ほど作成したテンプレートファイルを選択し、ページ名、パーマリンクを設定します。

googleカスタム検索_wordpress3

これで、Googleカスタム検索の検索結果を表示させるためのページ作成は完了です。

 

3 検索結果の詳細を指定する

カスタム検索ページの2ページレイアウトの設定画面にアクセスし、検索結果の詳細をクリックします。

検索エンジンを表示するサイトの URL とクエリパラメータを”q”と記入して保存します。

googleカスタム検索_wordpress4

これで、WordpressでGoogleカスタム検索の2ページレイアウトを表示させることが可能になります。

googleカスタム検索_wordpress6

まとめ

WordPressでGoogleカスタム検索の2ページレイアウトを表示させるためには、検索結果表示用のページ作成が必要。

すなわち、検索結果用のテンプレートファイル作成して固定ページで読み込ませる。

スポンサーリンク

 - Web, Wordpress