[Wordpress]Instagramの埋め込み画像が表示されない場合の対処方法

Tweet
トップへ

どうも@conchikuwaです。

先日アップした市川市動植物園に行って来た記事にInstagramの動画を埋め込んだのですが、最初うまく表示されませんでした。

いろいろ調べてみるとWordpressのfunctions.phpに追加した「記事内の＠マーク付きのTwitterアカウント名を自動でリンク化」してくれるコードが原因だったのですが、それ以外にもちょこっと問題が発生したので、対処方法をまとめてみました。

----- Sponsored Link -----

▼ 最初Instagramの埋め込み画像を貼り付けると何も表示されない状態。

なんでだろうといろいろググってみると下記の記事を発見！

Instagramの埋め込みが表示されないバグは「@マークでTwitterの自動リンクを作る」のコードが原因だった – Lognote

WordPressではfunctions.phpにコードを追加することでさまざまな便利な機能を使えるようになります。その中のひとつとして、記事内に@（Twitterのアカウント名）と記述することで …
参考にさせてもらいました！

記事内の＠マーク付きのTwitterアカウント名を自動でリンク化するコードをfunctions.phpに記述しておくと、ただアカウント名を書くだけで、

▼ 簡単にtwitterのリンクを記述してくれるスグレモノです。

便利は便利だけどとりあえず無くても問題ないので、記事の内容通りにWordpressのfunctions.php内に記述したコードをコメントアウトしてみました。

▼ コメントアウト前（ハイライト箇所が対象のコード）

function add_twitter_link($content) {
    $pattern= '/(?<=^|(?<=[^a-zA-Z0-9-_\.]))@([A-Za-z]+[A-Za-z0-9_]+)/i';
    $replace= '@<a href="http://www.twitter.com/$1">$1</a>';
    $content= preg_replace($pattern, $replace, $content);
    return $content;
}

add_filter( "the_content", "add_twitter_link" );

function add_twitter_link($content) {

$pattern= '/(?<=^|(?<=[^a-zA-Z0-9-_\.]))@([A-Za-z]+[A-Za-z0-9_]+)/i';

$replace= '@<a href="http://www.twitter.com/$1">$1</a>';

$content= preg_replace($pattern, $replace, $content);

return $content;

}

add_filter( "the_content", "add_twitter_link" );

▼ コメントアウト後（ハイライト箇所が対象のコード）

/**
 * function add_twitter_link($content) {
 *     $pattern= '/(?<=^|(?<=[^a-zA-Z0-9-_\.]))@([A-Za-z]+[A-Za-z0-9_]+)/i';
 *     $replace= '@<a href="http://www.twitter.com/$1">$1</a>';
 *     $content= preg_replace($pattern, $replace, $content);
 *     return $content;
 * }
 * 
 * add_filter( "the_content", "add_twitter_link" );
 */