WordPress [WP]ログインフォームをメンテナンス画面として使用できるプラグイン「Maintenance by fruitfulcode」
公開前や改修中のページを見られたはマズい…なんて時に、サイトへアクセスしたユーザーに「ただ今メンテナンス中です」のメッセージを表示させることも多いと思います。 WordPressの場合、メンテナンスページの設定管理ができる「Maintena...
WordPress 
CSSスニペット [CSS]マウスでドラッグした際の文字を選択範囲の色（ハイライトカラー）を変更する方法
マウスカーソルでテキストをグイーッとなぞると、選択範囲がハイライト表示されます。 通常、この選択範囲のハイライトカラーは青色で、たまにピンクや赤色などになっているサイトやを見かけますが、CSS3の擬似要素selectionを用いることでこの...
jQueryプラグイン・ライブラリ [JS]IEでもプレースホルダを利用できるjQueryプラグインjQuery ah-placeholder
HTML5で強化されたformのplaceholder属性は、javascriptを使わなくてもプレースホルダを使える優れものですが、これがやっぱりIEには対応していないです。 placeholderのIE対応となると、何だかんだでjava...
WordPress [WordPress]ショートコードを実行せずに記事本文にそのまま表示させる方法
WordPressに関するブログを書く際に、例えば 「こんなショートコードを書いてください！」 と言って、投稿ページでそのまま などと書いてしまえば、そのショートコードが実行されてしまいます。 ショートコードを実行せずに文字列として表示させ...
WordPress [WordPress]よく利用するfunctions.php設定のまとめ（2014年1月版）
構築するサイトによって記述内容は異なりますが、ブログや企業サイト、簡単なWEBサイトなど、概ねどのサイトを構築する場合でも利用できそうなfunctions.phpのカスタマイズをまとめました。 何でもかんでもfunctions.phpに書く...
jQueryプラグイン・ライブラリ [jQuery]画像の読み込みを遅延させるプラグインLazy Load Plugin for jQuery
img要素の画像を遅延ロードさせることができるjQueryプラグインLazy Load Plugin for jQuery。 ブログで大量の画像を掲載しているような場合は、ページのスクロールに合わせて画像を読み込む（遅延ロード）ようにしてく...
Javascript・jQuery [JS]FacebookやTwitter、はてブなどのソーシャルボタンを非同期で読み込む方法
Facebookの「いいね」やTwitterの「ツイート」、Google +1の「+1」などの各種ソーシャルボタンの読み込みを非同期にすることで、ページの表示速度を向上させる方法です。 Facebook、Twitter、Goolge +1の...
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プ...
WordPress [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 の「特別なメールタグ」一覧 ...
WordPress WordPressの3.5系でメディアのリンク先から「添付ファイルのページ」「カスタムURL」「メディアファイル」の項目を消去する方法
WordPressの3.5を使っていますが、ちょっと困ったことが起きました。 記事投稿画面で画像をアップロードしたら「添付ファイルの表示設定」が出てくると思いますが、ある時を境にリンク先が強制的に「メディアファイル」で選択されるようになった...
jQueryプラグイン・ライブラリ [JS]郵便番号から住所を自動入力できるajaxzip3の使い方
お問い合わせフォームや見積フォームで「住所」を都道府県から手打ちで入力するのは面倒ですので、郵便番号を入力するだけでその後の住所を自動入力してくれる javascriptajaxzip3が便利です。 郵便番号の入力フォームが3桁 + 4桁と...
WordPress [WP]WP-PostViewsプラグインで記事に閲覧数を表示する方法と人気記事一覧の作り方
記事の閲覧数を表示できるWordPressプラグイン「WP-PostViews」の基本的な使い方の記事ではWP-PostViewsの設定方法などの紹介にとどまりましたが、 今回はWP-PostViewsを利用したフロント画面への閲覧数の表示...
WordPress [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...
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...