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も基本的に貼り付け方法は一緒です。

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

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

 

 

急上昇の記事

トークライバー画像

アプリ

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

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

ライブアプリ

アプリ 比較・まとめ

【2020年】最新の稼げるライブ配信アプリはどれ?

2020年11月現在、コロナ禍の影響もあり、自宅にいながらお小遣い稼ぎが可能なライブ配信アプリが物凄い勢いで普及しています。お小遣い稼ぎや副業としてアプリに参加している『ライバー』増えている一方で、自 ...

ビゴライブロゴ

アプリ

【BIGO LIVE】ビゴライブとは?稼げるライブ配信アプリの使い方を徹底攻略!

2020/11/27    , ,

ライブ配信アプリの中でも 稼げるライブ配信優秀なアプリ使いやすい操作が簡単 などと評判の良い 【BIGO LIVE】(ビゴライブ)   最近とにかくビゴライブの噂を耳にするので、どんなライブ ...

ショッピファイの公式サイト

インターネット

最近噂のShopify(ショッピファイ)とは…?使い方から費用まで

最近話題の『Shopify(ショッピファイ)』   皆様ご存じですか?   名前は聞いた事があるけど、細かいことまで知っているって人はまだまだ少ないのではないでしょうか・・・ &n ...

イリアムのロゴ

アプリ

人気でハマる人が続出…?ライブ配信アプリの【IRIAM】イリアム

2020/12/2    ,

誰でもキャラクターになってライブ配信を行うコトができる   【IRIAM】イリアム   一般的なよくあるライブ配信アプリでは、ライブ配信者が自分の顔をスマートフォンにかざして、テレ ...

よく読まれている記事

-WordPress
-,

© 2021 wright BLOG