Flickr 携帯投稿memo

Flickrからブログ投稿、携帯投稿のカスタマイズ方法memo

ブログ投稿設定

Flickr: Add a weblogで表示したいブログのログイン情報などを記入してブログを設定しておく。複数可。
WordPressの場合は「xmlrpc.php」までのアドレスを指定。
そのまま「Would you like to create a custom posting template now?」をクリックしてテンプレート設定。
レイアウトを選んでから「Customize」をクリックするとレイアウトのHTML, CSSをカスタマイズできる。

使えるCode

{photo_url} The url to the photo’s page on flickr.
{photo_src}
{photo_src_m} {photo_src_t} {photo_src_s} The source url for the photo, in varying sizes.
{photo_title} The title for the photo, as entered by the person who uploaded it.
{photo_desc} The description for the photo, as entered by the person who uploaded it. {uploader_id} The ID of the user who uploaded the photo - you can use this to link to their buddy icon.
{uploader_name} The screen name of the user who uploaded the photo.
{uploader_profile} URL for the profile of the user who uploaded the photo.
{upload_date} The date on which the photo was uploaded.
{upload_datetime} The date and time on which the photo was uploaded.
{poster_id} Your ID - you can use this to link to your buddy icon.
{poster_name} Your Flickr screen name.
{poster_profile} URL for your profile.
{title} The title you entered for a blog entry. This title is automatically used to title your entry - you should only use this for image alt-text, etc.
{description_raw} The description you entered for a blog entry.
{description} The description you entered for a blog entry, with line breaks converted to <br /> tags.

Ref: http://www.flickr.com/blogs_layout_extras.gne

カスタマイズ無しの場合は以下のようにCSSを含んだコードが挿入される

<code>
<style type="text/css">
.flickr-photo { }
.flickr-frame {	float: right; text-align: center; margin-left: 15px; margin-bottom: 15px; }
.flickr-caption { font-size: 0.8em; margin-top: 0px; }
</style></code>
<code><div class="flickr-frame">
	<a href="{photo_url}" title="photo sharing"><img src="{photo_src_t}" class="flickr-photo" alt="{photo_title}" /></a><br />
	<span class="flickr-caption">
		<a href="{photo_url}">{photo_title}</a>,<br /> originally uploaded by <a href="{uploader_profile}">{uploader_name}</a>.
	</span>
</div>
{description}
<br clear="all" />

の部分は削除して自分のブログで使っているthemeのCSSに書き加える。
その他、ここで必要なところにclass付けしてCSSをカスタマイズすることもできる。
例: 写真にpaddingを付けてborderで囲んだり

<code>
.flickr-photo {padding: 1px solid #ddd;}

投稿すべてをdivで囲ってbackgroundをつけたり　etc..

Flickr: Upload by email: Choose a blogで、メールを使ってブログ投稿する際のブログと写真のサイズを指定。メールで打った文章も一緒に投稿するかどうかの選択。
:alert:直接携帯投稿する場合と一度Flickrへアップロードしてからblog投稿する場合はdescriptionの扱いが違う。

投稿アドレス確認

Flickr: Your AccountのEmailタブに一覧表示
Your Flickr upload email: メールでFlickrにアップロードするメールアドレス
Your blog upload email: メールでFlickrを通してブログ投稿するメールアドレス
携帯から上記のアドレスへメールを送るだけ。

デフォルトタグはYour Flickr upload email のアドレス右にある編集をクリック
Flickr: Upload by emailの「それから、タグも加える：」へスペース区切りでタグを記入。
記事毎にタグをつける場合は「tags: タグ “tag tag”」
UTWのタグを付ける場合は「tags タグ “tag tag” /tags」
:alert:「」は除く。タグは半角スペースで区切る。スペースのあるタグは「”」で囲む。
UTW タグは[]で囲む。どこからでもUTWタグを入れて投稿 | Rif.2nd参照

公開設定

Let’s say your magic email address is foo13bar@photos.flickr.com.
Then you could use:
foo13bar+friends@photos.flickr.com - Visible to friends
foo13bar+family@photos.flickr.com - Visible to family
foo13bar+ff@photos.flickr.com - Visible to friends and family
foo13bar+private@photos.flickr.com - Only visible to you

Ref: http://www.flickr.com/help/photos/#141

アドレスの後に「+friend」=友達公開、「+private」=非公開

登録ブログ確認

Flickr: Your Blogs

you may want to subscribe to my RSS feed. Thanks for visiting!

Rif.3rd