Title: wpギャラリー画像の１枚目を取得したい
Last modified: 2020年1月24日

---

# wpギャラリー画像の１枚目を取得したい

 *  解決済 [chatm](https://ja.wordpress.org/support/users/chatm/)
 * (@chatm)
 * [6年、 8ヶ月前](https://ja.wordpress.org/support/topic/wp%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa%e3%83%bc%e7%94%bb%e5%83%8f%e3%81%ae%ef%bc%91%e6%9e%9a%e7%9b%ae%e3%82%92%e5%8f%96%e5%be%97%e3%81%97%e3%81%9f%e3%81%84/)
 * オリジナルのテーマでwpを作成しています。
    投稿画像の１枚目の画像を取得して、サムネイル
   として出力する方法で、 wordpress本来のギャラリー機能で作ったギャラリーの１枚目
   を出力したいのですが、 どうしてもギャラリーの最後の画像が表示されてしまいます。
   ソース表示にして確認すると、ギャラリーの画像のIDの91を取得している感じです。 `
   wp:gallery {"ids":[93,80,82,83,92,91],"linkTo":"media"}`
 * 画像を登録する順番でしょうか、ギャラリー画像のIDが変更できれば、1に反応するかも
   しれない感じですが。何か解決方法があれば教えて頂けると助かります。
 * 設定している投稿画像の１枚目を取得するものは下記を設定しています。
    function.
   phpに
 *     ```
       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)){ //Defines a default image
               $first_img = "/images/noimage.png";
           }
       return $first_img;
       }
       ```
   
 * 出力したいカテゴリー.phpのページに下記を記入
 *     ```
       <ul>
       <li><a href="<?php the_permalink(); ?>"><img src="<?php echo catch_that_image(); ?>" ></a>
       <p class="wp-caption"><?php the_title(); //記事のタイトル ?></p>
       </li>
       </ul>
       ```
   
 * 宜しくお願い致します。

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

 *  [ishitaka](https://ja.wordpress.org/support/users/ishitaka/)
 * (@ishitaka)
 * [6年、 8ヶ月前](https://ja.wordpress.org/support/topic/wp%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa%e3%83%bc%e7%94%bb%e5%83%8f%e3%81%ae%ef%bc%91%e6%9e%9a%e7%9b%ae%e3%82%92%e5%8f%96%e5%be%97%e3%81%97%e3%81%9f%e3%81%84/#post-11662128)
 * こんにちは
 * 下記の正規表現ではどうでしょうか？
 * `/<img.+src=[\'"]([^\'"]+)[\'"].*>/i`
    ↓ `/<img[^>]+src=[\'"](.+?)[\'"].*>/i`
 *  トピック投稿者 [chatm](https://ja.wordpress.org/support/users/chatm/)
 * (@chatm)
 * [6年、 8ヶ月前](https://ja.wordpress.org/support/topic/wp%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa%e3%83%bc%e7%94%bb%e5%83%8f%e3%81%ae%ef%bc%91%e6%9e%9a%e7%9b%ae%e3%82%92%e5%8f%96%e5%be%97%e3%81%97%e3%81%9f%e3%81%84/#post-11662132)
 * 教えて頂きましてありがとうございます。
    試してみましたが、すみません変わりません
   でした。 ギャラリーの設定で、メディアファイルからギャラリーの並び方を変更して、（
   現在、６枚の画像を横並び３列２段に配置しているのですが）２段目の右下に置いた画像
   が、どうも表示されるようです。 他のページでは、投稿の１枚目を表示させたいので、
   ギャラリーを使うページだけ、右下に位置する画像を、表示させたい画像にすればいい
   かな、妥協だけど・・・とも思います。 もしくは、ギャラリーをやめて、テーブル的
   な何か枠を作ってcssでobject-fit: cover;で画像をトリミングして並べaddQuicktagで
   クラシックブロックにして入れるか、という妥協策を考え始めました。
 *  [ishitaka](https://ja.wordpress.org/support/users/ishitaka/)
 * (@ishitaka)
 * [6年、 8ヶ月前](https://ja.wordpress.org/support/topic/wp%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa%e3%83%bc%e7%94%bb%e5%83%8f%e3%81%ae%ef%bc%91%e6%9e%9a%e7%9b%ae%e3%82%92%e5%8f%96%e5%be%97%e3%81%97%e3%81%9f%e3%81%84/#post-11662133)
 *     ```
       $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
       $first_img = $matches [1] [0];
       ```
   
 * ↓
 *     ```
       $output = preg_match( '/<img[^>]+src=[\'"]([^\'"]+)[\'"][^>]+\>/i', $post->post_content, $matches );
       $first_img = $matches[1];
       ```
   
 * ではどうでしょうか？
 *  トピック投稿者 [chatm](https://ja.wordpress.org/support/users/chatm/)
 * (@chatm)
 * [6年、 8ヶ月前](https://ja.wordpress.org/support/topic/wp%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa%e3%83%bc%e7%94%bb%e5%83%8f%e3%81%ae%ef%bc%91%e6%9e%9a%e7%9b%ae%e3%82%92%e5%8f%96%e5%be%97%e3%81%97%e3%81%9f%e3%81%84/#post-11662136)
 * できました！ありがとうございます！
    しかも、他の投稿記事ページの（ギャラリーで
   ない）投稿写真が何枚か並んでるものも、１枚目を取得してくれました。ご面倒みて頂
   きましてありがとうございました！

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

 トピック「wpギャラリー画像の１枚目を取得したい」には新たに返信することはできません。

## タグ

 * [あ](https://ja.wordpress.org/support/topic-tag/%e3%81%82/)

 * フォーラム: [テーマ](https://ja.wordpress.org/support/forum/themes/)
 * 4件の返信
 * 2人の参加者
 * 最後の返信者: [chatm](https://ja.wordpress.org/support/users/chatm/)
 * 最後の活動: [6年、 8ヶ月前](https://ja.wordpress.org/support/topic/wp%e3%82%ae%e3%83%a3%e3%83%a9%e3%83%aa%e3%83%bc%e7%94%bb%e5%83%8f%e3%81%ae%ef%bc%91%e6%9e%9a%e7%9b%ae%e3%82%92%e5%8f%96%e5%be%97%e3%81%97%e3%81%9f%e3%81%84/#post-11662136)
 * 状態: 解決済

## トピック

### 人気のトピック

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

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

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

### 未解決のトピック

### すべてのトピック