500px をブログ用画像ストレージにするという使い方

回りくどいタイトルになりましたが、ようは 500px に公開した画像をブログに埋め込もう、という話です。

以前にも書いたように、フォトブログだけで写真を見てもらうよりも、Instagram や 500px など写真SNSを利用するほうがずっと楽しい! んですが、ブログとして書いておきたいこともあったりします。
(「写真SNSとブログのカンケイを考えてみた」)

ブログ記事のイメージ画像や参考画像として、ブログにアップし直すのも、なんだかなぁ……せっかくなので、500px に公開した画像をそのまま使いましょ!

500px の画像から埋め込みコードを取得する

image01

自分のプロフィールから目的の写真を選択し、詳細ウィンドウを開きます。
右上にある矢印(シェアアイコン)をクリック。

image02

シェアアイコンをクリックすると、シェア先のSNSリストが出てきます。
今回は埋め込みコードが欲しいので「埋め込み」を選択。

image03

埋め込みコードが表示されました。
赤枠で囲んだ部分をクリックすると、ソースコードがすべて選択されます。
コピペしてブログに埋め込みましょう。

ソースコードはそのままでもOKですが、私は少し変更して埋め込んでいます。

<div class="pixels-photo">
<a href="https://500px.com/photo/178119955/untitled-by-fumiko-maki">
<img src="https://drscdn.500px.org/photo/178119955/m%3D900/b39fb2f7cf2e848338e9d48771b7c980" alt="500px.comのFumiko MakiさんによるUntitled" />
</a>
</div>
<script type='text/javascript' src='https://500px.com/embed.js'></script>

実は、500px を始める前は Flickr を利用してブログに埋め込んだりもしていました。
サーバーのことを思って……というわけではなく、単純に画像コニュニティとブログで流用できれば便利だな、と。

ただ、Flickr はなんとなく楽しみ方が掴みきれず、500px に移行したのでした。
Flickr からの画像埋め込みは、WordPressなら便利なプラグインもあって作業フローとしてはお気入りでした。

最近のSNSはシェア機能が充実しているので、参加しているSNSを互いに連携できるのが楽しいですね〜。

この記事が気に入ったら
いいねしてね!

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

休日は自宅の庭や近くの公園などでお花の写真を撮っています。
インスタ歴はまだ一年未満。(2016年12月現在)
試行錯誤しながら写真を撮ったりインスタを楽しんだりしています。

canon 5DmkIII / XperiaZ3
Instagram : @spice.tea

コメント

コメントお気軽に♥

目次