WordPress [WP]WP-PageNaviのページ送りをBootstrapのPaginationのようなデザイン変更する方法
WordPressのWP-PageNaviを使ったページ送りナビゲーションをBootstrapのPaginationのデザインに変更する方法のご紹介です。 WP-PageNaviのインストールとページ送りの設置 管理画面のプラグインの新規追...
Bootstrap
WordPress 
Bootstrap [Bootstrap]リンククリック時にcollapseメニューを閉じる処理
Bootstrap
Bootstrap [CSS]Google Mapのズームコントロールが出ない場合の対処法
BootstrapのCSSが原因か、Google Mapでズームコントロールを使うように設定していても、表示されない場合があります。 CSS Bootstrapも使いたいし、Google Mapにもズームコントロールを表示させたいという場合...
CSSスニペット [CSS]WEBページの印刷時にリンクの後ろにURLが表示される問題の解決法
Twitter Bootstrapを使っているサイトでWEBページを印刷した際に、リンクテキストの後ろに「リンク先のURL」が表示されてしまうことがあります。 このURLを印刷時に非表示にする方法が、【CSS】印刷するとリンクの後ろにURL...
Bootstrap [Bootstrap]Collapseの開閉速度を調整する方法
アコーディオンメニューを簡単に実現できるBootstrapのCollapseですが、開閉速度を早くしたり遅くしたり自由に調整したい場合の処理の方法です。 ※今回はバージョン3.0での実践を元に記事を書いております。 transition の...
Bootstrap [Bootstrap]Modal（モーダルボックス）を使う方法
入力フォームの確認フェイズなどでも使えそうな、BootstrapのModal機能のご紹介です。 普段はモーダルボックスはdisplay:noneで隠しておき、ボタンをクリックしてモーダルボックスを起動（表示）させるイメージになります。 Bo...
Bootstrap [Bootstrap]ドロップダウンメニューを実装する方法
サイトやブログのヘッダーにドロップダウン型のメニューを設置することもあると思いますが、Bootstrapを使えばオンクリックによるドロップダウンメニューを簡単に実装することができます。 Bootstrap Dropdown のダウンロード ...
Bootstrap [Bootstrap]タブメニューをCookieに保存して記憶させる方法
Bootstrapを使ったシンプルなタブメニューの実装方法のご紹介です。 今回はタブメニューの基本的な設置方法と合わせて、jQuery Cookieを利用して現在閲覧しているタブの情報をCookieに保存する方法も合わせて紹介させていただき...
Bootstrap [Bootstrap]LightboxプラグインBootstrap Lightboxの使い方
Bootstrapのモーダル機能ベースのBootstrap Lightboxは、画像をクリックしてオーバーレイで拡大表示させるシンプルなLightbox系プラグインです。 ColorboxやFancyboxのようにあれもこれも出来るという訳...