カスタマイズ中です。表示がみだれる場合があります。

Cocoonにツイートやインスタグラムの貼り付ける方法

Photo on Visual hunt Cocoon
Photo on Visual hunt

最近は、プログにツイッターやインスタグラムなどを乗せていますね。

私は、やり方がわからなかったのでcocoonのフォーラムで聞いてみました。

そのメモ記事です。

 

スポンサーリンク

アドレスを貼りつけるだけではだめ

私の使用しているWORDPRESSの無料テーマcocoonの場合には、YouTubeはアドレスだけ入力すると高速化して表示してくれます。

 

なので、ツイッターやインスタグラムもアドレスを貼りつけるだけかと思っていました。

それでアドレスをそのまま貼り付けるとブログカードになってしまう。

Instagram

ローカルなテストサイトでは、ちゃんと表示されていたので私のやり方が違うのだと思ってました。

 

スポンサーリンク

ツイッターを埋め込む方法

埋め込みたいツイッターを選択します。

  1. ∨ をクリック
  2. ツイートをサイトに埋め込む を選択

 

コードをコピーします。  ctrl   +  c

動画や画像などを含めて表示させる場合にはメディアルを含めるにもチェックをつける。

 

WordPressでテキストモードにして貼り付ける。 ctrl   +  v

 

インスタグラムを埋め込む

ブログに貼り付けたいインスタグラムを選択します。

  1. ・・・ をクリック
  2. 埋め込み を選択

 

  1. 埋め込みコードをコピー をクリック
  2. 埋め込みコードがコピーされました に変わる

 

WordPressでテキストモードにして貼り付ける。 ctrl   +  v

 

Two Grand Tour debutants. Congratulations on your Vuelta selection, @taogeogheganhart and @pavel_sivakov 👏

teamskyさん(@teamsky)がシェアした投稿 –

 

 

フォーラムでの質問内容

実際のフォーラムでの質問内容と回答は以下です。

ツイートやインスタグラムの貼り付け方法について

 

ツイッターの埋め込み方法の詳細

特定のツイートをWebサイトやブログに埋め込む | Twitterの使い方 | ぼくらのハウツーノート
自分や他の人がツイートしたものは簡単にWebサイトやブログの中に埋め込むことができる仕組みが用意されています。(ただしHTMLやJavaScriptコードが書き込めるブログである必要があります)。ここではツイートをブログなどに埋め込む方法について解説します。また埋め込むツイートの表示方法をカスタマイズする方法も合わせて...

 

インスタグラムの埋め込み方法の詳細

簡単!WebサイトにInstagramの投稿を埋め込む方法を伝授します!
年々、Instagramを運用する企業が増えてきていますが、「なかなか有効活用できていない…」と思っている企業も多いのではないでしょうか?せっかく頑張って写真の撮影や投稿を行ったとしても、フォロワー数が増えずにユーザーに見つけてもらえていないと感じることもあるでしょう。 そんなときに手軽に試せるおすすめの施策が、「We...

 

cocoonの場合には、Jetpackプラグインをインストールすると、TwitterもinstagramもURLを入力すれば、埋め込み表示されるようになります。

 

スポンサーリンク

まとめ

ツイッターもインスタグラムも、普通に埋め込み機能を使うとブログに貼り付けることが出来ます。

わりと簡単に出来るので、説明とかの場合にも便利ですよね。

コメント