装飾・テクニック

カテゴリー内の記事を検索する方法、WordPressで簡単に実現!

広告:ページ内にてアフィリエイト広告を利用しています。

カテゴリ内検索

「あなたのサイトで、カテゴリ内の記事をキーワードで簡単に検索できるフォームを実現したいと考えたことはりまsンか?

例えば、Web開発に関する記事をまとめた「https://boonboonblog.com/topics/web-it/wordpress」カテゴリページに対して、【カテゴリ記事の中から検索する機能】を導入することで、読者のニーズに合わせた記事を簡単に見つけることができます。(実際にページ内で実装しています。ぜひご覧ください)

ポイント

本記事では、

カテゴリ内の記事を対象にキーワードで検索する方法を解説します。

要所要所で使うととてもユーザーに親切なサイトの一助になりますね。

おすすめ副業

\ココナラ成功パターンを詳しく見たい方は こちら をクリックしてください/

PR

カテゴリ内検索とは

任意のカテゴリの中の記事を対象にキーワード検索を行うフォームを実現します。

ポイント

カテゴリー 「WordPress」 の中の記事から検索します。

お好きなキーワード(例:"セキュリティ対策")を入れて検索ボタンを押してください。

(新しいウィンドウを表示します)

WordPress の検索の仕組み

WordPress の基本仕様(機能)で検索は URL の後ろにパラメータを指定することで実現しています。

■ サイト全体から "キーワード" を検索する場合

サイト全体から特定のキーワードで検索する場合は、以下の URL を発行します。

http(s)://(ドメイン)/?s=キーワード

ドメインの "/" のあとの "?" (クエッション)が、この後にパラメータがあることを意味し、「s=キーワード」 で検索したいキーワードを指定します。

ポイント

リンクをクリックすると新しいウィンドウを開きます。

https://boonboonblog.com/?s=セキュリティ対策

■ カテゴリで絞り込む場合

カテゴリで絞り込む場合(カテゴリーページを表示する)は、以下の URL を発行します。

http(s)://(ドメイン)/?cat=カテゴリID

「cat=カテゴリID」 で絞り込みたいカテゴリを指定します。カテゴリIDは WordPress の管理画面から 「投稿」 → 「カテゴリ」 を選択し場合にカテゴリごとに割り当てられている ID です。

ポイント

リンクをクリックすると新しいウィンドウを開きます。

(カテゴリーページを表示します)

https://boonboonblog.com/?cat=10

■ 特定のカテゴリ内の記事から "キーワード" を検索する場合

特定のカテゴリ内の記事から "キーワード" を検索する場合は、カテゴリ検索とキーワード検索のパラメータを組み合わせます。以下の URL を発行します。

http(s)://(ドメイン)/?s=キーワード&cat=カテゴリID

パラメータを 「&」 で連結して指定します。

ポイント

リンクをクリックすると新しいウィンドウを開きます。

https://boonboonblog.com/?s=セキュリティ対策&cat=10

カテゴリ内検索を実現する方法

■ 記事内に埋め込む場合

簡単な HTML のフォームタグで実現することが可能です。

■(サンプルコード)

<form>
    <input style="width : 80%;" name="s" type="search" />
    <input name="cat" type="hidden" value="カテゴリID" />
    <input type="submit" value="検索" />
</form>

このコードの場合は、表示しているページが切り替わり、検索結果を表示します。

カテゴリID は適宜、書き換えてください。

※ ブロックエディタ(Gutenberg)の場合、「カスタム HTML」 で上記コードを埋め込みます。

■ 新しいウィンドウを表示する場合

記事上部のサンプルのように新しいウィンドウを表示する場合は、JavaScript を併用して実現しています。

■(サンプルコード)

<script language="javascript" type="text/javascript">
function functionWinOpenForSearch(){
    let varSearchString = document.getElementById('myIdSearchString').value;
    let varURLString = 'https://(ドメイン)/?s=' + varSearchString + '&cat=カテゴリID';
    // alert(varURLString);

    window.open(varURLString);
}
</script>

<form>
    <input style="width : 80%;background-color: #FFFCDB;" id="myIdSearchString" type="search" value="ログイン">
    <input style="width : 15%;" type="button" value="検索" Onclick="functionWinOpenForSearch()">
</form>

このコードの場合は、あたらしいウィンドウを表示して検索結果を表示します。

ドメイン(URL)、カテゴリID は適宜、書き換えてください。

※ ブロックエディタ(Gutenberg)の場合、「カスタム HTML」 で上記コードを埋め込みます。

WordPress もっと!お役立ちテクニック

WordPress のお役立ちテクニックはこちら

PR

まとめ:カテゴリー内の記事を検索する方法

任意のカテゴリの中の記事を対象にキーワード検索を行うフォームを実現する方法です。

ポイント

  • WordPress の検索は URL のパラメータの指定で行います
  • 検索キーワードと、カテゴリの絞り込みはパラメータを連結することで実現可能です
  • 検索フォームは HTML の form タグで実現可能です

40代・50代「会社員におすすめ」の在宅でできる副業5選

40代・50代「会社員におすすめ」の在宅でできる副業5選(初心者でもできる)

40代、50代だからこそ気が付く、不安に思う将来設計、しかし今から大きなチャレンジは難しい。投資もリスクが多い。いまこそやってみたいのが「副業」です。本記事では40代、50代におすすめの副業5選を紹介します。

続きを見る

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業3選

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業3選(初心者でもできる)

20代、30代の主婦にとって、これからの人生設計、お金の心配は少なからずありますね。20代、30代の主婦が不安に思うお金の問題を少しでも解決するべく、初期投資が無い(または少ない)主婦におすすめの副業ができれば安心ですね。記事では、20代、30代専業主婦におすすめの副業3選を紹介します。

続きを見る

地方がチャンスのおすすめ副業を紹介!

【2024年チャンス】地方でノマドで働ける。おすすめ在宅副業を紹介!快適な移住先も紹介します

都会は住みにくい!地方の方が自然もあり、ちょうど規模の街で素敵に暮らすのは人生設計として最高ですね。しかし地方は本業の給料が低いのがネック、そこで是非お勧めしたいのがインターネットでできる副業です。本記事では、地方で快適に暮らす!おすすめ副業を紹介します。ゆるーくまったり人生過ごしたいですね。

続きを見る

この副業
アフィリエイトスクール
ノートパソコン
もっと WordPress のノウハウを知りたいときは

WordPress の情報、テクニック一覧はこちらをクリック!

クリックアイコン

おすすめ副業「ブログ・アフィリエイト」

アフィリエイト初心者や経験者にとって、

正しいスキルを学ぶことは成功につながる重要な要素です。

必要なスキルを身につけることができるアフィリエイトスクールで

アフィリエイトを学びましょう!

\やるなら一日でも早い方がお得/

おすすめアフィリエイトスクールはこちら

https://boonboonblog.com/entries/entry-38763.html

PR
ブログの始め方
レンタルサーバー
WordPress
AFFINGER

ブログランキング・にほんブログ村へ  

Presented By Boon Boon Blog .Com

広告の設置・収入について

当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。

当サイトは Google アドセンスを利用し、広告により収入を得ています。

当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。

電気通信事業法改正に伴う表記