質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

0回答

814閲覧

WordPress投稿の1枚目の画像を表示しないようにする

D.O

総合スコア55

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2020/10/29 09:32

WordPressで本文にはいっている画像の1枚目を取得して表示させ,テンプレートをカスタマイズして別の表示させたい内容を表示させ..
その後ろに,さらに固定ページの本文から1枚目の画像を除いたものを表示させたいのですが..。

本来の記事(投稿or固定ページ)としては

画像1
テキスト1
画像2
テキスト2

と表示されるものを

画像1
テンプレートを編集して組み込んだ内容
テキスト1
画像2
テキスト2

となるようにしたいのです。
1枚目の画像を冒頭に表示する部分は以下のようにやれば出来ましたが..。

functions.phpに以下を

php

1function catch_first_image() { 2 global $post, $posts; 3 $first_img = ''; 4 ob_start(); 5 ob_end_clean(); 6 $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches); 7 $first_img = $matches [1] [0]; 8 9 if(empty($first_img)){ //Defines a default image 10 $first_img = "/images/default.jpg"; 11 } 12return $first_img; 13}

画像を表示させたい箇所に以下を

php

1<?php echo catch_first_image(); ?>" alt="<?php the_title(); ?>

後ろの部分で,画像の1枚目を抜いたコンテンツを表示させる部分がわかりません。
よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yuki84web

2020/10/29 11:59

1枚目の画像を抜き出すのと同じ要領で、マッチした部分を空に置換するだけでは
tabuu

2020/10/30 00:50

画像を抜き出すよりは、 画像1とテキスト1の間にコンテンツを差し込む方が簡単そうですが。 差し込む目印となるパターンは無いのでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問