Webのあいラボ

あいうえおラボのWeb・ITに関連することを書くためのブログ

自分のFlickr画像をブログに使うならMarsEditが断然オススメ

marsedit_flickr

私は運営しているブログの画像置き場にFlickrを使っています。

Flickrにアップした画像をブログに貼り付ける際、Web上でタグを取得してくるのもいいけど…それってめんどくさい!

ウェブサイトを使うなら手順は、画像をアップ→Flickrのウェブサイトに移動→貼り付けたい写真を選択→タグを取得→ブログ記事に貼り付け…

こんなことやってたら1記事書くのに時間がかかりすぎて、いつか疲れちゃいます。

この面倒な作業を一瞬で終わらせてくれるのが、MarsEditです。

MarsEditとは

MarsEditはMacのブログ用エディタアプリです。リアルタイムで記事のプレビューができたり、よく使うタグを保存しておけたり、Flickrの画像を一瞬で貼ることができます。

WordPressやMovable Type、Bloggerやはてなブログなど様々なブログサービスで利用することができるので、Macユーザーでブログを書いている人がよく使っているアプリ。

MarsEdit - the blog editor for WordPress, Tumblr, Blogger and more.

MarsEdit - the blog editor for WordPress, Tumblr, Blogger and more.

  • Red Sweater Software
  • ソーシャルネットワーキング
  • ¥4,000

画像の貼り付け方法

複雑なタグを手入力する必要なく、クリックだけでFlickrの画像を貼り付けることができます。

画像を貼りたかったらMediaをクリック

141019-0003

記事中の画像を貼り付けたい場所にカーソルを合わせて、Mediaをクリック。

画像を選んで右下「Insert」をクリック

141019-0004

貼り付けたい画像を選んで、大きさと貼り付けたい位置(左寄せ・真ん中・右寄せ)を選んで、Insertボタンをクリック。

自分のFlickrと連動するためには、初回だけ設定が必要。それ以降は自動で自分のアップロードした画像が表示されます。

タグが貼れました

141019-0005

クリックだけでタグを貼り付けることができました。テーマにレスポンシブデザインなどを使っているならheightをautoに書き換え。

画像がちゃんと貼れてます

141019-0006

貼れているか見てみると、ちゃんと表示されています。

リアルタイムプレビューをしたいなら

MarsEditは書いている途中に、実際どんな表示になるのかを確認しながら書くことができます。

実際のブログと同じ表示にしたいなら下記をどうぞ。

はてなブログのデザインそのままMarsEditでリアルタイムプレビューする方法 - AIUEO Lab2

あとがき

最初の設定は必要ですが、一回やってしまえばブログを書くスピードが圧倒的に早くなります。

ちょっと値段は高いけど、ブログの画像にFlickrを使いたいならオススメです。

MarsEdit - the blog editor for WordPress, Tumblr, Blogger and more.

MarsEdit - the blog editor for WordPress, Tumblr, Blogger and more.

  • Red Sweater Software
  • ソーシャルネットワーキング
  • ¥4,000