レディースアパレルブランド、ReiのSpring Collection 2012のページを制作致しました。
CSS3のMedia Queriesを使用して、スクリーンサイズに応じてスタイルを割り振っています。

Rei – Spring Collection 2012

Web Design : You Uchida.Play Under World
Photo : You Uchida.Play Under World

年賀状です。
本年もよろしくお願いいたします。

Design : You Uchida.Play Under World

Google+ ページを作成するには、あらかじめGoogle+に参加していないといけないみたいです。

• 地域のお店や場所
• 商品 / ブランド
• 会社・機関・組織
• 芸能・エンターテイメント・スポーツ
• その他

以上のカテゴリを選択し、情報を追加するようです。

• Google+ ページ

すべてのバージョンのIEに適用させる。

<!--[if IE]>
     <link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->

プログラミングではお馴染みのif文のようなものです。

IEには適用しない。

<!--[if !IE]>
     <link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->

IEの前に「!」が付くと、IE以外のものに適用させます。
裏を返すと、IEには適用しないということになります。

バージョン別に適用

「IE」のあとにバージョンナンバーを記述することで、バージョン別に適用させることができます。

IE8のみ

<!--[if IE 8.0]>
     <link rel="stylesheet" type="text/css" href="style.css">
<![endif]-->

IE5.5のみ

<!--[if IE 5.5]>
     <link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->

以下のバージョンに適用

IE7以下のバージョンに適用させる場合

<!--[if lt IE 8.0]>
     <link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->

「lt」は less than を意味します。
なので、IE8未満の時に適用。

<!--[if lte IE 7.0]>
     <link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->

「lte」は less than equal を意味します。
なので、IE7以下の場合に適用。

以上のバージョンに適用

IE7以上のバージョンに適用させる場合

<!--[if gt IE 6.0]>
     <link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->

「gt」は greater than を意味します。
なので、IE6よりも新しいバージョンの時に適用。

<!--[if gte IE 7.0]>
     <link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->

「gte」は greater than equal を意味します。
なので、IE7以上の時に適用。

グラフィックデザイナー、ウェブデザイナー、フォトグラファー、ミュージシャン、ブロガーなどなど、様々なジャンルの方が紹介されています。

気に入った人をフォローしてGoogle+を思う存分楽しんでください。
ちなみに僕もGoogle+にいます。

• Recommended Users

先日、業務用フィルムを買いにぷらっと入った中古カメラ屋さんにありました。
CONTAX T2 / Carl Zeiss Sonnar 2.8/38 T*

ひとまず言いました「店員さん、これ見せてください。」
一通りカメラの説明を受け終わり、次の瞬間には言ってました「これください。」

以下、CONTAX T2で撮った写真。

フォトログもしているので今後はそちらにアップする予定です。
取扱説明書PDFでダウンロードできるんだ。

• Photo × Play Under World

WordPressは表示設定で1ページに表示する最大投稿数を設定することができます。
ここで5件と設定すると1ページに表示する投稿数はもちろん5件になります。

でもアーカイブは5件以上表示させたいと思った方は以下のコードをお試しください。
今回は、テーマ内のachive.phpを編集します。

欲張って全件表示させたい方

<?php query_posts($query_string . '&posts_per_page=-1'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 ..
<?php endwhile; else : ?>
 ..
<?php endif; ?>
<?php wp_reset_query(); ?>

指定した件数表示させたい方

今回は10件に設定しています。

<?php $paged = get_query_var('paged'); ?>
<?php query_posts($query_string . '&posts_per_page=10&paged='.$paged); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 ..
<?php endwhile; else : ?>
 ..
<?php endif; ?>
<?php wp_reset_query(); ?>

ここで1つ注意事項

ここで指定する表示件数は、表示設定で1ページに表示する最大投稿数で設定した件数より多くないといけません。
ここで1ページに表示する最大投稿数で設定した件数より少ない値にしてしまうと途中で「ページが見つかりません」と言われ、ページ送りが詰まります。

フォトログ始めました。

• Photo × Play Under World

Google+で人気の投稿を雑誌風にまとめたサイト「Journal+」
Google+でどういったことが流行っているのかがよくわかります。

↑こちらはワールドワイド版。様々な国ごとに見られます。

• Journal+

小 (15px), 中 (20px), 標準 (24px), 大(60px)の4種類の大きさがあり、カウンターの有無も選べます。

WordPressにつける方法

以下のタグをbody 終了タグの直前に追加します。

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>

次に以下のタグを+1ボタンを表示させたいところに記入します。

<g:plusone href="<?php the_permalink() ?>"></g:plusone>

以上で設置完了です。

Google +1ボタンの説明動画も公開されています。

今のところ、Google +1は英語による検索でのみ表示されるようです。

• Google +1ボタン