お出かけブログ運営WordPressSimplicityCocoonmixhostPC・スマホiPhoneMacアプリSimplicityの検索機能をカスタマイズしてサイト回遊率をアップスポンサーリンクSimplicityTwitterFacebook0はてブ1Pocket7LINEコピー2018.06.21スポンサーリンクSimplicityの検索機能をおしゃれで使いやすくカスタマイズしました。Simplicityは非常に優れたテーマですが、デフォルトの検索機能は、検索結果の件数が表示されていなかったり、検索後に検索キーワードが消えていたり、検索アイコンがぼやけていたり、、、カスタマイズした方が良い点がいくつか存在します。検索フォームをカスタマイズすることで、ユーザが目的のページを見つけやすくなり、サイトの回遊率アップにも繋がると思います。検索フォームのカスタマイズにチャレンジしてみてください。参考になれば幸いです。検索マークをAwesomeアイコンにするカスタマイズ検索フォームを下線だけにするカスタマイズ検索後でも検索フォームに検索キーワードを残すカスタマイズ検索結果に検索キーワードと検索件数を表示するカスタマイズまとめ検索マークをAwesomeアイコンにするカスタマイズデフォルトのSimplicityの検索アイコンはPNG画像が使用されています。そのため、輪郭がぼやけており、見栄えがあまり良くないです。画像だとどうしてもぼやけてしまうため、これをAwesomeアイコン(Webフォント)に変更します。すると、アイコンがはっきりしていると思います。このカスタマイズをしたい場合、Simplicityの子テーマにある「Style.css」に以下のソースコードを貼り付けてください。子テーマって何?という方は、こちらの記事を事前にご確認ください。5px;}動作確認する時は、ブラウザのキャッシュ削除も忘れないよう、注意してくださいね。Safariのキャッシュ削除方法をご確認ください。検索フォームを下線だけにするカスタマイズSimplicityのデフォルトの検索フォームは元々、枠で囲まれています。この外枠について、下線だけ残して消してみました。個人的には気に入っています。笑このカスタマイズをやりたい場合、以下のソースコードを子テーマのstyle.cssに貼り付けてください。#fff;}検索後でも検索フォームに検索キーワードを残すカスタマイズSimplicityのデフォルトだと、検索した後は検索フォームに検索したキーワード(検索語句)が残りません。このままだと、1文字だけ入力ミスして再検索するという場合などに全て検索キーワードを入力し直す必要があるため、とても面倒です。検索キーワードを残すカスタマイズは、searchform.phpというファイルを修正する必要があります。このsearchform.phpというファイルはデフォルトでは子テーマに存在しません。そのため、まずは親テーマの「searchform.php」というファイルをコピーして子テーマのフォルダ直下に格納してください。その後、子テーマにコピーした「searchform」ファイルを以下のソースコードに置き換えてください。value=""></form>これで検索後でも検索フォームに検索キーワードを残すことができます。このカスタマイズに加えて、検索フォームはサイドバーの一番上にしておくのがおすすめです。再検索時にすぐに検索フォームが修正できるためです。検索結果に検索キーワードと検索件数を表示するカスタマイズSimplicityのデフォルトだと、検索した後に検索結果が表示されますが、何の検索キーワードで検索したのか、何件ヒットしたのかが分かりません。そのため、検索した後に検索語句とヒット件数を表示させます。このカスタマイズを行うためには、まずは親テーマの「list.php」というファイルをコピーして子テーマに貼り付けてください。下記のソースコードを探してください。?>上記のソースコードの下に以下のソースコードを貼り付けてください。?>これで検索結果のページに検索キーワードと検索件数が表示されます。まとめ今回はSimplicityの検索フォームのカスタマイズ方法についてご紹介させていただきました。カスタマイズ後の状態はこんな感じです。サイト内検索をした時に使い勝手が悪いと、ユーザもサイトから離れてしまいます。今回のカスタマイズで多少はサイトの回遊率が良くなるかなって思ってます。このカスタマイズの参考にさせていただいたサイトは以下の2サイトです。ありがとうございました。運営者プロフィールjin「お金、時間、そして家族を大事にしたい」と考えるパパに少しでもプラスとなるよう情報発信しています。睡眠アプリ(SleepMeister)愛用者。ルンバ、ブラーバ、食洗機などの時短家電大好き。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。Rankingに変えたらサーバ負荷が激減した2018.02.032018.06.21mixhost(ミックスホスト)の評判は?1年間使用して分かったメリット・デメリット2018.01.272018.06.21WordPressでスペルチェックを無効にする方法(Chrome・Firefox・Safari)2018.01.152018.08.06LiteSpeedとは?Apacheとの違いは?採用しているレンタルサーバは?2017.09.112018.06.21WordPressテーマをバージョンアップ(アップデート)方法と動作確認方法2017.08.292018.06.21スポンサーリンクSearchProfilejin「お金、時間、そして家族を大事にしたい」と考えるパパに少しでもプラスとなるよう情報発信しています。睡眠アプリ(SleepMeister)愛用者。ルンバ、ブラーバ、食洗機などの時短家電大好き。clock(スリープサイクル)」の機能と使い方2017.06.032018.06.21子供がYouTubeを見ることをやめさせる言葉掛けを「伝え方が9割」の7つの切り口で試してみた2016.10.062018.06.24SmartNews(スマートニュース)の通信量を激減させる4つの設定!2018.04.282018.06.21SearchProfilejin「お金、時間、そして家族を大事にしたい」と考えるパパに少しでもプラスとなるよう情報発信しています。睡眠アプリ(SleepMeister)愛用者。ルンバ、ブラーバ、食洗機などの時短家電大好き。ぱぱたす(PaPa+).タイトルとURLをコピーしました。