質問編集履歴

2

タグの変更

2020/11/06 01:24

投稿

Fukaya
Fukaya

スコア1

test CHANGED
File without changes
test CHANGED
File without changes

1

質問事項の追記

2020/11/06 01:24

投稿

Fukaya
Fukaya

スコア1

test CHANGED
File without changes
test CHANGED
@@ -1,9 +1,85 @@
1
- Wordpressで投稿した動画を自動的に<div></div>で囲うは可能でしょうか?
1
+ Wordpressで投稿した動画を自動的に<div></div>で囲い、レスポンシブ化しようと思っています。
2
2
 
3
3
 
4
4
 
5
+ ```ここに言語を入力
6
+
5
7
  <div class="">[video]…[/video]</div>
8
+
9
+ ```
6
10
 
7
11
 
8
12
 
9
13
  このような状態にしたいと考えています。
14
+
15
+
16
+
17
+
18
+
19
+ **試したこと**
20
+
21
+ ---
22
+
23
+ youtubeを埋め込んだ場合に、<iframe>を<div></div>で囲う方法があったので、
24
+
25
+ <iframe>を[video]に置き換えできないか試してみましたが、うまくいきませんでした。
26
+
27
+ ```ここに言語を入力
28
+
29
+ function iframe_in_div($the_content) {
30
+
31
+ if ( is_singular() ) {
32
+
33
+ $the_content = preg_replace('/<iframe/i', '<div class="youtube"><iframe',
34
+
35
+ $the_content);
36
+
37
+ $the_content = preg_replace('/</iframe>/i', '</iframe></div>', $the_content);
38
+
39
+ }
40
+
41
+ return $the_content;
42
+
43
+ }
44
+
45
+ add_filter('the_content','iframe_in_div');
46
+
47
+ ```
48
+
49
+
50
+
51
+ こちらを下記のように書き換えました。
52
+
53
+
54
+
55
+
56
+
57
+ ```ここに言語を入力
58
+
59
+ function video_in_div($the_content) {
60
+
61
+ if ( is_singular() ) {
62
+
63
+ $the_content = preg_replace('/[video/i', '<div class="video">[video',
64
+
65
+ $the_content);
66
+
67
+ $the_content = preg_replace('/[/video]/i', '[/video]</div>', $the_content);
68
+
69
+ }
70
+
71
+ return $the_content;
72
+
73
+ }
74
+
75
+ add_filter('the_content','video_in_div');
76
+
77
+ ```
78
+
79
+
80
+
81
+
82
+
83
+ 情けないですが、今の知識ではこれぐらいのことしかできませんでした。
84
+
85
+ そもそもこのやり方ではできないのでしょうか。