スマホでもサイト内検索を設置

私のブログ「PCまなぶ」のことです。

PCサイトに検索内を作ったのは、2014年7月26日のようです。

WordPress Googleのサイト内検索を設置する

当時は、さっと見るのはスマホ。じっくり見るのはパソコンだと判断し、あえてスマホで閲覧するときには、サイト内検索をつけていませんでした。

時は流れ現在、私自身がスマホでサイト内検索をしたい場合があり不便を感じるようになりました。

早速、本日設置することにしました。

 

タップすると、非表示になっていた検索フォームが表示されるようにしました。

デザインは、もう少し調整する必要がありますが、とりあえず使えるようになりました。

 

例えば「ヘルメット」で検索すると、ヘルメットのいろんな記事が参照できます。

 

パソコンだと簡単にできた操作がスマホでも可能になりました。

それにしても、いろんな記事を書いていますね!

まとめ:基礎知識があれば簡単

今回は、JavaScriptとCSSで実現しました。どちらも基本的な知識があればできることです。

JavaScriptやCSSを学びたい方がいましたら、相談ください。

 

 

 

 

デバック用: FB:0 TW:1 Po:0 B:0 G+:0 Pin:0 L:0

ツイート 1  このエントリーをはてなブックマークに追加