2017年01月16日
スマホ・タブレット向けブログ内検索導入
だいぶ前から導入しようと思いつつサボっていたのですが、スマホおよびタブレット画面向けにブログ内検索機能を追加しました。PC用画面は変更ありません。
以前からPC用画面ではサイドバーからブログ内検索を利用できたんですが、ミリブロが用意しているスマホやタブレット向けのデフォルトテンプレートだとこの機能がありませんでした。これが無いとうちのようなデータベース系ブログだとすごく不便なんですよね…
アクセス解析してみると直近一カ月でのブログアクセスの7割近くがiOSおよび android OS からになっているので、もはやこの不便は看過できない!ということでようやく導入に踏み切りました。
ほんとはCSSとかを正しく弄ってお上品に導入したかったんですが、実はCSSのことをよくわかってない人間なので、もっと直接的な方法で導入しました。
すごくざっくり言うと、以下のサイトで解説されている楽天ショッピングサイト向けのサイト内検索導入方法を参照しつつ、これをミリブロ仕様に焼きなおした感じです。
http://recipe.oga-ria.com/sell_knowhow/smart_phone/3989
CSS テンプレートは弄らず、HTMLに直接CSSを埋め込んでます。
あとはブログ内検索同様にPC画面でしか表示されないリンク集をどうするかですね…これもなんとかしたいところです。
もし気になる方はPC画面表示で左サイドバーの「お気に入り」をご覧ください。ドイツ連邦軍関連のネタを大なり小なり扱っているブログを、私の知る限りで片っ端からリンクしています。
いかんせん手動&気まぐれ更新なリストなので抜けがあるかもしれません。「うちもドイツ連邦軍ネタやってるのにリンクされてない!」って方はぜひ教えてください&リンクさせてください。
以前からPC用画面ではサイドバーからブログ内検索を利用できたんですが、ミリブロが用意しているスマホやタブレット向けのデフォルトテンプレートだとこの機能がありませんでした。これが無いとうちのようなデータベース系ブログだとすごく不便なんですよね…
アクセス解析してみると直近一カ月でのブログアクセスの7割近くがiOSおよび android OS からになっているので、もはやこの不便は看過できない!ということでようやく導入に踏み切りました。
ほんとはCSSとかを正しく弄ってお上品に導入したかったんですが、実はCSSのことをよくわかってない人間なので、もっと直接的な方法で導入しました。
すごくざっくり言うと、以下のサイトで解説されている楽天ショッピングサイト向けのサイト内検索導入方法を参照しつつ、これをミリブロ仕様に焼きなおした感じです。
http://recipe.oga-ria.com/sell_knowhow/smart_phone/3989
CSS テンプレートは弄らず、HTMLに直接CSSを埋め込んでます。
あとはブログ内検索同様にPC画面でしか表示されないリンク集をどうするかですね…これもなんとかしたいところです。
もし気になる方はPC画面表示で左サイドバーの「お気に入り」をご覧ください。ドイツ連邦軍関連のネタを大なり小なり扱っているブログを、私の知る限りで片っ端からリンクしています。
いかんせん手動&気まぐれ更新なリストなので抜けがあるかもしれません。「うちもドイツ連邦軍ネタやってるのにリンクされてない!」って方はぜひ教えてください&リンクさせてください。
検索機能、私も付けたい付けたいやり方わかんない、というところでした。
時間のある時に導入してみようと思います、やり方の一例ありがとうございます。
お役に立てそうでなによりです。もしわからないことがあればお気軽にお問い合わせください。