WordPress、Lineアプリ内ブラウザの時の条件分岐

WordPress、Lineアプリ内ブラウザの時の条件分岐

IEとLINEアプリ内ブラウザ、FirefoxとGoogleChomeとSafariで条件分岐する必要があった。
CSSのdisplay:box;が使えなかったためだ。

つまったのがLINEアプリ内ブラウザだ。
ユーザーエージェントは分かるが内容が変わってしまう。
ググってみつけた方法で成功した。

その方法は、ユーザーエージェントの文言の中に『Line』という記述があるので、その記述を含んでいた場合、LINEアプリ内ブラウザと判別する。

【例】LINEのユーザーエージェント(2017/05/30時点)

Mozilla/5.0 (iPhone; CPU iPhone OS 10_3_2 like Mac OS X) AppleWebKit/603.2.4 (KHTML, like Gecko) Mobile/14F89 Safari Line/7.3.3

1.functions.phpに以下のものを書く

2.条件分岐を行い箇所のに以下のものを書く

アバター
ME

この方法を知っておくと、他のユーザーエージェントの場合でも対応できるから良いですよ♪

WordPress 条件分岐|wp_is_mobile()でPCとスマホで表示内容を変更