WordPressの Contact Form 7 を使ったお問い合わせフォームで、送信者のIPアドレスやユーザーエージェント、送信日時などをメール本文に追加できる機能拡張の紹介です。

続きを読む

お問い合わせフォームや見積フォームで「住所」を都道府県から手打ちで入力するのは面倒ですので、郵便番号を入力するだけでその後の住所を自動入力してくれる javascript「ajaxzip3」が便利です。
続きを読む

記事の閲覧数を表示できるWordPressプラグイン「WP-PostViews」の基本的な使い方 の記事では WP-PostViews の設定方法などの紹介にとどまりましたが、

今回は WP-PostViews を利用したフロント画面への閲覧数の表示方法、及び、閲覧数順に記事を指定件表示させる方法を中心に紹介させていただきます。
続きを読む

画像をオーバーレイで拡大表示できるスクリプトとして、Lightbox はよく使いますが、動画やinline コンテンツ、iframe などもLightbox 風に表示させるにはjQueryプラグイン「Colorbox」が便利です。

カスタマイズしやすく、IE6でもそこそこ動きますので企業ページでも使える便利なプラグインです。
続きを読む

[Mac]Time Machine の古いバックアップデータを削除する方法の記事でも紹介させていただいておりますが、Time Machine のバックファイル（Backups.backupdb）をFinder のゴミ箱に入れて「ゴミ箱を空にする」を実行しても、空にならずに「エラーコード8003」が発生することがあります。
続きを読む

Theme Authenticity Checker は、有効化にするだけでWordPressブログ内のテーマファイルの検証を行い、結果を表示してくれるセキュリティ対策用のプラグインです。
続きを読む

日付を入力するフォームを用意する際、手打ちで年月日を入れると面倒なので、jQuery の Datepicker を利用して、カレンダーから日付を選んで自動入力できるようにする方法です。
続きを読む

CSS3 の border-radius は要素を角丸にすることができる便利なプロパティで、
角丸の値を調整することで、画像や要素を正円（円形）で表示することもできます。

IE 7以下でも利用したい場合は（試していませんが）、PIE などを使えば実現可能かと思います。
続きを読む

WordPressの管理画面内でOGP 設定を一元管理したい場合に便利なプラグイン Open Graph Pro のご紹介です。

Facebook との連携部分が少々ややこしいため、本ブログ記事の序盤をFacebook の設定、後半を Open Graph Pro という具合に順を追って設定方法を紹介致します。
続きを読む

WordPressの場合は SyntaxHighlighter Evolved プラグインを利用することで簡単にソースコードをハイライト表示させることが可能ですが、WordPressではないブログやサイトの場合には、Google Code Prettify を使うと簡単にハイライト表示させることができます。
続きを読む

Mac のローカル環境でサイトを構築する場合に便利なアプリケーションMAMP ですが、MAMP を起動してもMySQL サーバが起動しない場合がたまにあります。

「Apache サーバは正常に起動するけど、何故かMySQL サーバが正常に起動しない…」なんて場合の対処法を紹介します。
続きを読む

WordPressの Contact Form 7 は高機能なメールフォームのプラグインですが、メール送信完了画面が用意されていません。

そこで、メールフォームの画面で送信ボタンがクリックされたら、あらかじめ用意した完了画面にJavascript を使って遷移させる方法を紹介します。
続きを読む

Pinterest風のタイルを敷き詰めたようなレイアウトを実現するために、jQueryプラグインの「The Wookmark jQuery plugin」を使う方法は以前にも紹介させていただきましたが、やはり「jQuery Masonry」の方が有名かな。

と言うことで、基本的な使い方になりますがザックリとご紹介。
続きを読む

テキストに影を落とすCSS3 のプロパティ text-shadow についてまとめました。

前回紹介させていただいた、ボックスに影を付ける box-shadow プロパティと使い方は似ています。
続きを読む