aタグに特定のクラスがついたタグがある場合、そのタグを削除したいです。

###質問
php初心者です。
ワードプレスにて特定のクラスのついたpタグがaタグを囲っている場合に、pタグを削除したく調べながらfunction.phpに記述しているのですが、書き方がわかりません。どのような記述をしたらよいでしょうか？

例えば、下記のような記述の場合です。

html
1<p class="test"><a href="xxx" target="_blank">テキストテキスト</a></p>

↓

html
1<a href="xxx" target="_blank">テキストテキスト</a>

###試したこと

php
1function remove_p_on_images($content){
2    return preg_replace('/<p class="test">(\s*)(<a .* \>)(\s*)<\/a><\/p>/iU', '\2', $content);
3}
4add_filter('the_content', 'remove_p_on_images');

調べて上記を記述しましたが、行き詰ってしまいました。

ご回答下さいますと幸いです。
よろしくお願いいたします。

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

回答2件

ベストアンサー

こんな感じでどうでしょう。

php
1function remove_p_on_images( $content ) {
2	$content = str_replace( '<p class="test"><a', '<a', $content );
3	$content = str_replace( 'a></p>', 'a>', $content );
4
5		return $content;
6}
7add_filter('the_content', 'remove_p_on_images');
8

追記

すいません。
解決済みとされているのに申し訳ありませんが、わたしの回答では必要な閉じタグも変換してしまうので、
以下の修正案を試してみてください。

php
1function remove_p_on_images($content){
2    return preg_replace("/<p class=\"test\">(.+?)<\/p>/","$1",$content);
3}
4add_filter('the_content', 'remove_p_on_images');
5

投稿2017/07/07 02:29

編集2017/07/07 07:40

8-0_nyan5

総合スコア2352

katsunori_00004

2017/07/07 03:12

ありがとうございます。解決できました。

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

PHPを用いた解決策ではないのですが、javascriptでちょっと強引なやり方をしてみました。

HTML
1<p class="test"><a href="xxx" target="_blank">テキストテキスト</a></p>
2<p class="test"><a href="xxx" target="_blank">テキスト2テキスト2</a></p>
3<p class="test"><a href="xxx" target="_blank">テキスト3テキスト3</a></p>

javascript
1//jQueryによる記述です
2$(function(){
3 $("p.test").each(function() {
4   $(this).after($(this).html());
5   $(this).remove();
6  });
7});
8</script>

懸念点としては3点あります。

DOM読み込み後に処理しているのでCSSでtestに何かしら指定しているとチラッと見えてから消える
ブラウザ「ソース表示」からは消えているわけではない
<p>タグ自体が除かれるので改行的なところも無効となる（PHPで削除する場合も同じ）

ある特定のもののみとはいえpタグを消したい理由によって対応方法も異なってくるようにも思います。
場合によってはそのクラスに対してpタグの機能が無効となるようなcssの指定をした方がいいかもしれませんし。

#サンプル２

HTML
1<p class="test"><a href="xxx" target="_blank">テキストテキスト</a></p>
2<p class="test"><a href="xxx" target="_blank">テキスト2テキスト2</a></p>
3<p class="test"><div>テキスト3テキスト3</div></p>
4<p class="test"><span>テキスト4テキスト4</span><a href="xxx" target="_blank">テキスト5テキスト5</a></p>

javascript
1$(function(){
2	$("p.test").find("a").each(function() {
3		$(this).parent().after($(this).parent().html());
4		$(this).parent().remove();
5  	});
6});