fbpx
ソーシャルメディア

ワードプレスのブログ記事にインスタを埋め込む方法

 

こんにちは!ブランドバディーズのAIRIです。

 

よくブログ記事などでインスタを埋め込んでいるのを目にしますよね。

 

 

View this post on Instagram

 

A post shared by Beeデジタル! (@bee__digital) on

 

ブログにインスタを埋め込むことで、

そこからすぐインスタに飛んでプロフィールが見れるのでとても便利なのです。

 

 この埋め込み作業って実はとてもとても簡単にできちゃいます。

 

今日は、インスタグラムをブログ記事に埋め込む方法について解説していきたいと思います。

 

インスタを埋め込む方法

 

STEP 1 埋め込みコードを取得する

 

まず、インスタグラムのご自身のアカウントにログインします。

 

これは、Beeデジタルのアカウントにログインしている状態です。

スクロールしていって

 

埋め込みたい画像を選びます。

 

埋め込みたい画像を見つけたら、画像をクリックして

 

右上の三つのドットのバーをクリックします

するといくつか項目が出てきますが、ここで「埋め込み」をクリック

すると、このような画面になります

ここで埋め込みコードをコピーします。

 

 

STEP 2 埋め込みコードを貼り付ける

 

ワードプレスの記事にペーストします。

ペーストするときに気をつけないといけないのが、「テキスト」に貼り付けること!

貼り付けた後に確認したい場合は、プレビューで確認できます。

このような感じに出来上がります。

 

View this post on Instagram

 

今日の名言 ーーーーーーーーーーーーーーーーーーーー “Don’t find fault, find a remedy; anybody can complain” “あら探しをするより改善策を見つけよ。不平不満など誰でも言える” -Henry Ford あなたの会社のチームや誰かがミスをする時、あなたはどうしますか? もちろんミスの原因を見つけるのは大切です。原因を知ることと、あら探しをするのは全く違います。 でももっと重要になってくるのが、改善策を見つけること。 不平不満は誰にでも言えます。 でも改善策を見つけて前進する人は多くありません。 あなたはどちらの人になりたいですか? あら探しする人ですか?それとも改善策を出して前進する人ですか? あら探しする人と改善策を見つけて前進する人、どちらが会社や顧客に愛され、頼られる人でしょうか? 自己吟味してみると何か、あなた自身の改善すべきところが見えて前進できるかもしれませんね♪ #名言 #ポジティブ #仕事 #起業家 #経営者 #経営者と繋がりたい #感動 #目を引く #採用 #採用担当 #集客 #ブランディング #ブライダル #夏 #フォロー歓迎 #自営業 #個人事業主 #個人サロン #個人店 #フォローミー #雑貨店 #会社 #ビジネス #チームワーク #愛される人 #積極的 #考え方 #成功 #不満 #ホームページ

A post shared by Beeデジタル! (@bee__digital) on

ここまでが一通りの流れですが、

 

”ちょっと画像が大きいな”とか”キャプションなしで画像だけ取り入れたい”

と思われる方のための設定手順も紹介していきます。

 

キャプションなしで画像だけを取り入れたい場合

先ほどの流れだと、上のようにキャプションやハッシュタグが入ってきます。

シンプルにキャプションなしだけがいい場合、設定手順はとても簡単です。

 

先ほどの「埋め込みコードをコピーする」画面まで戻り

 

「キャプションを追加」のボックスからチェックを外すだけです。

その後は、先ほどと同じ流れでコードをコピーしてワードプレスにペースト。

 

キャプションなしはこんな感じになります。

 

View this post on Instagram

 

A post shared by Beeデジタル! (@bee__digital) on

画像の調整方法

画像の調整方法は、ワードプレスで行います。

 

コードをペーストしたテキスト上で修正可能です。

 

少し探しづらいですが、

 

max-width:540px;

min-width:326px;

 

という文字を探します。

 

 

例えば、小さくしてみたければここを

 

max-width:300px; 

min-width:326px;

 

と修正してプレビューでみてみると

 

 

View this post on Instagram

 

A post shared by Beeデジタル! (@bee__digital) on

このように小さくなります。

 

まとめ

 

ワードプレスのブログ記事にインスタを埋め込む方法を取り上げてみましたが、

どうだったでしょうか?

 

思った以上に簡単だったのではないでしょうか?

 

インスタをブログに埋め込むことによってより便利に活用できるのは嬉しいですよね。

 

この記事に関連して、

インスタの投稿をブログに埋め込むメリットについても取り上げている記事があるので

興味がある方はここをクリックしてください♪

インスタグラムセミナー(実践編)

インスタグラムをブランディング、マーケティングで活用するノウハウをオンラインスクールで提供しています。

インスタグラムだけでなく、ブランディングに関するコースも多数用意していますので、興味ある方は詳細をご覧ください。

詳細はこちら

コメント

コメントを残す

*