WordPress [WP]Smart Custom Fieldsでフィールドが空であれば表示させない条件分岐
フィールドが空であれば表示させない条件分岐
WordPress 
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を使って何か出来るのか？を簡単に...
WordPress カスタム投稿タイプとカスタムフィールドを一元管理したいならTypesプラグインが便利（２）カスタムフィールド
前回の記事の続きになりますが、今回はTypesの目玉機能の1つでもある「カスタムフィールド」に関して、簡単な設定方法とポイントを紹介させていただきます。 ※前回の記事をまだご覧になっていない方は以下より確認してみてください。 Types の...
WordPress [WordPress]URLから「category」を削除するプラグインWP No Category Base
WordPressの記事は某かのカテゴリに紐づくのですが、特に企業サイトのページを表示させる場合に「category」と表示は出したくありません。 また、記事のスラッグが長い… カテゴリの階層が深い…などの場合は極力URLをすっきりさせたい...
Macアプリケーション [Mac]MAMPをlocalhostではなくIPアドレス で動かす方法
Apache、MySQL、PHPがパッケージになった便利なアプリケーションMAMPですが、MAMPをインストールしてスタートページを開くと「localhost:8888」にアクセスします。 「localhost」だと他のパソコンからはアクセ...
jQueryプラグイン・ライブラリ [JS]IE6でも滑らかなロールオーバーを実現させるにはsmoothRollOver.jsが便利
リンク画像にマウスを乗せると滑らかなロールオーバーを実現させることができるjavascriptがsmoothRollOverです。 ロールオーバー前と後の2種類の画像を用意して、smoothRollOverのファイルを<head>内に読み込...
WordPress カスタム投稿タイプとカスタムフィールドを一元管理したいならTypesプラグインが便利（１）カスタム投稿タイプとカスタムタクソノミー
カスタム投稿タイプとカスタムフィールドをゴリゴリ利用して企業サイトを構築する場合に、非常に便利なプラグインがTypesです。 Types とは？ WordPressの場合、カスタム投稿タイプを利用するためには「Custom Post Typ...
WordPress [WP]WordPressで「投稿記事をランダムで○件」表示させる方法
WordPressでブログや企業サイトを作っていると、例えば「記事を10件出力する」ようなコトを頻繁にやる訳ですが、query_posts()やget_posts()を使うことで「投稿記事を○件出力する」という処理が可能になります。 今回は...