頑張らない!でも諦めない!必死にならずにええかげん

WordPressのサイドバーにサイト内検索フィールド(ボックス)を設置する方法(標準)

      2014/11/22

WordPressのサイトにサイト内検索ボックスを設置する方法として、
一番簡単な方法が標準ウィジェットを利用する方法です。

特に説明も不要なウィジェットによる設置方法についてご紹介しておきます。

はじめに

検索ボックスの設置方法は特に説明の必要はないとは思うのですが、
別件投稿に関係してご紹介させて頂きます。

環境

  • wordpress:3.5.1
  • 利用テーマ: Twenty Twelve

サイト内検索ボックスの設置

WordPressを設置して標準の状態でサイト内検索のウィジェットが用意されています。
サイドメニューの[外観]-[ウィジェット]を選択し、ウィジェット設定画面を開きます。

01_外観・ウィジェットの選択

外観・ウィジェットの選択

ウィジェットの設定画面にて「利用できるウィジェット」に「検索」ウィジェットがあります。

02_検索ウィジェット

検索ウィジェット

「検索」ウィジェットをサイドバーなどの表示したいエリアにドラッグし設置します。

03_検索ウィジェットの配置

検索ウィジェットの配置

設置すると「タイトル」のみを設定するシンプルなウィジェットが展開されます。
適宜、タイトルを設定し[保存]をクリックし反映します。

04_検索ウィジェットの設定

検索ウィジェットの設定

検索ボックスの表示と実行

サイトの表示を確認すると、設置した検索ボックスが表示されます。

05_検索ウィジェットの表示

検索ウィジェットの表示

検索フィールドに対して、検索したいキーワードを入力することで、
サイト内の検索結果が表示されます。

06_検索ウィジェットから検索と結果表示

検索ウィジェットから検索と結果表示

検索結果に表示される件数は[設定]-[表示設定]の「表示件数」の設定で変更が行えます。

07_表示件数の変更

表示件数の変更

尚、この表示件数はトップページ(フロントページ)や投稿ページの抜粋表示件数と共用の設定です。
検索結果の表示件数のみを変更することはできません。
フロントページや投稿ページの詳細については以下でご紹介しています。
WordPressのフロントページに「投稿ページ」を指定する意味
WordPressでTOPに固定ページ、リンク先に最新投稿を表示する方法

クエリパラメータ等について

サイト内検索を行った際のURLクエリパラメータは以下のようになっています。
http://algorhythnn.jp/(DIR)/?s=Google

当然ですが、日本語キーワードはURLエンコードされます。(「グーグル」検索の例)
http://algorhythnn.jp/(DIR)/?s=%E3%82%B0%E3%83%BC%E3%82%B0%E3%83%AB

検索結果の表示に関しては、
WordPressのテーマにもよりますがsearch.phpが利用されます。

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

単純にサイト内検索を設置するという意味では、このように標準機能を利用して検索することができます。

ただ、現在主流のサイト内検索と言えばGoogle検索窓を利用した方法ではないかと思います。


WordPressはWordPress Foundation の登録商標(第5049965号)です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - WordPress, 検索ボックス ,

  関連記事

eye_vaultpress
WordPressで別のサイトに復旧(テスト・一時)サイトを公開し重複サイトを回避する一案

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_jetpack
WordPressにログイン時に投稿のJetPack統計情報リンクを表示すると便利

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_facebook
Facebook Like ボックスウィジェットをJetpackを利用して表示する

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
指定したWordPressカテゴリやタグの投稿でバナー(Google AdSesne)を表示しない方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google_ads
Google™AdSenseサイト内検索(カスタム検索エンジンv2)の利用統計を確認する

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_yahoo
WordPressのサイドバーにYahoo™サイト内検索フィールド(ボックス)を設置する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google
Google™サイト内検索(カスタム検索エンジンv2)の設定

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google
Googleがプラグインを作るとこうなるのか!直観的IFに脱帽した件(Google Publisher Plugin)

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
WordPressインストール後のトップページ設定

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
最新投稿をサイドバーウィジェットにJetpackを利用して表示する

Google or AdMax Promotion(it) 禁断の機能がau公式 …