【WP】プラグインなしで外部リンクをブログカード化する方法（WP_Filesystemを使います）

<span class="bcard ilink"><a href="/make-the-original-blog-card/" title="【WP】プラグインなしで内部リンクのブログカードを実装する方法 | 日なたの縁台" target="_blank">【WP】プラグインなしで内部リンクのブログカードを実装する方法 | 日なたの縁台</a></span>

/* 2018/11/21: ファイル名を付ける部分のプログラムを変更（データのhashではなく、ファイルパスのhashへ） */
/**
* 最初のif文で、定義されている関数名に重複がないか確認します。
* 当サイトはドメインが「cosybench.com」なので、接頭辞的な「cb_」を関数の頭につけることで、重複避け対策をしています。
**/
if (!function_exists('cb_fetch_ogp_image_file')){ //子テーマを使っている場合、推奨

// ここから関数本体
/**
* 外部サイトのOGP:imageに設定されている画像を、自分のサーバーの任意のディレクトリに保存する
* @param   string   image_url (OGP:imageのURL)
* @return  string   path（自サーバーのファイルへのURLパス）
**/
function cb_fetch_ogp_image_file ( $image_url ) {
  /*
  * WP_Filesystem()を使うためには「file.php」が必要になるので、読み込みます。
  * 「image.php」は画像を編集するwp_get_image_editorで必要になるので、ここで一緒に読み込んでいます。
  */
  //WP_Filesystemを使用するためのファイルの読み込み
  require_once(ABSPATH . 'wp-admin/includes/file.php');
  require_once(ABSPATH . 'wp-admin/includes/image.php');

  // サーバーの画像を保存するディレクトリを設定
  /*
  * FTPソフトを使い、あらかじめ「uploads」フォルダ内に「elink-img」という専用フォルダを作っておく方式にしました。
  * フォルダのパーミッションは、自分のみ読み書きOK、その他は読み取り専用にします。
  */
  $dir = ABSPATH . 'wp-content/uploads/elink-img/'; //ABSPATHで、サーバー上の「public_html」フォルダまでの絶対パスが取得される（取得されない場合はwp-config.phpファイルの設定を確認）

  /* OGP画像のURLパスから、ファイル名を付けます。 */
  // @link: http://php.net/manual/ja/function.hash.php
  $image_name = hash('md5', $image_url, FALSE); // ファイルURLからファイル名を決める

  /* [elink-img」フォルダ内にある画像ファイルのリストを取得します */
  // @link: http://php.net/manual/ja/function.glob.php
  $image_lists =  glob($dir .'*', GLOB_NOSORT); // $dirでのファイルのリストを取得

  // @link: http://php.net/manual/ja/function.preg-grep.php
  $file_existance = preg_grep("/$image_name/", $image_lists); //ファイルの有無を確認

  if (!$file_existance): //ファイルがまだ作られていなかったら、画像を取得・保存する
      /*
      * WP_Filesystem()の認証に問題が発生しなければ、$wp_filesystemというグローバル変数を使えるようになります
      */
      if ( WP_Filesystem() ): //WP_Filesystemの初期化
          global $wp_filesystem; //$wp_filesystemオブジェクトの呼び出し

          /*
          * WP_Filesystem_Direct()クラスに用意されているメソッドを使います。
          * @link: https://developer.wordpress.org/reference/classes/wp_filesystem_direct/
          * == コードの補足（1） 参照==
          */
          $image_data = $wp_filesystem->get_contents($image_url); // 画像のバイナリデータを取得（PHPのfile_get_contents()と同じ）

          /*
          * $wp_filesystem->get_contents($image_url) で画像データが取得できたら、そのデータから拡張子の判定をしています。
          * == コードの補足（2） 参照==
          * そして最後に、取り込んだ画像のリサイズをしています。
          */
          if ($image_data): //画像データが取得できたら

              // MIME Typeをチェック
              // @link: http://php.net/manual/ja/function.finfo-open.php
              // @link: http://php.net/manual/ja/function.finfo-buffer.php
              // @link: http://php.net/manual/ja/fileinfo.constants.php
              $finfo = finfo_open(FILEINFO_MIME_TYPE);
              $mime = finfo_buffer($finfo, $image_data);
              finfo_close($finfo);

              switch ($mime) { //拡張子の決定、現在は以下の4タイプの画像のみ可（bmpはなくてもよいかもしれない）
                  case "image/jpeg":
                      $extension = '.jpg';
                      break;
                  case "image/png":
                      $extension = '.png';
                      break;
                  case "image/gif":
                      $extension = '.gif';
                      break;
                  case "image/bmp":
                      $extension = '.bmp';
                      break;
                  default:
                      echo "対応していない画像ファイルです";
                      break;
              }

              //画像を保存（PHPのfile_put_contents()と同じ）
              //ファイル名には、接頭辞的に「cb_」を付けています
              $wp_filesystem->put_contents($dir. "cb_" .$image_name. $extension, $image_data);

              //画像の編集（リサイズ）
              //@link: https://developer.wordpress.org/reference/classes/wp_image_editor/
              $image_editor = wp_get_image_editor($dir. "cb_" .$image_name. $extension);

              if ( !is_wp_error($image_editor) ): //画像編集オブジェクトに画像が正常に読み込めたら
                  // @link: https://developer.wordpress.org/reference/classes/wp_image_editor/resize/
                  $image_editor->resize(400, 400, false); //画像のリサイズ（W400×H400 cropせず との設定．ここは用途に応じてお好みでOK）
                  // @link: https://developer.wordpress.org/reference/classes/wp_image_editor/save/
                  $image_editor->save( $dir. "cb_" .$image_name. $extension ); //編集した画像の保存
              else:
                  echo "image_editorでエラーが発生しました";
              endif;

              $upload_dir = wp_upload_dir(); //「uploads」フォルダまでのURLパスを取得する
              // @link: https://developer.wordpress.org/reference/functions/wp_upload_dir/
              return $upload_dir['baseurl'] . "/elink-img/cb_" .$image_name. $extension;

          else:
              echo "画像データ取得できませんでした";
          endif;

  else: // ファイルがあったら、ファイル名を取得する

      //ファイル名を配列（$file_existance）からを取り出す
      //@link: http://php.net/manual/ja/function.array-shift.php
      $filename = array_shift($file_existance); //ファイル名は、ローカルパス（$dir/$image_name.$extension）形式 になっている

      //@link: http://php.net/manual/ja/function.str-replace.php
      $filename = str_replace($dir,"",$filename); //ファイル名から$dirの文字列を削除する

      //URL形式でファイルへのパスを設定する
      //@link: https://developer.wordpress.org/reference/functions/wp_upload_dir/
      $upload_dir = wp_upload_dir();
      return $upload_dir['baseurl'] . "/elink-img/" .$filename;  // https://example.com/wp-content/uploads/elink-img/filename となる

  endif; // WP_Filesystem() 終了
} // 「function cb_fetch_ogp_image_file($image_url)」 閉

} // 「if (!function_exists('cb_fetch_ogp_image_file')){」 閉

（省略）
/* 該当部分のみの抜粋 */
elseif ($m[1] == 'e') : //外部リンクの場合(external)
  //設定されているOGP情報を利用する
  //@link https://github.com/scottmac/opengraph
  require_once('opengraph.php');

  $graph = OpenGraph::fetch($url);
  if ($graph) : //OGP情報が設定されていたら
      $title = $graph->title ? $graph->title : $m[3];
      $excerpt = $graph->description ? $graph->description : '';
      /** ここ（$src = ~）を修正↓ **/
      // 修正前： $src = $graph->image ? $graph->image : get_template_directory_uri().'/images/ogp_no_image.jpg';
      // 修正後:
      $src = $graph->image ? cb_fetch_ogp_image_file($graph->image) : get_template_directory_uri().'/images/ogp_no_image.jpg';
      $thumbnail = '<div class="blog-card-thumbnail"><img src="' .$src. '"alt="' .$m[3]. '"></div>';
  endif;
  $date       = ''; //外部リンクは投稿日なし
  $target     = 'target="_blank"'; //外部リンクは新規タブで

endif;
（省略）