jQueryプラグイン・ライブラリ [javascript]Pinterestのようにタイル状にコンテンツを配置できるThe Wookmark jQuery plugin
Pinterestのようなサイトをよく見るようになりました。 この手のサイトはjQuery Masonryを利用することが多いのですが、今回はThe Wookmark jQuery pluginを使ったPinterest 風のタイル状サイト...
jQueryプラグイン・ライブラリ 
CSSプロパティ [CSS]CSS3のborder-radiusで角丸を作る方法
CSS3よりborder-radiusのプロパティを使う事で簡単に角丸のオブジェクトが表現できるようになりました。 今回はborder-radiusを使って様々な角丸のサンプルを紹介したいと思います。 border-radius の記述方法...
CSSプロパティ [CSS]pointer-eventsで<a>タグのリンクを無効化する方法
<a>タグをクリックして何も起きないようにするということをしようと思います。 一番簡単な方法は、CSS3のpointer-eventsを利用することですが、CSS3なのでIEでの動きは微妙です…。 スマフォサイトなら気にせずに使えるのかなと...
Macアプリケーション [Mac]Time Machineの古いバックアップデータを削除する方法
MacのTime Machineは外付けハードディスクなどに丸ごとバックアップを取っておける非常に便利なアプリケーションですが、不要な過去のバックアップファイル（Backups.backupdb/の中）を消す際にはやや注意が必要です。 その...
WordPress [WP]WordPressでカスタム投稿タイプの投稿記事をRSS配信に含める方法
WordPressのカスタム投稿タイプを利用して記事を投稿してもRSS配信ができないようなので…functions.phpを操作して、カスタム投稿タイプの記事をRSS配信に含める方法を紹介させていただきます。 functions.phpへの...
PHP [PHP]mb_send_mailで複数のメールアドレスへメール送信する方法
PHPのメール送信フォームにmb_send_mail関数を使う際、メールの送信先に指定するメールアドレスを複数設定する方法です。 1つのメールアドレス宛に送信する場合 かなり端折って紹介しますが、まず最初に、宛先が1つの場合です。 $mai...
WordPress [WP]Smart Custom Fieldsでフィールドが空であれば表示させない条件分岐
フィールドが空であれば表示させない条件分岐
jQueryプラグイン・ライブラリ [IE]IE6でもmin-width、min-height、max-width、max-heightを使う方法
IE6ではCSSの「min-width」「min-height」「max-width」「max-height」が効かないため、javascriptなどを利用して別途対応してあげる必要があります。 今回紹介させていただくminmax.jsは、...
WordPress [WordPress]ソースコードをハイライトできるプラグインSyntaxHighlighter Evolved
SyntaxHighlighter自体はプラグインを利用せずともWordPressに組み込む事は可能ですが、設置が少々面倒なのでプラグイン化されたSyntaxHighlighter Evolvedを使うと楽です。 SyntaxHighlig...
WordPress [Mac]MAMPでMySQLサーバが起動しない場合の対処法
Macのローカル環境でWordPressを動かす場合にMAMPは便利なのですが、時折MySQLサーバが起動しなくてWordPressサイトにアクセスできない…なんて事態に陥ります。 原因不明で困っていましたが、調べてみるとターミナルからMy...
CSSプロパティ [CSS]スマホサイトで端末を横にしても文字サイズを拡大させない方法
iPhoneなど向けにスマホサイトを作っていると「端末を横にすると、文字が拡大表示されちゃう！」と困った経験があるかもしれませんが、 CSSの-webkit-text-size-adjust:100%
jQueryプラグイン・ライブラリ [JS]IE下位バージョンでsmoothRollOver.jsが正常に動かない時の対処法
IE6でも滑らかなロールオーバを実現させるには「smoothRollOver.js」が便利の記事で紹介させていただいた便利なjavascriptsmoothRollOver.jsですが、smoothRollOver.jsを使うと画像のレイア...
WordPress [WP]IE6やIE7でのアクセス時にアラートメッセージを表示できるプラグインIE6 No More
当ブログでは、IE下位バージョン向けの特別な対応（動作チェックも）はしていませんため、WordPressプラグインIE6 No More」というプラグインを利用して、IE7以下で閲覧させた際にページ上部にアナウンスを表示しております。 ちな...
WordPress [WordPress]投稿記事の○件目で条件分岐させるカスタマイズまとめ
投稿記事を○件目で条件分岐させる処理は個人的にもよく利用するため、 「投稿記事の1件目だけ記事本文を表示させて、2件目以降では記事本文を表示させない」 「記事を奇数件と偶数件でデザインを変更する」 「1件目と2件目の記事の間に広告を挟みこむ...
CSSプロパティ [CSS]floatを利用せずにdisplay:inline-blockで要素を横並びにする方法
グローバルナビのメニューリンクを横並びにしたり、ギャラリー型サイトで画像をタイル状に横に並べたりと、サイト構築時に要素を横並びにするに当たってCSSのfloatやdisplayを使うことが多いと思います。 floatとdisplayとでは見...
jQueryプラグイン・ライブラリ [javascript]ランダムでしかも指定件数分だけ要素を表示させるrandomDisplay.js
例えば「5件の記事の中から2件をランダム表示させる」のような処理を、jQueryを利用して実現させる方法です。 jQueryを使うので、小難しいプログラムを書いてランダムで記事を取ってくる…なんて処理は不要ですし、（javascriptが使...
jQueryプラグイン・ライブラリ [jQuery]指定した要素を「ふわふわ」動かすプラグインjquery.yurayura
jQuery を利用して画像を動かす方法には色々ありますが、指定した要素（画像など）を「ふわふわ」浮いているように見せるためのプラグインがjquery.yurayura.jsです。 縦方向に「ふわふわ」動くイメージですが、移動距離とスピード...
WordPress [WordPress]管理画面ダッシュボードにカスタム投稿タイプ毎の投稿件数を表示する方法
WordPressの「投稿」や「固定ページ」から記事を投稿していと、管理画面のダッシュボードに投稿数がリンク付きで表示されます。 しかし、カスタム投稿タイプから記事を投稿しても、デフォルトのままではダッシュボードに投稿記事数が表示されません...
jQueryプラグイン・ライブラリ [jQuery]IE下位バージョンでも透過画像を使えるようにするプラグインjquery.belatedPNG
以前にも紹介させていただいたDD_belatedPNG_0.0.8a.jsですが、 IE6、IE7には対応していますがIE8では動いてくれない… ですので、がっつりIE下位バージョンに対応させようとなると、今回紹介させていただくjQuery...
WEBサービス Amazonアソシエイトの用の商品画像サイズを自由に設定できる「ポンデリンク」
Amazonアフィリエイトの商品写真をブログに掲載する際に、Amazon側で用意されている画像サイズ「小」「大」ではちょっと小さすぎる… なんて場合に、自由に画像サイズをカスタマイズして商品写真を掲載できるサービスのご紹介です。 ポンデリン...
Macアプリケーション [Mac]Macで圧縮ファイルを作成するならWinArchiver Liteがおすすめ
Macでファイルやフォルダを圧縮する場合、右クリックによる「○○を圧縮」を選択すれば簡単に圧縮できます。 が、個人的には昔から「Windowsで正常に解凍できない…」というトラウマがあるため、WinArchiver Liteのアプリケーショ...
jQueryプラグイン・ライブラリ [jQuery]Lightbox風に画像や動画をオーバレイ表示できるプラグインFancybox
Lightboxのように画像をオーバーレイで拡大表示できるjQueryプラグインFancybox。 この手のプラグインは他にも色々ありますが、Fancyboxの魅力は画像以外にもYoutube動画もLightbox風に表示できるという「汎用...
WordPress [WordPress]簡単にQRコードを生成できるプラグインGoogle QR Code
Google Chart APIを利用して簡単手軽にQRコードを作成できるWordPressプラグインがGoogle QR Codeです。 プラグインを有効化して投稿記事などにショートコードを書くだけで、QRコードを表示させることができます...
CSSプロパティ [IE]PIE.htcを利用したIE8以下向けの表示サンプル
IE6、IE7、IE8でも一部の CSS3のプロパティが使える「PIE.htc」の記事でも紹介させていただいたPIE.htcファイルですが、実際にIE6、IE7、IE8でPIE.htcを使った場合の見え方はどのようになるのか について、サン...
jQueryプラグイン・ライブラリ [JS]IE6でも:hover疑似クラスが使えるなどHTML/CSS表示を調整するIE用ライブラリIE7.js
IE6 でも:hoverや:first-childの一部擬似クラスを使えたり、透過PNGの画像が使えるなど、ちょっと便利かも知れないライブラリIE7.js。 今回はそのIE7.jsの設置方法から、IE7.jsを使って何か出来るのか？を簡単に...