iPhoneだけでInstagramの写真やTwitterのツイートをブログ記事に貼り付ける(埋め込む)タグを取得する方法

slooProImg_20150610053039.jpg

ご質問をいただいたので、改めてInstagramの写真やTwitterのツイートをブログ記事に埋め込む方法をご紹介したいと思います。

PCからだと簡単なんですけど、iPhoneからだとやり方がわかりづらかったりしますね。

アイキャッチ

Instagramの写真をブログ記事に埋め込む方法

例のやつです。 #スターバックス #Starbucks

こっこさん(@_cocco00_)が投稿した写真 –

△こういうやつですね。
これ、Instagramの公式サイトでタグを取得できますので、それを貼り付けるだけでできちゃいます。

PCからだとわかりやすいのですが、iPhoneで作業するときはちょっとだけ工夫が必要です。

SafariではなくPuffinを使う

その工夫とは、ブラウザアプリを変えること。SafariやChromeだとコードをうまくコピーできないんです。

使うアプリはPuffin。

Puffin Web Browser
カテゴリ: ユーティリティ, 仕事効率化
価格: ¥480
アプリをダウンロードする

無料版もありますが、これは2週間限定で使えるアプリみたいですね。

Puffin Web Browser Free
カテゴリ: ユーティリティ, 仕事効率化
価格: 無料
アプリをダウンロードする

PuffinはSafariなどでは表示できないFlashを表示できるアプリですので、ダウンロードしておくと何かと使える子です。

Instagram 公式サイト

△PuffinでInstagramの公式サイトを開きます。
埋め込みコードはデスクトップ版のサイトにしか出てこないので、デスクトップ版を表示させる必要があります。

Puffin 設定画面へ

△設定画面を開きます。

デスクトップサイトを要請をオンに

△『デスクトップトップサイトを要請』をオンにします。これでOK。

埋め込みをタップ

△埋め込みたい写真を表示。ここをタップすると「埋め込み」という文字が出てきますので、タップしましょう。

コピーして完了

△『埋め込みコードをコピー』し、あとはそれをブログ記事に貼り付けるだけです。
このコピーが、他のブラウザアプリだとうまく出来なかったりするんですよね。

Twitterのツイートをブログ記事に埋め込む方法

Twitterの埋め込みはこんな感じ。

TwitterのほうはSafariでも問題なくコピーできます。

サイトに埋め込むをタップ

△埋め込みたいツイートをデスクトップ版で表示させ、ここをタップし『ツイートをサイトに埋め込む』をタップ。

タグをコピーする

△コードをコピペでOKです。

Textwellユーザーはアクションで

素敵すぎることに、Textwellをお使いの方はもっと簡単にコードを貼り付けられます。詳細は以下のリンクから。

untitled – Textwell でツイート埋め込み用 HTML を取得するアクション “Tweet Embedder”(T.request 版)
Tweet Embedder は、ブログなどに特定のツイートを貼り付けるために、ツイートのURLから埋め込み用HTMLを生成するアクションです。…

このアクションなら、

  1. ツイートのURLコピー
  2. Textwellでアクション起動

というわずか2ステップでコードを貼り付けられます。

素敵すぎる。

モブログにはTextwellが本当に便利ですので是非ご利用あれ。

Textwell
カテゴリ: 仕事効率化, ユーティリティ
価格: ¥360
アプリをダウンロードする

iPhoneでブログを書くために使っているTextwellアクション(2015年6月) |
私がブログ執筆に使っているTextwellのアクション…

トリまとめ

デスクトップサイトだとできるけどスマホからだと出来ない、っていうことが結構多いんですよねー。
ブログはみんながみんなPCで書いてるんじゃないぞ!と声を大にして言いたい。

ということで、iPhoneでブログを書く方は覚えておくと便利です。PC使わずにできますので、お試しくださいね。

それでは。
こっこ(@cocco00)でした。

Puffin Web Browser
カテゴリ: ユーティリティ, 仕事効率化
価格: ¥480
アプリをダウンロードする

Textwell
カテゴリ: 仕事効率化, ユーティリティ
価格: ¥360
アプリをダウンロードする

slooProImg_20150610053039.jpg
ジブン手帳2017販売中!

ロフトネットストア

話題のジブン手帳2017の販売がスタートしています。お買い漏れのないように!今年からジブン手帳グッズの販売もスタートしましたよ。

コメントを残す