jQueryを使ってWordPress内の特定のタグの書き換え

WordPressをメンテナンスをするときにタグを書き換える必要が出てきたので色々調べてみたのでその時の忘備録

今回はh1タグをh2タグに書き換えると言う必要性が出てきた

templateはchiled化しており親のテンプレートを変更できない

親添付テートだけなら一括置換ソフトでとも思ったのだが後々のメンテ(戻せと言われた時)を考えると物理的に書き換えるのは

大変そうだし子テンプレートにindex.php,front-page.phpなどの各ページをコピーしなくてはならず

もっとスマートな形で変更できるかを探してみたら見つけました。
//9-bb.com/jquery%E3%82%92%E3%81%A4%E3%81%8B%E3%81%A3%E3%81%A6%E3%80%81%E4%B8%AD%E8%BA%AB%E3%81%AF%E3%81%9D%E3%81%AE%E3%81%BE%E3%81%BE%E3%81%A7html%E3%82%BF%E3%82%B0%E3%82%92%E6%9B%B8%E3%81%8D%E6%8F%9B%E3%81%88/

ここからコードを拝借してWordpress用にカプセル化してh1→pをh1→h2に変更

<script type="text/javascript">jQuery.noConflict();(function($) {//カプセル化$('h1').replaceWith(function() { var tag_class = $(this).attr("class"); var tag_id = $(this).attr("id");
 if ( tag_class == null) { var tag_class_plus =[]; } else { var tag_class_plus = 'class="'+tag_class+'"'; } if ( tag_id == null ) { var tag_id_plus =[]; } else { var tag_id_plus = 'id="'+tag_id+'"'; } $(this).replaceWith('<h2 '+tag_id_plus+' '+tag_class_plus+'>'+$(this).html()+'</h2>');});//カプセル化END})(jQuery);</script>