imu16のブックマーク - はてなブックマーク

WordPressでカスタムフィールドを出力する方法のまとめ
WordPressでカスタムフィールドの出力方法についていろいろ調べてみました。大丈夫と思いますが、以下に示すサンプルは次のようなループタグの中で使ってください。 <?php if(have_posts()) : while(have_posts()) : the_post(); ?> ここにサンプルコードを挿入 <?php endwhile; endif; ?> １．値を出力する（キーと値が1：1の場合）キーと値が1：1の場合、値を出力するにはpost_custom()を使います。 <?php echo post_custom($key); ?> 冒頭の画像の「サイズ」の値「3000」を出力するには次のように記述します。 <?php echo post_custom('サイズ'); ?> ２．値を出力する1（キーと値が1：nの場合） WordPressではひとつのキーに複数の値を記述
imu16 2012/06/10
WordPress
リンク
Google ChromeとSafariのCSSハック
Google ChromeとSafariのCSSハックを紹介します。 CSSハックに用いる文字列は以下です。 @media screen and (-webkit-min-device-pixel-ratio:0) {} 使い方ですが、適用したいセレクタ全体を上記の文字列でまるっと括れば、括ったセレクタ（青色）がGoogle ChromeとSafariのみに適用されます。 @media screen and (-webkit-min-device-pixel-ratio:0) { #hoge { padding-top: 1px; } } 複数のセレクタを適用したい場合は、次のようにまとめて書くことができます。 @media screen and (-webkit-min-device-pixel-ratio:0) { #hoge { padding-top: 1px; } .huga {
imu16 2012/05/07
CSSハック
リンク
poEDIT の使い方
WordPress の日本語部分を変更する場合には、クロスプラットフォームな gettext カタログ（po ファイル）の編集ができる poEDIT が便利です。以下、Windows での poEDIT の利用方法を紹介します。１．ダウンロード poEDIT のページの「Download」をクリック。 Windows の場合は、ページ下にある poedit-1.x.x-setup.exe（エントリー作成時は 1.3.6）のリンクをクリック。２．インストールダウンロードした exe ファイルをダブルクリックしてインストールを開始します。「Next」をクリック。「I accept the agreement」を選択して「Next」をクリック。インストール先フォルダを指定（デフォルトは C:¥Program Files¥poEdit）して「Next」をクリック。デフォルトのまま
imu16 2012/01/12
Windows

ソフトウェア
リンク
IE6/IE7/IE8/IE9のCSSハック
IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハックです。IE9はまだベータ版なので有効にならなくなるかもしれませんがとりあえず。 →IE9も正式版で確認済みです。１．IE6/IE7/IE8/IE9と他のブラウザを振り分けるCSSハック以下の順番でプロパティおよびセレクタを記述してください。 body { color: red; /* all browsers, of course */ color: green¥9; /* IE8 and below */ *color: yellow; /* IE7 and below */ _color: orange; /* IE6 */ } body:not(:target) { color: black¥9; /* IE9 */ } IE6：プロパティの先頭にアンダースコア「_」を付与 IE7：プロパティの先頭にアスタリスク
imu16 2011/08/26
ハック
リンク
Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す
サムネール画像から拡大画像をポップアップさせずにスマートに表示する Lightbox JS、以前当サイトでもLightbox JS で画像を表示するをエントリー致しましたが、ブログに設置している Flash（こうさぎ等）については拡大画像表示時に PNG 背景画像（overlay.png）の下に隠れないという問題があります。 Flash は門外漢なのですが、テンプレートご利用サイトの Atelier Shuhei Weblog さんより解消するための情報（下記リンク参照）を頂きました。ありがとうございました。またこの件に関して他の方からもご質問を頂いておりますので、本エントリーにて紹介させて頂きます。本カスタマイズを行うことで、スクリーンショットのように拡大画像を表示した際、ブログツールを背景画像の下に隠すことができます。 Atelier Shuhei Weblog：隣の花は紅い Sit
imu16 2011/08/15
CSSハック

コーディング

flash
リンク
1