Javascript・jQuery [JS]FacebookやTwitter、はてブなどのソーシャルボタンを非同期で読み込む方法
Facebookの「いいね」やTwitterの「ツイート」、Google +1の「+1」などの各種ソーシャルボタンの読み込みを非同期にすることで、ページの表示速度を向上させる方法です。 Facebook、Twitter、Goolge +1の...
Javascript・jQuery 
WordPress [WordPress]不要なカスタムフィールドを削除できるプラグインDelete Custom Fields
WordPress のブログを長く運営していると、 「間違って登録してしまった」 「昔は使っていたけど今は使わなくなった」 などの理由で、不要なカスタムフィールドが溜まってしまうなんて経験もあるのではないかと思いますが、 今回はそのような使...
WordPress WordPress3.5でhoge.com/wp/以下のサイト一式をルートディレクトリで動かす（移行する）方法
hoge.com/wp/以下のWordPressのテストサイトを、hoge.com/の本番へ反映させる方法のご紹介です。 hoge.com/wp/以下のサイト一式をルートディレクトリで動かす（移行する）方法 特に企業サイトのリニューアル作業...
CSS [CSS]背景画像のサイズを変更できるプロパティ「background-size」
CSS で背景画像を使う際、今までは画像ファイルを適切な大きさにリサイズする必要がありましたが、CSS3 からは背景画像の幅・高さを拡大・縮小できるプロパティ background-sizeを使うことができます。 background-im...
WordPress [WordPress]リンク切れチェック用のプラグインBroken Link Checkerの使い方
WordPressでブログやサイトを作る際に「外部リンク」を貼ることは多いと思いますが、 「リンク先のページがなくなった」 「リンク先のページURLが変更になった」 など、某かの理由でエラーになったリンクを検出してくれるWordPressプ...
functions.php [WP]通常投稿とカスタム投稿タイプ、また複数の投稿タイプ別にテーマファイルを分離する方法
WordPressの場合、テーマファイル内で「カテゴリ」や「固定ページ」、「カスタム投稿タイプ」で条件分岐してデザインレイアウトを変更することも可能ですが、カスタム投稿タイプが複数有って、しかもそれぞれ全く異なったデザインが必要になる時は、...
CSS [CSS]iPad、iPhone5向けレスポンシブWEBデザインに必要なMedia Queriesのまとめ
レスポンシブWEBデザインへの対応で頻繁に使うCSSのMedia Queriesですが、条件分岐のやり方をよく忘れるので整理しました。 「iPad」「iPhone」「iPhone 5」の端末別に加えて、「ブラウザ幅」での条件分岐もまとめてい...
PHP [PHP]PHPでiPad、iPhoneのユーザーエージェントを判別して振分処理を行う方法
WEBサイトを閲覧する環境もだいぶ変わってきまして、 今ではPC以外のスマートフォン、iPadによるアクセスも増えてきました。 今までPCでの閲覧に適したサイトデザインだったので、iPadやiPhone見ても正常に見えないよ!!ということも...
WordPress [WordPress]Contact Form 7プラグインの機能拡張用特別タグまとめ
WordPressのContact Form 7を使ったお問い合わせフォームで、送信者のIPアドレスやユーザーエージェント、送信日時などをメール本文に追加できる機能拡張の紹介です。 Contact Form 7 の「特別なメールタグ」一覧 ...
functions.php WordPressの3.5系でメディアのリンク先から「添付ファイルのページ」「カスタムURL」「メディアファイル」の項目を消去する方法
WordPressの3.5を使っていますが、ちょっと困ったことが起きました。 記事投稿画面で画像をアップロードしたら「添付ファイルの表示設定」が出てくると思いますが、ある時を境にリンク先が強制的に「メディアファイル」で選択されるようになった...
Google [JS]郵便番号から住所を自動入力できるajaxzip3の使い方
お問い合わせフォームや見積フォームで「住所」を都道府県から手打ちで入力するのは面倒ですので、郵便番号を入力するだけでその後の住所を自動入力してくれる javascriptajaxzip3が便利です。 郵便番号の入力フォームが3桁 + 4桁と...
WordPress [WP]WP-PostViewsプラグインで記事に閲覧数を表示する方法と人気記事一覧の作り方
記事の閲覧数を表示できるWordPressプラグイン「WP-PostViews」の基本的な使い方の記事ではWP-PostViewsの設定方法などの紹介にとどまりましたが、 今回はWP-PostViewsを利用したフロント画面への閲覧数の表示...
SEO [WordPress]カスタム投稿タイプにも対応したパン屑ナビプラグインBreadcrumb NavXT
当ブログではパン屑ナビを設置していなかった…ということに今頃気づいたので、パン屑ナビを手軽に設置できるWordPressプラグインBreadcrumb NavXTを導入しました。 Breadcrumb NavXT によるパン屑ナビの見え方 ...
Javascript・jQuery [JS]画像や動画、iframeもLightbox風に立ち上げるjQueryプラグインColorboxの使い方
画像をオーバーレイで拡大表示できるスクリプトとして、Lightbox はよく使いますが、動画やinline コンテンツ、iframeなどもLightbox 風に表示させるにはjQueryプラグインColorboxが便利です。 カスタマイズし...
Mac [Mac]ゴミ箱を空にする時に発生する「エラーコード8003」の対処法
以前の記事でも紹介させていただいておりますが、Time Machineのバックファイル（Backups.backupdb）をFinder のゴミ箱に入れて「ゴミ箱を空にする」を実行しても、空にならずに「エラーコード8003」が発生することが...
WordPress [WP]WordPressのテーマファイルのチェック用プラグイン「Theme Authenticity Checker」
Theme Authenticity Checkerは、有効化にするだけでWordPressブログ内のテーマファイルの検証を行い、結果を表示してくれるセキュリティ対策用のプラグインです。 Theme Authenticity Checker...
Javascript・jQuery [JS]jQueryとjQueryUIを利用したDatepickerの実装方法のまとめ
日付を入力するフォームを用意する際、手打ちで年月日を入れると面倒なので、jQueryのDatepickerを利用して、カレンダーから日付を選んで自動入力できるようにする方法です。 jQuery Datepicker Datepickerにつ...
CSS [CSS]CSS3のborder-radiusで要素や画像で円形に表示する方法
CSS3のborder-radiusは要素を角丸にすることができる便利なプロパティで、角丸の値を調整することで、画像や要素を正円（円形）で表示することもできます。 IE7以下でも利用したい場合は（試していませんが）、PIEなどを使えば実現可...
WordPress [WordPress]Open Graph ProプラグインによるOGP設定方法まとめ
WordPressの管理画面内でOGP 設定を一元管理したい場合に便利なプラグインOpen Graph Proのご紹介です。 Facebookとの連携部分が少々ややこしいため、本ブログ記事の序盤をFacebookの設定、後半をOpen Gr...
Google [JS]ソースコードをハイライト表示できるGoogle Code Prettify
WordPressの場合はSyntaxHighlighter Evolvedプラグインを利用することで簡単にソースコードをハイライト表示させることが可能ですが、WordPressではないブログやサイトの場合にはGoogle Code Pre...
WordPress [WP]Contact Form 7で完了画面に遷移させる方法
WordPressのContact Form 7は高機能なメールフォームのプラグインですが、メール送信完了画面が用意されていません。 そこで、メールフォームの画面で送信ボタンがクリックされたら、あらかじめ用意した完了画面にJavascrip...
Javascript・jQuery [jQuery]Pinterestっぽいサイトを作れるプラグインjQuery Masonry
Pinterest風のタイルを敷き詰めたようなレイアウトを実現するために、jQueryプラグインの「The Wookmark jQuery plugin」を使う方法は以前にも紹介させていただきましたが、やはりjQuery Masonryの方...
jQuery [WordPress]jQueryを利用してオートコンプリート（検索サジェスト機能）を実装する方法
利用する機会があるか？どうか？？は別として、jQueryを利用してWordPressでオートコンプリート（検索サジェスト機能）を実装する方法のまとめです。 Googleサジェストのような高機能なモノは実現できませんので…。あらかじめこちらで...
CSS [CSS]テキストに影を落とすCSS3プロパティtext-shadow
テキストに影を落とすCSS3のプロパティtext-shadowについてまとめました。 前回紹介させていただいたボックスに影を付けるbox-shadowプロパティと使い方は似ています。 text-shadow の記述方法 以下、text-sh...
WordPress [WP]WordPressで月別アーカイブのリンクをプルダウン式で出力する方法
WordPressでは、テンプレートタグwp_get_archivesを利用することでアーカイブ一覧を出力させることができます。 しかし年数を重ねてくるとアーカイブリストの数が増えてくるので、「ドロップダウンリストにしてスッキリ収めたい!!...