ぐぬぬ・・

Code

WordPress7.0に更新したら、クラスに動きを邪魔される

WordPress7.0に更新した。アクセントカラーが青くなったりとか、入力幅が広くなったりとか、違和感が色々あるが、以前と同じようにそのうち慣れていくでしょう。サイトを一通り見ておこうと眺めていると、消えてから出るはずの文字群がはじめっから出てる。過去にも似たような状況があり、なんだったかなと悩むも思い出せず。まずは、状況確認と開発ツールから見てみるとPタグにクラス指定がされている。そこでピンと来た。gsapの効果をつけるために、functionsでコードを書き変えていたハズと。見てみると、class=”wp-block-paragraph”がない。付け加えると無事に元にもどった。

function the_content_after_filter( $content ) {
  $content = str_replace( '<h2 class="wp-block-heading">', '<div class="hiddenArea"><div class="mask"></div><h2  class="moveTargets">', $content );
  $content = str_replace( '</h2>', '</h2></div>', $content );
  $content = str_replace( '<h3 class="wp-block-heading">', '<div class="hiddenArea"><div class="mask"></div><h3  class="moveTargets">', $content );
  $content = str_replace( '</h3>', '</h3></div>', $content );
  $content = str_replace( '<p class="wp-block-paragraph">', '<p class="wp-block-paragraph opacityTargets">', $content );
  $content = str_replace( 'figure class="opacityTargets"', 'figure class="opacityTargets" class="opacityTargets"', $content );
  $content = str_replace( '<div class="hcb_wrap">', '<div class="hcb_wrap opacityTargets">', $content );
  $pattern = '/<iframe[^>]+src="[^"]+youtube\.com[^"]+"[^>]*><\/iframe>/i';
  $content = preg_replace($pattern, '<div class="opacityTargets">$0</div>', $content);

  return $content;
}
add_filter('the_content', 'the_content_after_filter', 10);

以前もメジャー更新で似たような状況に陥った記憶がある。久々に触るコードは思い出すまでが一苦労だ。

コメント