ワードプレス

15分で完成、InstagramとBlogをつなぐ!

投稿日:

おはようございます。ワードプレスでブログを書き始めて3ケ月が過ぎようとしています毎日自身のパソコン体験やスマホ体験をメモとして投稿していますが、今日はワードプレスで作成したブログ内にInstagramに投稿した写真を表示しようと挑戦した記録を載せておきます。

やはり簡単な方法が一番なので、ワードプレスのプラグインを探しました。意外と簡単に「Instagram Feed」というのが見つかりました。早速管理画面のプラグインの検索から探してインストールし有効化、設定に入りました。すべて英語でしたが、他の方のページも参考にさせてもらいすぐに完了しました。

  

「Instagram Feed」の設定の「Configure」から「Log in and get my Access Token and User ID」(濃い部分)ボタンをクリックすると、Instagram にログイン画面が出ますのでログイン後に「Authorize」をクリックします。表示された「Access Token」と「User ID」をコピーして上記画面に入力し変更を保存します。

 

次に、「Customize」から表示フィードの構成を作成し、「Number of Photos」でフィードの表示画像数変更、「Number of Columns」で、1列に画像を何枚並べるか変更します。今回は固定ページにInstagramフィードを表示させる為に「Display Your Feed」で埋め込み用のショートコードを取得します。本文欄にショートコードを入れますが、Instagram-feedを[ ]で囲って入力し保存すると反映されます。

  

ここまで来ると、あとはInstagramに写真を投稿すると自動的に追加されて来ますが最後にブログトップから固定ページにリンクを貼ります。このプラグインではテーマの種類によって様々の場所に表示することが可能ですので、今も色々試しています。
今日も一日楽しく過ごせます様に・・・







-ワードプレス

関連記事

no image

TinyMCE Advancedは、ブログの友!

TinyMCE Advancedは初心者としてブログ更新をする時には必須のプラグインです。 プラグインの使用については、色々と工夫をしていますが、記事作成に関しては、 現在までの所最良のものです。 い …

no image

ワードプレスのテスト環境を作る!

ブログサイトが完成して、サーバーにアップロードすると自分のPCからは一時 ワードプレスの開発環境を削除してしまいましたが、再びサーバー上と同じ状態 を作ろうと思い、Xamppを導入してワードプレスのテ …

no image

MysqlにWordPressのデータベースを作成

MysqlにWordPressのデータベース作成する手順を図解します。最初は、ブラウザーからhttp://localhost/phpmyadmin/index.phpを開く。 データベースタブを押す。 …

no image

Open Live Writerは、英語設定!

窓から見える景色が薄くピンク色に染まり、天気予報よりも晴天が続いています。 桜の開花情報だけが飛び交っていますが、周囲はもう満開一歩手前まで来ています。今日もサイクリングロードを歩きながら、ポールと格 …

no image

ブログ、WordPressプラグインのアクシデント!

おはようございます。北海道新聞の一面に「SNS分析 人気観光地は」と見出しが付き台湾客1位「ひまわりの里」(空知管内北竜町)、韓国客1位「モエレ沼公園」(札幌市)と評価を点数化した記事が掲載されていま …




PVアクセスランキング にほんブログ村




%d人のブロガーが「いいね」をつけました。