CSS [CSS]CSS3のグラデーション用ジェネレーターUltimate CSS Gradient Generatorが超便利
イラレやフォトショでデザインしたグラデーションのボタンなどを、CSS3のグラデーションに落とし込む時などに使えるサービスがUltimate CSS Gradient Generatorです。 カラーピッカーとグラデーションバー付きで分かりや...
CSS 
WordPress [WP]WP-PostViewsプラグインで記事を閲覧数順に指定件数表示する方法
ページの閲覧数を取得して表示できるプラグインWP-PostViewsを使って、WordPressの人気記事（Views数の多い記事）を指定件数出力する方法です。 ※WP-PostViewsプラグインによるViews数の出力方法は、別途こちら...
jQueryプラグイン・ライブラリ [JS]Google画像検索のような画像の拡大表示ができるjQueryプラグインSuperbox
jQueryプラグインSuperboxを使って、Googleの画像検索のような見せ方ができます。 サムネイル画像をクリックして、その直下に拡大画像を割り込ませて表示させるUIです。 ギャラリーサイトなどでLightboxを使って立ち上げてい...
WordPress [WordPress]テーブル用プラグインTablePressの使い方とレスポンシブ対応の方法
<table> タグを使ったコーディングはまだまだ多いですが、例えばWordPressで作った企業サイトで「会社概要」のような表組を掲載する場合に便利なプラグインが、今回紹介させていただくTablePressです。 TablePressmと...
スマフォ・iPhone iPhoneでホーム画面にサイトのブックマーク用アイコンを設置する方法
iPhoneでWEBサイトをブックマークして、ホーム画面にアイコンを設置する方法のまとめです。 今回はアプリのお話ではありませんが、「アイコン画像をどのサイズで用意すれば良いのか？」を考える上で、iPhone、iPad、Android アプ...
WordPress [WordPress]カスタム投稿タイプで記事に「親子関係」を持たせる方法
WordPressで企業サイトやWEBサイトを構築する上で便利なカスタム投稿タイプですが、カスタム投稿タイプの投稿記事にも固定ページと同じように「親子関係」を持たせることができます。 方法は、プラグインを「利用しない」場合と「利用する」場合...
jQueryプラグイン・ライブラリ [jQuery]テーブルを手軽にソートできるプラグインStupid jQuery Table Sort
テーブルを手軽にソートできるjQueryプラグインStupid jQuery Table Sortのご紹介です。 非常にシンプルで軽量なスクリプトなので、ちょっとしたテーブルのソートに便利です。 ※ライセンスはMIT licenseです。 ...
Bootstrap [Bootstrap]ドロップダウンメニューを実装する方法
サイトやブログのヘッダーにドロップダウン型のメニューを設置することもあると思いますが、Bootstrapを使えばオンクリックによるドロップダウンメニューを簡単に実装することができます。 Bootstrap Dropdown のダウンロード ...
WordPress [WP]広告をランダムで表示できるWordPressプラグイン「Datafeedr Random Ads」
アフィリエイトなどで広告バナーをブログに掲載する際に、バナー画像をランダムで表示できるWordPressプラグインが「Datafeedr Random Ads」です。 バナーサイズ別や広告表示場所別など、複数の広告グループを管理することがで...
Windows [Win]Windows 7でファイルの拡張子を表示する方法
Windows 7でテキストや画像、HTMLファイルなどに拡張子を表示してあげる方法のご紹介です。 ファイルの拡張性を表示する コントロールパネルより「フォルダーオプション」をクリックします。 フォルダーオプションのウィンドウで、「表示」タ...
WordPress [WordPress]リビジョンや自動保存、メタデータやスパムコメントの除去もできるプラグインWP CleanFix
WordPressプラグインWP CleanFixは、データベースのテーブルを最適化できるだけでなく、メタデータやスパムコメントの除去などができる総合メンテナンスツールです。 例えば、 ・昔は使っていたカスタムフィールドがゴミとして残ってい...
jQueryプラグイン・ライブラリ [jQuery]IE8以下で角丸を使えるプラグインjQuery curvyCorners
CSS3のborder-radius を使えば簡単に角丸を実現できますが、CSS3 が対応していないIE8 以下でも角丸を使えるようにするjQueryプラグインがjQuery curvyCornersです。 jQuery curvyCorn...
WordPress [WP]WP_Query で ページ送りが上手くいかない問題を解決する
WordPressで WP_Query を使うとどうしても「ページ送りが上手くいかない…」とハマっていた所、有り難い記事を発見したのでシェアさせていただきました。 ページ送りには「WP-PageNavi」プラグインを使い、WP_Query ...
jQuery [jQuery]<table>の<tr>にリンク先を指定できるようにする方法
<table> の行をクリックして、指定したリンク先に飛ばせるようにする方法です。 非常に便利なカスタマイズでしたのでシェアさせていただきました。 jQuery ファイルと一緒にjavascript のコードを設置 かちびと.net 様で公...
Mac [Mac]MacBookAirのBootCampでWindows7のスクリーンショットを撮る方法
MacBookAirのBootCamp上でWindows 7を動かしている、という前提ですが Windowsの画面キャプチャ（スクリーンショット）を撮る方法のご紹介です。 Mac だとキーボードのCommand + Shift + 3で画面...
WordPress [WP]よく使うタグやショートコードを登録して投稿画面で自動入力できるプラグインAddQuicktag
WordPressでブログを書く上で、<strong>や<code>、<img>、<!--more-->などのタグを利用することも多いと思います。 記事の投稿画面では、上記のような基本的なタグは「ボタン」として最初から用意されていますが、「...
WordPress [WordPress]ログインに失敗したIPからのアクセスを遮断するプラグインLimit Login Attempts
WordPressのユーザー名「admin」で管理画面へ不正アクセスされる事例が相次いでいるようです。 このような無理矢理認証を突破しようとする攻撃を防ぐのはなかなか難しいですが、「admin」のユーザー名を変更し、パスワードも推測されにく...
CSSスニペット [CSS]CSSで作る「吹き出し」のサンプル（上下左右の4方向）
吹き出しやバルーンとも言いますが、CSSだけで実現できるのでまとめました。 上下左右の4方向に対応した吹き出しの作り方とサンプルをまとめました。 「下向き」吹き出しの作り方 まずは「下向き」からです。 吹き出し作成時のポイント 吹き出しの大...
WEBサービス [WordPress]IFTTTでWordPressのブログ記事をTwitterに連携する方法
Instagramの写真をDropboxに保存したり、Gmailの重要なメールをEvernoteに保存したりなど、様々なWEBサービスやSNS同士を連携させることができるIFTTT。 今回は、このIFTTTを使ってWordPressの投稿記...
WordPress [WordPress]管理者以外がログインした時に特定のメニューを表示させない方法
WordPress管理画面で特定のメニューを表示・非表示にしたい場合、権限別に細かい制御ができるUser Role Editorというプラグインを使う手もありますが、 例えば「管理者以外のユーザーには『リンク』メニューを見せない」といった簡...
Bootstrap [Bootstrap]タブメニューをCookieに保存して記憶させる方法
Bootstrapを使ったシンプルなタブメニューの実装方法のご紹介です。 今回はタブメニューの基本的な設置方法と合わせて、jQuery Cookieを利用して現在閲覧しているタブの情報をCookieに保存する方法も合わせて紹介させていただき...
WordPress [WP]WordPressでZenbackの関連記事が表示されない場合の対処法
ブログに関連記事やはてブ、FacebookやTwitterなどのソーシャルボタンをまとめて設置できるZenback。 Zenbackのサイトで自分のブログのURLや情報を登録して、発行されてるJavascriptタグを貼り付けるだけで、関連...
jQueryプラグイン・ライブラリ [jQuery]複数の要素を縦にも横にもふわふわ動かすプラグインjqFloat
指定した要素を「ふわふわ」動かすjQueryプラグイン「jquery.yurayura」 の記事でも、要素を「ふわふわ」と動かすjQueryプラグインjquery.yurayura.jsについて紹介させていただきましたが、今回紹介させていた...
Windows [Win]Windows LiveメールでGmailを設定する方法
普段はWindowsのメールは使わないんですが、仕事でたまに 「Windows でのメール送受信が出来ない、おかしい…」 「メールの設定の仕方が分からない…」 なんていうお客さんの声を聞きますので、今回はGmailを例に、改めてWindow...
WEBサービス JPG画像の容量（サイズ）を小さくするサービスJPEG Minimizer
サイトやブログの高速化に取り組む中で「画像の容量をいかに減らすか？」は重要な課題だと思います。 ギャラリーサイトなど画像を多用する場合はもちろん、WordPressのブログでも記事に挿入する写真にアイキャッチ画像に…と、扱う画像が増えていけ...