Creative Commonsを満たす｢Flickr｣の写真を、ブログ記事で使えるコードが簡単に生成できる｢Wylio｣サービス

本ブログでは他のウェブページなどを画像などとしてブログ内で表示して参照する際に、切り抜き引用サービス｢kwout｣というオンラインサービス(無料)を使っています。

最近開始した｢Wylio｣というサービス(無料)が、写真共有サービス｢Flickr｣に登録されている写真をブログなどで使いたい時に、Creative Commonsの写真を検索・画像リサイズ･コード生成をしてくれます。



実際にこちらからキーワードで検索して適切な写真を選択します。

Wylio.com - free pictures via kwout

選択した写真に対して、ブログで写真を配置する時の位置(left、center、right)やバーによるサイズ設定をします。

wylio_Specify_AlignResize.jpg (JPEG 画像, 732x644 px) via kwout

指定・設定により、表示している写真の位置・大きさが変わったり、文章(英語ですが、内容は関係ありません)の配置も変わりますので、ブログでのページ・レイアウトの確認もできます。
最後に｢get the code｣アイコンをクリックします(結果はこちら)。

wylio_Specify_GetCode.jpg (JPEG 画像, 742x640 px) via kwout

以下は｢Wylio｣で得られたコードを挿入しています。

ブログ記事の右側に配置


photo © 2006 David Arpi | more info(via: Wylio)｢Wylio｣で得られたコードは、HTMLソースの中に埋め込みます。写真の解説･関係のある文章は、ブログ記事の中では写真のコードの後ろに置きます。ここでは写真を右に配置する指定としています。
撮影者のプロフィールや原本写真を参照するリンク付けコードも入っています。







ブログ記事の左側に配置


photo © 2006 Brian | more info(via: Wylioこの文章もブログ記事の中での配置は写真の後ろに置いています。写真は左に配置する指定としています。













ブログ記事の中央に配置


photo © 2006 pnwra | more info(via: Wylio)


この文章もブログ記事の中での配置は写真の後ろに置いています。写真は中央に配置する指定としています。



上記のように複数の写真を利用する時は、写真と文章のレイアウトで改行などによる調整を行う必要があります。