web制作 上谷亮太

wordpressのstrongを任意のspanクラスに変更する8行のphp

wordpressのビジュアルエディタの上にある「B」ボタン。

wordpressのstrongを任意のspanクラスに変更するTips

これを押すと、太字になります。

が、

<strong>太字</strong>

と出力されてしまいます。むやみにstrongを入れまくるとSEO的によろしくないので、別のものに変えたい。

そんなやり方を解説します。

ゴールはspan.strong

ゴールは、

<span class="strong">太字</span>

を目指します。span.strongはcssでblodを指定しましょう。

span.classに変えるソース

で、答えのソースです。

答えに近いソースをこちらの方が解説していましたので、そちらを少し改造しました。

ソース

function.phpに以下のソースを加えましょう。


function modify_formats($settings){
$formats = array(
'bold' => array('inline' => 'span','classes' => 'strong'),
);
$settings['formats'] = json_encode( $formats );
return $settings;
}
add_filter('tiny_mce_before_init', 'modify_formats');

strongの部分を変更すれば任意のクラスになります。

boldの部分に、classesを追加しただけです。これで、「B」ボタンを押した時、strongではなく、span.strongになります。

なお、ショートカットキーでもspan.strongが出力されます。ちょっとだけ便利になりました!