こんにちは。
『やさしいブログの作り方』の松田です。
3年以上前の記事ですが、問い合わせがあったので手直しして再アップしています。
お店ブログをされている方のブログを見ていると、記事冒頭に
のようなリンクを見かけます。(※ 上記は実際にはリンクしていません。)
これのリンク集を何と呼べばいいのかわかりませんが、この記事では「クイックナビ」とでも呼んでおきます。^^;
このクイックナビはケータイからアクセスしている人向けのリンクです。
仮に記事の一番最後にお店の営業案内があったとしても、記事によってはそこにたどり着くまでに長々と記事を送っていかなければなりません。
今すぐ予約したいと思ってブログにアクセスしている人もいます。
そういった方向けに記事冒頭に上記のようなリンクを置いておくとすぐにお店とコンタクトが取れるというわけです。
しかしこれはケータイからアクセスした人にとっては便利ですが、パソコンからアクセスした人にとっては邪魔な存在でもあります。^^;
パソコン版ならサイドバーやメニューバー、ヘッダー画像など記事エリア以外にお店とのコンタクトを取れる手段があるのでそちらを使う方が便利です。
カスタマイズすることで、このクイックナビをパソコンからアクセスした場合には非表示にして、ケータイやスマートフォンからアクセスした場合にのみ表示させることができます。
まずサイドバーのフリースペースに以下の表記を追記します。
そしてクイックナビの開始タグの中に class="k-tai" を追加すればOKです。
こんな感じです。
パソコンで見ると表示されていないのに、ケータイから見ると表示されているなんてことに気付かれたら「すご~い」と感心される可能性もあります。(笑)
最後までお読みいただきありがとうございました。
『やさしいブログの作り方』の松田です。
3年以上前の記事ですが、問い合わせがあったので手直しして再アップしています。
お店ブログをされている方のブログを見ていると、記事冒頭に
メニュー/アクセス/電話をかける/メールで予約
のようなリンクを見かけます。(※ 上記は実際にはリンクしていません。)
これのリンク集を何と呼べばいいのかわかりませんが、この記事では「クイックナビ」とでも呼んでおきます。^^;
このクイックナビはケータイからアクセスしている人向けのリンクです。
仮に記事の一番最後にお店の営業案内があったとしても、記事によってはそこにたどり着くまでに長々と記事を送っていかなければなりません。
今すぐ予約したいと思ってブログにアクセスしている人もいます。
そういった方向けに記事冒頭に上記のようなリンクを置いておくとすぐにお店とコンタクトが取れるというわけです。
しかしこれはケータイからアクセスした人にとっては便利ですが、パソコンからアクセスした人にとっては邪魔な存在でもあります。^^;
パソコン版ならサイドバーやメニューバー、ヘッダー画像など記事エリア以外にお店とのコンタクトを取れる手段があるのでそちらを使う方が便利です。
カスタマイズすることで、このクイックナビをパソコンからアクセスした場合には非表示にして、ケータイやスマートフォンからアクセスした場合にのみ表示させることができます。
まずサイドバーのフリースペースに以下の表記を追記します。
<style>.k-tai {display:none;}</style>
そしてクイックナビの開始タグの中に class="k-tai" を追加すればOKです。
こんな感じです。
<div class="k-tai" style="border:1px dotted #ff0000;"><a href="http://ameblo.jp/~~~.html">メニュー</a>/<a href="http://ameblo.jp/~~~.html">アクセス</a>/<a href="http://ameblo.jp/~~~.html">電話をかける</a>/<a href="http://ameblo.jp/~~~.html">メールで予約</a></div>
パソコンで見ると表示されていないのに、ケータイから見ると表示されているなんてことに気付かれたら「すご~い」と感心される可能性もあります。(笑)
最後までお読みいただきありがとうございました。
無料メール講座配信中
やさしいブログ、書籍化!