質問: WordpressのPCサイトで、通常サイズが16pxのところにTinyMCEプラグインを使用して24pxに強調表示して投稿していました。 スマホサイトを後から作成したのですが、通常のテキストサイズが32pxとなっているため強調表示した文字の大きさが小さく見えてしまいます。 これをPCサイトと同じようにフォントサイズの差を設ける方法としてemやremを使用する他に何かあるのでしょうか? 既に投稿された記事が多数あるため、これからem指定に切り替えるという方法は理想的ではありません。 よろしくお願い致します。
回答: TinyMCEを使って設定しているならfont-sizeの指定方法は一定だと思うので、スマホの場合のみ ``` $body = get_the_content(); $body = str_replace('font-size:24', 'font-size:48', $body); //指定に関しては実際のfont-sizeの指定を確認して合わせる必要があります。 ``` と一旦受け取って置換してしまえばいいかと思います。 PCとスマホの分け方にもよりますが「Multi Device Switcher」のようなプラグインを使用してPCとスマホのテーマが別ならスマホ用のテーマのfunction.phpに ``` function ch_sp_font_size($body){ $body = str_replace('font-size:24', 'font-size:48', $body); return $body; } add_filter('the_content', 'ch_sp_font_size'); ``` としてフックするのもいいと思います。