月5万円以上稼いでいる4年目ブロガーが
ブログ開設から公開まで全ステップを紹介!
ブログ30日チャレンジ
![ゆい](https://yuinote-blog.com/wp-content/uploads/2023/03/icon2.png)
24日目は「SNS投稿を載せる方法」です。
今回は、ブログにSNS投稿を載せる方法をご紹介します。
SNS投稿を載せるメリット
自分のブログにインスタやTwitterの投稿を載せるメリットは2つ。
例えば、↓こんな風にSNSの投稿を本文に載せると読者はクリックするだけで投稿が確認できるので、読者の利便性があがります。また、公式サイトのSNS情報を載せる場合は信頼性もあがります。
![ゆい](https://yuinote-blog.com/wp-content/uploads/2023/03/icon2.png)
ブログ記事にも残ってもらいやすくなります
SNS投稿の載せ方
インスタとTwitter投稿の載せ方をご紹介します。
インスタ
インスタ投稿の「…」をクリックします。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-83-1024x754.jpg)
「埋め込み」をクリックします。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-83-1024x754.png)
「埋め込みコードをコピー」をクリックします。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-84.png)
WordPressへ移動して、インスタ投稿を載せるところに「カスタムHTML」ブロックを追加します。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-85-1024x365.png)
カスタムHTMLブロックに埋め込みコードを貼り付けて、プレビューをクリックします。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-86-1024x399.png)
インスタ投稿が表示されました。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-86-1024x754.jpg)
Twitterはやり方が2つあります。
![ゆい](https://yuinote-blog.com/wp-content/uploads/2023/03/icon0.png)
Twitterやっていないので、Cocoon作者のわいひらさん(感謝!)のアカウントでご紹介します。
① 埋め込みコード
インスタと同じように埋め込みコードをコピーしてWordPressに貼り付けるやり方です。
投稿の「…」をクリックします。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-87.png)
「ツイートを埋め込む」をクリックします。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-87.jpg)
下の画面になったら「Copy Code」をクリックします。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-88.png)
WordPressへ移動して、インスタ投稿を載せるところに「カスタムHTML」ブロックを追加します。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-85-1024x365.png)
埋め込みコードを貼りつけてプレビューを押すと、投稿が表示されます。
Cocoonをバージョンアップしました。
— わいひら@寝ログ (@MrYhira) April 17, 2023
Cocoon 2.5.9公開。主に不具合修正 https://t.co/5pRQYT5fUi
② リンク
ツイートのリンクをコピーしてWordpressへ貼り付けるやり方です。
「↑」マークをクリックします。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-89.png)
「ツイートのリンクをコピー」をクリックします。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-91.png)
WordPressに移動して、「Twitter」ブロックを追加します
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-90.png)
リンクを貼り付けて、プレビューすると投稿が表示されます。
その他
Youtubeなど埋め込めるものはたくさんあるので、入れたいものは「埋め込み」から探してみてくださいね。
![](https://yuinote-blog.com/wp-content/uploads/2023/04/image-93.png)
まとめ
今回は、ブログにSNS投稿を載せる方法をご紹介しました。
読者の利便性があがるのでおすすめです。