Wordpressでユーザーエージェントごと（特にiOS(iPad)）にbodyタグにclass名を付与したい

Question

Wordpressで、ユーザーエージェントごとのスタイルの切り分けをしたくて、bodyタグにclassを付与しようと思いましたがうまくいきません。
メディアクエリでブレイクポイントを決めてスタイル変更はできるのですが、iPadはPCと同じ表示になります。
ただ、そこを、iPad(iOS)だけ表示を操作したい部分があるので、bodyにclassを付与したいのです。
もしくは、任意の要素部分(id)にclassを追加したりできるとそれもありがたいです。
以下のように記載しましたが、javascriptに疎く、、。
詳しい方ご教示いただければ幸いです。
よろしくお願いいたします。

<script>
if (/android|ipod|ipad|iphone|macintosh/.test(ua) && 'ontouchend' in document) {
	document.getElementsByTagName("body")[0].setAttribute("class","ipad");
}
	else {
  document.getElementsByTagName("body")[0].setAttribute("class","pc");
}
</script>

参考にしたのはこちらです。
▼iPad SafariのuserAgentはiPadでないことに気づいていない人が多い
https://iwb.jp/ipad-safari-javascript-useragent-is-not-ipad/

Answer 1

PHPで行う方法もあります

functions.php

add_filter( 'body_class', 'add_class_names' );
function add_class_names( $classes ) {
  if ( strpos($_SERVER['HTTP_USER_AGENT'], 'iPad') !== false ) 
    $classes[] = 'class-name';
  return $classes;
}

USER_AGENTについては、もしかしたら上手く取得できない可能性もあるので、申し訳ないですが検証して願います。

Comments

[coconut55]

お返事が遅くなり、大変申し訳ございません。
早々のご回答ありがとうございました。
教えていただいた方法でも試してみましたが、「iOSだけ」の切り分けがうまくできず、、、。
残念ながら、そもそものデザイン設計のほうを見直しをすることになりました。