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

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/

行動規範の内容に同意します

回答1件

PHPで行う方法もあります

functions.php

php
1add_filter( 'body_class', 'add_class_names' );
2function add_class_names( $classes ) {
3  if ( strpos($_SERVER['HTTP_USER_AGENT'], 'iPad') !== false ) 
4    $classes[] = 'class-name';
5  return $classes;
6}