京都のカメラ・写真講座の教室です。フォトスタジオでの個人レッスンなので他の受講者に気兼ねすることなく集中して受講することができます。カメラの設定や基本操作が解らなくても大丈夫。個人レッスンなので受講者の習得レベルに合わせて進めることができます。

ミラーレス一眼デジタルカメラ教室|初心者向け講座 個人レッスン|京都

インスタグラム講座

インスタグラムをWordPressブログに埋め込み、サイズ指定方法!

投稿日:2015/06/10 更新日:

インスタグラムの投稿写真を自分のブログに貼り付ける方法はいろいろあります。

WordPressを使っているならショートコードという便利な機能があり、インスタグラム投稿のURLを記述するだけで埋め込むことができます。
試しに貼り付けてみます。

このブログもWordPressを利用しているので便利なショートコードを使いたいと思うのですが、貼り付けた写真が大きすぎて困ることもあります。上の写真は説明のために貼り付けてるわけです。こんなに大きくなくて良いのです。

写真を見せたい時はそれで良いのですが、小さく貼り付けたい時もあるわけです。キャプションを省きたいこともあるわけです。

 こんな風に小さく控えめに貼り付けしたいわけです。

その方法を解説します。

インスタグラムの公式埋め込み機能でサイズ指定

インスタグラム公式の埋め込みコード

公式埋め込み機能を利用します。

 インスタグラムの写真や動画を自分のブログに貼り付ける[公式]方法

まずこの方法でブログに貼り付けます。

キャプションあり

キャプションなし

埋め込みコードのサイズ指定

ソースコードの中をみて幅を指定している箇所を見つけ出します。

埋め込みコード

max-width:540px; min-width:326px;

の箇所です。
最大の幅が540px(以前は658pxでした)になっているので、お好みのサイズに変えます。
max-width:320px; min-width:300px; に変えてみました。

指定の大きさに貼り付ける事ができます。
非公式な方法なので自己責任でお願いします。

プロフィール

ハタモトシンイチ

フォトクリエイター

ハタモト シンイチ

何げない日常の1コマをカメラで切り取っています。
ブルーキャットデザインスタヂオ代表【飾る写真 制作】
セミナー講師【デジタルカメラ写真講座】
ビジネス著作権検定 上級フォトマスター検定1級|より多くの人がカメラと写真を楽しめるように、文章、写真、映像、音声コンテンツを発信しています。
 共著:Pinterestビジネス講座(翔泳社出版)
icon-instagram Instagram icon-facebook-square Facebook icon-twitter-square Twitter icon-rss-square RSS Feed
icon-camera フォトクリエイティブ教室
icon-desktop ブルーキャットデザインスタヂオ
 詳しいプロフィール
フォトクリエイティブ教室

カメラ講座

個人レッスン|はじめてのデジタル一眼カメラ!基本操作入門講座|京都
他の受講者に気兼ねなく集中して受講可能。習得レベルに合わせることができるので安心。自分のカメラが好きになる講座です。
詳細ページ

インスタグラム講座

インスタグラム講座|初心者のための反応率を高める写真の魅せ方|京都
インスタグラムで 1,000いいね!を超えるために実践し、効果的だった反応率を高めるインスタグラムの使い方、写真の魅せ方講座です。
詳細ページ