ゆずハック

ゆずハックというブログです。プログラミングからデザイン、生活や恋愛のことまでつらつらと書いています!

Pinterestの写真や画像をWebサイトやブログに埋め込む・貼り付ける方法

スポンサーリンク

先日こんな記事を書きました!

enginieergirl.hatenablog.com

Pinterestでクリップしている(気にいっている)作業部屋を紹介したズボラ記事です。


pintestを使って記事に埋め込みたいけど、そのやり方がわからなくて困ってるって方はいませんか?

私も最初すごく戸惑いました。



今回はPinterestにある写真や画像を、Webサイトやブログに貼り付ける方法を紹介するのですが、1つだけ注意点があります!

Pinterestで掲載されている写真や画像にも著作権がきちんとあります。こちらの記事で詳しく書かれております。

shoh.info

「 ユーザーが投稿したあらゆる写真は法に抵触したり,第三者の権利(知的財産権,パブリシティー権,プライバシー権を含むあらゆる権利)を侵害するものでないことに同意・保証する。」

「 ユーザーは,Pinterest とその役員,ディレクター,社員,エージェントが,いかなるクレーム、要求,訴訟手続,紛争,法的責任,損害・損失,そして出費負担をも,法的,経理的費用を問わず,一切被ることが無いことを保証する(=要は,ユーザーが,Pinterest側の費用等も一切負担する)。」


※埋め込みでも著作権なんて関係ないとは言えないので、扱う際は注意してください。


共通するピン(画像)を埋め込むのに使うもの

共通する方法として、ウィジェットビルダーというものを使います!
Pinterestに登録していれば使えます。(15秒で簡単に登録できちゃいます。)

↓登録はこちらから

www.pinterest.jp

ブログ・はてなブログでPinterestを埋め込む方法

簡単4ステップです!

  1. 埋め込みたい画像・写真をクリックする
  2. 左上の・・・をクリックして埋め込むをクリック
  3. どうゆう風に埋め込むのかカスタマイズします
  4. 同じページの下の方にあるコードをブログやサイトに貼り付ければOK

それでは詳しく見ていきましょう!

1. 埋め込みたい画像・写真をクリックする


f:id:yuzuhooo:20170806223707p:plain


まずは、埋め込みたい画像や写真をクリックします。

2. 左上の・・・をクリックして埋め込むをクリック


f:id:yuzuhooo:20170806223711p:plain


そうすると、その写真や画像だけのページに飛ぶので、左上の・・・の部分をクリックして、さらに埋め込むをクリックします。

3.どうゆう風に埋め込むのかカスタマイズします


f:id:yuzuhooo:20170806223714p:plain


プレビュー画面を見ながら、表示形式を選んだり、画像の大きさを選んだりしてカスタマイズします。

4. 同じページの下の方にあるコードをブログやサイトに貼り付ければOK


f:id:yuzuhooo:20170806223717p:plain


同じページの下の方にあるコードをブログやサイトに貼り付けます。

注意して欲しいのは、Webサイトはタグをの直前に入れて欲しいことはてなブログやブログなどは記事中のどこかに貼れば大丈夫です。

まとめ

Pinterestをブログやサイトに貼り付けるのって意外と簡単なんです!お気に入りのデザインや商品などをぜひこの方法で紹介してみてくださいね。