WordpressのプラグインWP Maintenance ModeでPC版とスマホ版のページの表示を変える

Question

いつもお世話になっております。

現在wordpressでサイトWebページの作成を行っています。
サイト編集時に工事中（メンテナンス中）の表示ができるwordpress用プラグイン「WP Maintenance Mode」についてですが、このページをスマートフォンとWeb版で違う画像の背景を用いたいと考えております。

この場合、プラグインのphpで分岐させて表示させるような形になると思うのですが、どの部分を編集すればよいか分からずこちらに質問させていただきました。　

ご存知の方ご教示いただけますと幸いです。
よろしくお願いいたします。

Answer 1

「WP Maintenance Mode」が出力するヘッダに追記できるようでしたので、
functions.phpに以下のようにCSSを出力するように追記、
メディアクエリで分岐させて .background の背景を差し替えれば、目的の挙動になるかと思います。
試してみてください。

add_action('wpmm_head', 'wpmm_custom_css');
function wpmm_custom_css(){
echo '<style>
@media (min-width: 576px) {
.background { background: url(PC用の背景画像のURL) no-repeat center top fixed; background-size: cover; }
}
       </style>';
}

こちらを参考にしました。
https://wordpress.org/support/topic/how-to-add-custom-css-2/

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。
返信が遅くなり申し訳ありません。

ご教示いただいた方法で無事解決いたしました。
また、何かありました際にご教示いただけますと幸いです。