WordPress

WordPressにインスタグラムとツイッターを埋め込む方法!

投稿日:

ワードプレスに埋込手順

 

WordPressの記事投稿でインスタグラムとツイッターを埋め込む方法を解説していきます。

インスタグラムとツイッターを埋め込む方法は何通りかありますが、この記事ではプラグインを使わないでWordPressの記事投稿に埋め込む手順を説明していきます。

ちなみに動画を埋め込みたい場合はコチラを参考にどうぞ!

YouTube動画の埋め込み方法

 

 

 

スポンサードサーチ

Instagram

WordPress記事内にインスタグラムを埋め込む

WordPressのブログ記事投稿内にインスタグラムを埋め込み・貼り付けする手順です。

プラグインを使った方法だと「Instagram Feed」を使用して埋め込む方法が有名ですが、ブログ内にあまりインスタグラムを埋め込まない人からするとプラグインをインストールする手間がめんどくさいので、プラグインを使用しないでインスタグラムを埋め込む手順を解説していきます。

インスタグラムを埋め込む場合、投稿記事が削除されたらブログ内に貼り付けた記事も削除されて表示ができなくなってしまうので注意して下さい

 

パソコンからインスタグラムにアクセスして、ブログ内に埋め込み・貼り付けしたいインスタグラムのページに行きます!

 

今回はInstagramの公式アカウントから画像をお借りして解説していきます。

Instagram 公式アカウント

Instagram埋込

ページの右下『・・・』のボタンをクリックします。

クリックすると埋め込みの表示が出てくるのでクリックします!

 

Instagram埋込2

画面上に埋め込み用のコードが表示されるのでコピーするか『埋め込みコードをコピー』をクリックします。『▲キャプションを追加』⇒ 説明文の事です。チェック項目で変更が可能!

 

 

▲キャプションあり

Photo by @wahnails Rainbow tips, 3D acrylics, intricate nail polish portraits — these are just a few of the styles customers can have created on their fingernails at London’s WAH Nails (@wahnails), whose Soho storefront is home to a dozen artists, each with their own specialty and style. “We have one tech who does lots of pastel girly stuff and one who does embellished sci-fi nails,” says the company’s social and communications manager, Ellen Ormerod, who adds that styles are constantly changing based on trends. “We’re able to keep it relevant and fresh.” 💅 See some of WAH Nails’ styles today on our story and IGTV channel. To watch IGTV, update your app now, then look for the new icon in the top right corner of feed.

Instagramさん(@instagram)がシェアした投稿 -

 

 

▲キャプション無し

Instagramさん(@instagram)がシェアした投稿 -

キャプションの有り無しは、どちらでもOKなので好みで選択してください。

埋め込みコードをコピーする際は、キャプションの有り無しを選択してからコードをコピーして下さい!

コードをコピーしたらWordPressの投稿画面に行きましょう。

投稿画面の「テキスト」内で貼り付けしたい箇所に、コピーしたコードを貼り付けします。

必ず「ビジュアル」ではなく「テキスト」に貼り付けして下さい!

以上で貼り付けが完了です!

手順は簡単なので、初心者でも迷わずにできるかと思います。やってみて下さい!

 

 

貼り付けたInstagramのサイズ変更

WordPressブログ投稿内で貼り付けした「テキスト」を変更します。

「テキスト」から貼り付けた箇所の「max-width: ●●●px;」の表示が最初の方に記載されているので、この●●●の数字を変更すればサイズ変更が出来ます。

デフォルトだと少し大きめに表示される事があるので好みのサイズに変更して埋め込み・貼り付けしてみて下さい!

 

 

 

Twitter

WordPress記事内にTwitterを埋め込む

ブログ記事投稿内でツイッターを埋め込む手順です。

2パターンの埋め込み・貼り付け方方法を解説します!

 

基本的には、上記で説明したInstagramの埋め込みと同じ手順になります。

「WordPress.com」のTwitterをお借りして解説していきます。

 

パターン1:

1番簡単な手順は、貼り付けしたいツイートのURLをそのままWordPressの投稿記事内に貼り付けます。

ショートコードが使用できるので「ビジュアル」でも「テキスト」でも、どちらでもOKです。

貼り付けしたい箇所にURLを貼り付けるだけで埋め込みが完了できます。

 

パターン2:

埋め込みしたいツイートを表示させます。

Twitter埋込

埋め込みしたいツイートの赤枠内をクリックします。

すると「ツイートをサイトに埋め込む」の表示が出てくるのでクリック!

 

Twitter埋込2

上記赤枠内にコードが表示されるのでコピーします。

コピーしたコードをWordPressのブログ投稿記事内「テキスト」に貼り付けします。

以上で貼り付けが完了です。

貼り付けは「ビジュアル」ではなく「テキスト」に貼り付けして下さい。

 

 

貼り付けたTwitterのカスタマイズ

ブログ内に貼り付けた「テキスト」を変更します。

サイズの指定:貼り付けたコードの最後に『width='●●●'』数字を追記

配置の変更:コードの最後に『align='●●●'』を追記

●●●の部分を入力 ⇒ 左側「left」中央「center」右側「right

 

 

 

WordPressに埋め込み:まとめ

Instagram・Twitterも基本的に貼り付け方法は一緒です。

コピーして、貼り付け、の手順なので初心者でもスムーズにできると思います。

ご活用してみてください(#^^#)

 

 

急上昇の記事

マシェバラトークラーバー

アプリ

【マシェバラ・トークアプリ】配信用ライバーで気軽にお小遣い稼ぎ!

2018/08/02    , ,

【女性必見】 お小遣い稼ぎが出来ちゃう。マシェバラトークアプリをご紹介!   ライブ配信で、報酬ゲット!ってゆーアプリです。 使い方や、どんなアプリなのかを徹底解説していきます! &nbsp ...

リップスアプリ

アプリ

【LIPS】コスメ・メイク好き女子必見の無料アプリ(リップス)とは…?使い方を徹底調査。

2018/12/06    , ,

  LIPS(リップス)   コスメ・メイク好きが、こぞって利用している無料アプリ LIPS(リップス) 美容系で有名なYouTuber、TikToker、インスタグラマーなどの多 ...

cartuneapp4

アプリ

CARTUNE(カーチューン)車好きが集まるSNSアプリ

2018/07/11    

CARTUNE(カーチューン)   車好きな人が集まるSNSコミュニティアプリのCARTUNE(カーチューン)   今までにも車関連のアプリやSNSといった車好きが集まるコミュニテ ...

女性人気アプリ

アプリ

女性に人気の話題アプリをまとめて紹介 / これがトレンド

2018/12/18    , ,

女性向けに人気のアプリを まとめて紹介!!   スポンサードサーチ ■ 美容系アプリ LIPS(リップス) コスメ・メイク好き女子に人気の 美容アプリです。   最近ではローラさん ...

ホンネアプリロゴ

アプリ

【HONNE(ホンネ)】匿名の悩み相談ができるヒマつぶし無料アプリの使い方

2018/11/27    , , ,

誰か悩みを聞いてぇー 誰でもイイから、かまちょー 相談にのってぇー そんな時にバッチリなアプリ【HONNE】     「みんなの本音、覗きみちゃう」がキャッチフレーズな完全ヒマつぶ ...

アプリ

【ARINE(アリネ)】女性のための美容まとめ無料アプリ。使い方から評判などを解説!

2018/12/03    

キレイになりたい。 可愛くなりたい。 オシャレになりたい。 美容が大好き。 すべての女性の為の、美容アプリ【ARINE(アリネ)】   美容に関する全般(ヘア・メイク・コスメ・ファッション・ ...

よく読まれている記事

-WordPress
-,

Copyright© wright BLOG , 2019 All Rights Reserved.