Title: 記事の最初の画像を取得、トリミングしてサムネイルにしたい
Last modified: 2016年8月29日

---

# 記事の最初の画像を取得、トリミングしてサムネイルにしたい

 *  [kog](https://ja.wordpress.org/support/users/kog/)
 * (@kog)
 * [10年、 1ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%80%e5%88%9d%e3%81%ae%e7%94%bb%e5%83%8f%e3%82%92%e5%8f%96%e5%be%97%e3%80%81%e3%83%88%e3%83%aa%e3%83%9f%e3%83%b3%e3%82%b0%e3%81%97%e3%81%a6%e3%82%b5%e3%83%a0%e3%83%8d/)
 * こちらの記事を参考に、
    [http://www.wp-tech.net/wordpress_tips/1703/](http://www.wp-tech.net/wordpress_tips/1703/)
   記事の一番最初の画像を取得してサムネイルにすることはできましたが、 サムネイル
   のサイズが元画像のサイズになってしまいます。 記事の最初の画像を取得し、 設定した
   画像サイズ（例えば640px ×　640px）にトリミングした画像を表示するようにする方法
   はありますでしょうか？
 * おわかりの方がいらっしゃいましたら、
    ご教授いただければ助かります。 よろしく
   お願いいたします。
 *     ```
       //記事の一番最初の画像を取得してサムネイルにする
       function catch_that_image() {
         global $post, $posts;
         $first_img = '';
         ob_start();
         ob_end_clean();
         $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
         $first_img = $matches [1][0];
         if (empty($first_img)) {
           $first_img = "/images/default.jpg"
         }
         return $first_img;
       }
       ```
   
 * `echo catch_that_image();`

3件の返信を表示中 - 1 - 3件目 (全3件中)

 *  [sysbird](https://ja.wordpress.org/support/users/sysbird/)
 * (@sysbird)
 * [10年、 1ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%80%e5%88%9d%e3%81%ae%e7%94%bb%e5%83%8f%e3%82%92%e5%8f%96%e5%be%97%e3%80%81%e3%83%88%e3%83%aa%e3%83%9f%e3%83%b3%e3%82%b0%e3%81%97%e3%81%a6%e3%82%b5%e3%83%a0%e3%83%8d/#post-208319)
 * リサイズでなく、トリミング(サイズは変えない)ということでしたら、
    こちらの「3」
   の方法でやったことがあります。 [http://blog.mismithportfolio.com/web/20151027cssimageplace](http://blog.mismithportfolio.com/web/20151027cssimageplace)
 * WordPressとはあまり関係なくなってしまいますけど、
    おためしください
 *  [ikaring](https://ja.wordpress.org/support/users/ikaring/)
 * (@ikaring)
 * [10年、 1ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%80%e5%88%9d%e3%81%ae%e7%94%bb%e5%83%8f%e3%82%92%e5%8f%96%e5%be%97%e3%80%81%e3%83%88%e3%83%aa%e3%83%9f%e3%83%b3%e3%82%b0%e3%81%97%e3%81%a6%e3%82%b5%e3%83%a0%e3%83%8d/#post-208321)
 * このプラグインだとどうでしょうか。
    過去投稿も一括でアイキャッチ画像の登録ができ、
   以後の投稿も自動で記事内の画像をアイキャッチとして保存してくれます。
 * [https://ja.wordpress.org/plugins/auto-post-thumbnail/](https://ja.wordpress.org/plugins/auto-post-thumbnail/)
 *  [Toro_Unit (Hiroshi Urabe)](https://ja.wordpress.org/support/users/toro_unit/)
 * (@toro_unit)
 * [10年、 1ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%80%e5%88%9d%e3%81%ae%e7%94%bb%e5%83%8f%e3%82%92%e5%8f%96%e5%be%97%e3%80%81%e3%83%88%e3%83%aa%e3%83%9f%e3%83%b3%e3%82%b0%e3%81%97%e3%81%a6%e3%82%b5%e3%83%a0%e3%83%8d/#post-208808)
 * 画像のURLが判明しているのであれば、[attachment_url_to_postid](https://developer.wordpress.org/reference/functions/attachment_url_to_postid/)
   を使うと、それがWordPressでアップロードされた画像ならば、画像のIDが取得出来ます。
 * 後は、これを `wp_get_attachment_image` で出力するなり、 `set_post_thumbnail` 
   で投稿サムネイルとして登録するなり、煮るなり焼くなり。

3件の返信を表示中 - 1 - 3件目 (全3件中)

 トピック「記事の最初の画像を取得、トリミングしてサムネイルにしたい」には新たに返信
することはできません。

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3件の返信
 * 4人の参加者
 * 最後の返信者: [Toro_Unit (Hiroshi Urabe)](https://ja.wordpress.org/support/users/toro_unit/)
 * 最後の活動: [10年、 1ヶ月前](https://ja.wordpress.org/support/topic/%e8%a8%98%e4%ba%8b%e3%81%ae%e6%9c%80%e5%88%9d%e3%81%ae%e7%94%bb%e5%83%8f%e3%82%92%e5%8f%96%e5%be%97%e3%80%81%e3%83%88%e3%83%aa%e3%83%9f%e3%83%b3%e3%82%b0%e3%81%97%e3%81%a6%e3%82%b5%e3%83%a0%e3%83%8d/#post-208808)
 * 状態: 未解決

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック