2017 - 03 - 14 サイドバーのタブメニューをインデックス風デザインにするCSS カスタマイズ はてなブログ Twitter Hatena Pocket モバイル端末からのアクセスが増えている昨今、ユーザビリティを考慮してサイドバーにタブメニューを導入するサイトが増えています。今回は、そんなタブメニューをおしゃれにカスタマイズする方法をご紹介!もちろんレスポンシブにも対応済みです。 はじめに 1、HTMLを追加する 2、タブメニューのjQueryを追加する 3、CSSでスタイリング 【応用】インデックス風のタブデザインを作る はじめに このブログは、はてなブログのテンプレート「Blank」を使用し、サイドバーのモジュールをタブメニューにカスタマイズしています。導入に際し、参考にさせていただいたのはこちらの記事。 はてなブログで複数のサイドバーモジュールをタブメニューにして回遊率ア
![サイドバーのタブメニューをインデックス風デザインにするCSS - よなかのはなし](https://cdn-ak-scissors.b.st-hatena.com/image/square/f4b457b4626adfb19055f9c3dfad457fe2d17450/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhiroseyonaka%2F20170314%2F20170314173920.jpg)