それではワードプレスへの投稿方法について解説していきます。また、今回の投稿用に新しくインスタグラムアカウントを作成し、事前にテーマの画像を数点投稿し … 「アフィリエイト報酬アップの絶対法則61」, WordPress関連コラム 2020.8.7. Feed will not update. インスタグラムのフィードをワードプレスに表示させるプラグインの設定方法と、インスタグラムのアップデートによるフィードが表示されないエラーを改善すべくアクションして解決したのでシェアしちゃいます。, 【最新2020年版】Instagram Feedが表示されないエラーの解決法↓↓↓, ちなみにワードプレスでは、外観→ウィジェット→サイドバーでテキスト（任意のテキスト）を追加させて、タイトルをInstagram（shin.7life)にして本文は[instagram-feed]と入力して表示させています。プラグイン「Instagram Feed」を使うことで、美しく魅せることができます。, icon-instagram もっと絶景をみてみるをクリックすると、インスタグラムに飛べるようになっています。表示が消えていたらインスタがアップデートして、バグって外したんだなと思ってくださいｗ, インスタグラムをワードプレスに表示するイメージがリアルに想像できたかと思うので、実際にサクッと設定してみちゃいましょ！専門用語とか使わず、誰でもできるように解説するので安心してください。では、Instagram Feedをインストール開始します！, すでに僕は追加しちゃっているので、今すぐ更新と表示されていますがインストール前であれば【今すぐインストール】と表示されているのでクリックするとインストールできますよ。, ただし、インストールしただけでは使えません。必ずインストールした後に同じ場所に表示される【有効化】のボタンを忘れずにクリックしましょう！次に、設定しちゃいましょ。, Instagramアカウントの認証が開始されます、ユーザーネームとパスワードを入れてログインしてください。えーー！！パスワード忘れちゃったという人は、インスタグラムのパスワードをリセットしましょう。３分以内に新しいパスワードに変更できるので関連記事を参照ください。, 表示された「User ID」を「Show Photos From：」の●User ID(s)の横にある空欄にコピペしてください。ここまで完了したら、スクロールした左下にある「変更を保存」をクリックして、ひとまずOKです。焦らず、順番通りにクリックして入力あるのみ！, 自分好みにカスタマイズする場合の設定ページは、ワードプレスのInstagram Feedをクリックしてから「2.
写真で一言投稿するだけで伝えられるのが 今回はWordPressでスタイリッシュなSNSボタンを設置できるプラグインとその注意点をご紹介します。 こうしたプラグインの多くは、シェアリンクを記事ごとに最適化してくれたり、シェア数をAPI経由で取得して表示してくれる機能を搭載しており、自分でボタンを実装するよりもはるかに早 … 私もいくつ... 趣味でブログを書き始めたが、気がついてみると、思った以上にアクセス数の多い人気サイトになっていた。
経営者専門WEBスタイリスト
埋め込みもおすすめいたします。 取得できたのですが、それができなくなりました。, 中にはブログなどに自分のインスタグラムの アクセスを伸ばしたりを期待して
ウィジェット、固定ページ等々 .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } インスタの画像を埋め込むことでブログに色が加えられ、読者の興味を引くことが出来ます。, ここではワードプレスにインスタを埋め込む方法をご紹介し、メリットや注意点もお話ししていきます。, ブログとインスタを連動させ魅力あふれたワードプレスになるよう、インスタ埋め込みの知識を学んでいきましょう。, ワードプレスではご自身の投稿はもちろん、他の方の投稿を埋め込みすることも可能です。, ここでは、旧エディタ（Classic Editor）と新エディタ（Gtenberg）での方法をご紹介していきます。, 旧エディタでは、埋め込みコードをコピペする方法とリンクをコピペする方法があります。, 埋め込みコードをコピペする方法では、スマホやタブレット用に画像のサイズを小さく加工できます。, またキャプションの取り外しも可能なので、埋め込みの際処理を施すのであれば埋め込みコードをコピペする方法を選ぶようにしましょう。, その中の「埋め込み」を選択すると、埋め込みコードが表示されますので、コピーをしましょう。, キャプションを入れず画像のみを載せたい場合は、チェックを外すと画像だけ埋め込むことができます。, 次にワードプレスのテキストエディタで、コピーした埋め込みコードを貼り付ければ完了します。, ただしこの方法は、前後１行ずつ改行しないと上手に反映されませんので気を付けましょう。, どちらのエディタでも簡単にインスタを埋め込むことができるので、サイトのページに一工夫インスタを加えてみると良いでしょう。, そもそもインスタの埋め込みとは、ブログなどのサイトの中にインスタの画像を貼り付けすることです。, お気に入りのアカウントを紹介したり、ピックアップしたいポストを表示することができます。, インスタ（Instagram）は、ビジネスにおいても活用されているSNSの一つです。, ワードプレスを使ってインスタを埋め込むと、ホームページやブログサイトなどからアクセスできるようになり、フォロワーの増加が期待できるでしょう。, またトレンドアフィリエイトのようなサイトは、アクセントとしてインスタの画像の埋め込みがあるとより魅力的なものになります。, より多くの人に興味・関心を持ってもらい、また見にきたい！と思ってもらう必要があるのです。, 文字だけ羅列されたブログでは読み疲れ、読者離れが考えられる中、インスタの画像が埋め込まれていたらどうでしょう？, どの画像を埋め込むのかも重要になってくるため、センスの良いインスタグラマーに目星を付けておくとブログ作成もスムーズに進められますよ。, 個人のブログで商品紹介をしても、購入したい！と思わせるまで気持ちを持っていくのは至難の業です。, それ相応のフォロワーがいたり、ご自身が有名人で発言力がある人でない限り、なかなか商品が売れるところまではたどり着けません。, 公式サイトを見たうえで実際に利用した人の感想が分かれば、自分が使うイメージも沸き購買意欲を刺激できるでしょう。, サイトの読者を増やすためにインスタの埋め込みをすると、相乗効果でインスタのフォロワーが増えることもあります。, インスタにセンスの良い、またはためになりそうな情報が載っていたら他にはどんなポストをしているのかな？と気になりアカウントを覗いてくれますよね。, インスタのフォロワーを増やしていけたら、反対にインスタからブログの紹介も出来るので読者の固定に繋げられます。, 続いてインスタを埋め込む際の注意点をお話ししていきます。埋め込み作業が簡単なだけに、つい多用してしまうこともあるでしょう。, ただし以下の点に注意をしておかないと裁判沙汰になってしまったり、画像が見れなくなってしまうこともありえます。, 今後ブログを幅広く展開していこうとお考えの方はぜひ頭に入れておきたいポイントです。, インスタの埋め込みは「何枚埋め込みたいのか」によってページの表示速度が遅くなります。, 埋め込む数が多すぎて全くページが表示される気配が感じられない…という状況になってしまうこともあるでしょう。, 複数埋め込みをしたい場合は、リンクをコピーする方法ではなく、公式埋め込みコードをコピペすることで大幅に改善されます。, 埋め込みの手間はほとんど変わりませんので、複数埋め込みをしたい場合は埋め込みコードを使って行う癖をつけていきましょう。, 本人があげている公式インスタからの引用であれば問題はありませんが、一般人が勝手に芸能人の画像等をインスタに上げることは著作権や肖像権に触れる行為です。, 公式インスタのみ引用してくるか、どうしても載せたいポストがあれば、ＤＭを送り確認をとってから埋め込みをするようにしましょう。, 埋め込んだインスタも、そもそものポストを投稿者が削除をしたりアーカイブに移したりするとワードプレスのページでも連動してエラー表示になってしまいます。, エラー表示ばかりのページになってしまうと、読者離れに繋がってしまうので、定期的にチェックしエラーが出ていないか確認すると良いでしょう。, インスタが上手く表示されないときの対処法として考えられるのは、通信環境を確認することです。, Googleの場合、検索バー右端のメニュー[…] > [ヘルプ] > [Google Chromeについて] から、InternetExplorerの場合、検索バー右端の[歯車アイコン] > [バージョン情報] からバージョンの確認が可能です。, インスタの画像埋め込みに慣れてきたら、画像のサイズを調整してみるとより見やすいブログになります。, 元々のサイズのまま埋め込みをすると、PCでは問題なく見れてもスマホやタブレットだと大きすぎると感じることがあります。, そんな時は埋め込みコードをそのままコピペするのではなく、コード内の「max-width:○○○px」という部分を探してみて下さい。, 以下の画像では、元のサイズが最大540pxなので最大300pxに書き換えるとちょうど良いサイズになります。, インスタの埋め込みができるプラグインを使うと、画像のサイズや列を自由にカスタムでき、オシャレなブログ作成に一役買ってくれます。, こちらは無料のプラグインながら、インスタにアップロードした写真を自動で取得できる優れもの。, アカウントは1つに限らず複数のアカウントが可能で、アクセストークン不要のアカウント認証で設置できるため簡単なところも魅力的です。, 2つ目は、無料のInstagram Feedの上をいく有料版のInstagram Feed Proです。, 特定のアカウントしか表示できない無料版に比べ、条件に合うフィードを表示できる仕組みになっています。, 条件は「ユーザー」「ハッシュタグ」「ユーザーとハッシュタグのミックス」の3つから選択することができます。, インスタグラムの画像を一覧として表示させたいときなど、より多くの画像を載せたい場合には大変便利な機能です。, アカウント登録とレイアウトの設定を行ったら、ワードプレスを開きコードをコピペしてギャラリーを完成させます。, 設定の手間としてはプラグインと大差はありませんし、なによりInstaShowのギャラリーはインスタのコピペとは思えないほど完成度の高いものになります。, カーソルを写真に載せるとコメントが浮き上がる仕様なのもスッキリしたビジュアルでおすすめポイントです。, サイズ調整やキャプションの有無を選択できるため、埋め込みコードをコピペするやり方を癖付けておくと良いでしょう。, ワンランク上のページを作る場合はプラグインやInstaShowを利用してみてはいかがでしょうか。, 公式サイトでは、アフィリエイト会員サービス「ALISA」を運営して感じたこと、アフィリエイターさんと接して感じたこと、自身のアフィリエイトサイトを運営していて感じたこと、企業様へのWEBマーケティングサービスを提供している時に感じたことをノウハウ化して記事にしたいと思います。, ■書籍 メルマガやLINE＠で配信しています。, LINEは「＠masakibiz」で検索するか Instagram（インスタグラム）での 必ずテキストモードの方でコピペしてください。）, これ以外に やり方は簡単で、元のコード [instagram-feed user="floating.kitchen"] に, を追加して [instagram-feed cols=5 num=5 user="floating.kitchen"]として貼り付けるだけです。, 以上で設置完了です。ショートコードは色々と種類があるので、興味のある方は色々試してみると面白いと思います。. または、それほど深く考えな...
, エックスサーバーへの移転が驚くほど簡単にできる方法が提供開始～なんと最短５分! 自分では選択することすらできない絶望的な運命、環境、状況から抜け出し、人生の主導権を自分で握り自分で人生をデザインして楽しく生きています。20代半ばに、海外から帰国した時は破天荒に「家も仕事もお金もない＆極めつけに身分証はパスポートのみ」スーツケース1つから、復活しましたｗビジネスマーケティング、ファッション、旅行（非日常の世界）、写真や動画が大好きです。外見のブランディングでお困りの方は、お気軽にご相談ください♪, インスタグラムをワードプレスに表示する「Instagram Feed」プラグインの設定と表示されない改善策, リーボック「ビートニック」通販で全色買い！90年代サンダルの魅力って知ってる？ファッション, コーディネートまるごと買える｜プロのスタイリストが選ぶメンズファッション通販サイト【完全保存版】ファッション, スプートニクスシャツって、評判どうなの？プロのスタイリストが、ガチで友人にプレゼントした結果ｗファッション. インスタグラムは使っているよって人も （ウィジェット以外に張る場合でワードプレスの場合 コードが貼り付けれるところで Facebookは使わないけれど それではワードプレスへの投稿方法について解説していきます。また、今回の投稿用に新しくインスタグラムアカウントを作成し、事前にテーマの画像を数点投稿し … これをワードプレスであれば 関連するプラグインで実際の写真を ではInstagram（インスタグラム）と ... 諸々の事情があったり、見知らぬ人や不特定多数の人に閲覧される記事を書くことに戸惑いを感じる人もいるかもしれません。