チェックボックスのlabelタグの内側をdivタグで囲みたい

※メールでお問合せいただきましたので、内容を下記に転載いたします。

Q.疑似要素を使用したいため、<span>の外側をさらに<div>タグで囲みたい

A.カテゴリ/タームの各チェックボックスのHTML生成時に差し込まれるフィルターフック feas_term_checkbox_html を使用して以下のように記述してください。

function wrap_checkbox_div( $html, $args ) {

  $formNo = $args['manag_no'];
  $itemNo = $args['number'];
  $cnt    = $args['cnt'];
  $depth  = $args['depth'];

  if ( 2 === $formNo && 3 === $itemNo && 1 === $depth && 0 === $cnt ) {

    $pattern = '/(.*)<span>(.*)<\/span>(.*)/';
    preg_match( $pattern, $html, $result );

    $html = $result[1] . '<div><span>' . $result[2] . '</span></div>' . $result[3];
  }

  return $html;
}
add_filter( 'feas_term_checkbox_html', 'wrap_checkbox_div', 10, 2 );

上記のように記述いただければ、

• フォームID=2の検索フォームの
• 4つ目の検索項目の
• 第一階層の
• 最初のカテゴリ/タームのチェックボックス

の<span>タグの外側を<div>で囲むことができます。
必要に応じてif文の条件を省略/変更してください。

引数に渡される $html には<label>タグ以下のブロックで渡されますので、そのさらに内側の<span>タグを直接加工することはできません。この場合は正規表現で<span>タグ部分の内側と外側に分け、<div>タグを追加して再統合し、返しています。

FirstElement 宮澤