Wordpressで投稿した動画に自動で<div>を付与する

Wordpressで投稿した動画を自動的に<div></div>で囲い、レスポンシブ化しようと思っています。

<div class="">[video]…[/video]</div>

このような状態にしたいと考えています。

試したこと

youtubeを埋め込んだ場合に、<iframe>を<div></div>で囲う方法があったので、

こちらを下記のように書き換えました。

function video_in_div($the_content) {
if ( is_singular() ) {
$the_content = preg_replace('/[video/i', '<div class="video">[video',
$the_content);
$the_content = preg_replace('/[/video]/i', '[/video]</div>', $the_content);
}
return $the_content;
}
add_filter('the_content','video_in_div');

情けないですが、今の知識ではこれぐらいのことしかできませんでした。
そもそもこのやり方ではできないのでしょうか。

m.ts10806

2020/11/05 23:14 編集

大抵のことは可能ですし、考えているというのは分かったのですけど、何も調べたり試したりしてませんか？あくまで質問サイトなので作業依頼を請け負うサイトではありません。

Fukaya

2020/11/06 01:00

ご指摘、ありがとうございます。こちらを利用するのが初めてだったこともあり、手探りで投稿してしまいました。質問事項を追記いたしましたので、再度閲覧いただけたら幸いです。

m.ts10806

2020/11/06 01:03

is_singular() はtrueになっていますか？でないとどんなに中身を書いても通ることはないと思います。あと[video]とかはWordPressの投稿タグかと思いますが、それがWordPressの機能で置き換えられるタイミングを把握しておかないと今回の対応は意味がなくなると思います。 ※私自身はPHPはともかくWordPressには殆ど精通していません。現状で言えることのみここに書いています。

Fukaya

2020/11/06 01:58

ご回答、ありがとうございます。上記の方法で試しましたら、サイトの表示が崩れてしまったので、記述が間違っていることは分かりました。is_singular()の部分含め、再度調べてみようと思います。

KazuhiroHatano

2020/11/06 07:15

do_shortcodeのthe_contentフックでの優先度は11でデフォルトは10なので優先度を指定しない限りはthe_content に追加したフィルタは do_shortcodeより前に処理されるはずです

行動規範の内容に同意します

回答2件

ベストアンサー

カッコは特殊文字なのでエスケープしてください。

PHP
1$the_content = preg_replace('/[video/i', '<div class="video">[video',$the_content);
2$the_content = preg_replace('/[/video]/i', '[/video]</div>', $the_content);