TEDASKは埼玉県川口市のフリーランスWEBエンジニアが運営するホームページです。WordPressによるウェブサイト制作からWEB制作に関するお悩み解決をお手伝いしています!

TEDASK(テダスク)

WordPress エンジニア向け プラグイン

Instagram Feedのショートコードをphpファイルに直接記述する方法

更新日:

こんにちは!

今回はWordPressでInstagramを簡単に表示させることができるプラグイン「Instagram Feed」ですが、Instagramを表示する方法でWordPressのエディタにショートコードで入力するのではなく、テーマのPHPファイルに直接記述する方法をお伝えしたいと思います。




Instagram Feedとは

Instagram FeedはInstagramを簡単に表示させることができるプラグインで、個人的には一番お勧めのプラグインです。

プラグインの検索画面で調べると同じ名前で何個も出てくるのですが、フィードがカタカナになっているのが今回のプラグインになります。

評価も高いので安心して利用出来きますね。

 

このInstagram Feedの何が凄いかというとボタン一つでAccess Token(アクセストークン)を取得でき、一瞬でWordPressと連携してくれるところです。

以前このInstagram連動のプラグインでは出来ないことがあって、自分でInstagram取得用の機能を作ったことがあるのですが、このアクセストークンを取得するのがなんとも敷居が高いです。

確か他のInstagramのプラグインも自分でアクセストークンを取得しなきゃいけないと思うのですが、結構大変でした。

 

テーマのphpファイルに直接記述する方法

それでは本題のInstagram Feedのショートコードをphpファイルに直接記述する方法ですが

<?php echo do_shortcode('[instagram-feed]'); ?>

です。

do_shortcodeの後のに括弧とシングルコーテーションで囲む感じで、エディタで入力するショートコードを入力すればOKです。

[instagram-feed]と書いてあるショートコードは

設定画面のタブ「3.Display your feed」の中に、Instagramを表示する為のオプション用コードが書いてありますので適宜書き換えて下さい。

例)

[instagram-feed num=9 cols=3]

このコードの場合は、num=99つ写真を表示するで、cols=33列で表示するという設定です。

 

まとめ

今回説明したdo_shortcodeの記述は、phpに直にショートコードを書く際にはどのショートコードでも使えるのでひな形として保存しておくことをおすすめします。

以上、Instagram Feedのショートコードをphpファイルに直接記述する方法でした。




 

こちらの記事もおすすめです☆

phpmyadmin

WordPress エンジニア向け ツール 運用者向け

ユーザー名もメールアドレスも忘れてしまったWordPressにログインする方法

皆さんはWordPressを使っていて、入れなくなるということはほとんど無いと思いますが、今までご依頼をいただいたお客様の中にはWordPressの管理はスタッフに任せていてユーザー名もパスワードも分 ...

PHP WordPress エンジニア向け カスタマイズ 初心者向け 学習

WordPressテンプレート制作の独学・学習におすすめの本

こんにちは!テダスクのとしです。 このサイトを見に来ていただいている人というのは、意外と幅広くWEB初心者の方から、エンジニアの方まで様々なレベルの方が見てくれているのですが、今回はエンジニアになりた ...

Laravel開発 エンジニア向け

laravelのformでgetでデータを送信・取得する方法

こんにちは。テダスクのとしです。 この記事を見ていただいている人は、恐らくlaravelでPOSTでデータの送信は出来るけど、 GETでどうやって送信して、その後どうやって取得するのだろうと悩んでいる ...

ウェブ解析士

エンジニア向け 学習 運用者向け

ウェブ解析士試験の学習時間と学習方法

こんにちは! テダスクのとしです。 私はずっとWEBエンジニアとして本業でも、こちらの個人事業の方でもやってまいりましたが、最近では作るだけではなく、SEOに関するアドバイスなどを行っていてアナリティ ...

エンジニア向け サーバー ツール 運用者向け

ネームサーバーを変更した後に設定されているか確認する方法

前回WordPressのを別のサーバーに移行したときのエラーについて書きましたが、今回はネームサーバーを変更した後に設定されているか確認する方法を書きたいと思います。   現在のネームサーバ ...

 

この記事が気に入ったら
いいね ! しよう

-WordPress, エンジニア向け, プラグイン
-, ,