スマホブラウザ

Web


Warning: Attempt to read property "site_name" on bool in /home/goodhokkaido/sixwheel.net/public_html/muguruma/wp/wp-content/themes/frame/functions.php on line 208

Warning: Attempt to read property "title" on bool in /home/goodhokkaido/sixwheel.net/public_html/muguruma/wp/wp-content/themes/frame/functions.php on line 211

Warning: Attempt to read property "description" on bool in /home/goodhokkaido/sixwheel.net/public_html/muguruma/wp/wp-content/themes/frame/functions.php on line 217

Warning: Attempt to read property "site_name" on bool in /home/goodhokkaido/sixwheel.net/public_html/muguruma/wp/wp-content/themes/frame/functions.php on line 208

Warning: Attempt to read property "title" on bool in /home/goodhokkaido/sixwheel.net/public_html/muguruma/wp/wp-content/themes/frame/functions.php on line 211

Warning: Attempt to read property "description" on bool in /home/goodhokkaido/sixwheel.net/public_html/muguruma/wp/wp-content/themes/frame/functions.php on line 217

.webmanifestでスマホブラウザの外縁色を指定

WordPress案件を構築している中で発見があったので、メモ。内容はWordPressと関係ないかも。とある案件を構築している中で、BraveLighthouseを使って、改善点を指摘してもらっていました。全部が全部対応できる訳ではないので、なるべく対応する形をとっています。その際、.webmanifestを使ってアイコンの指定をしたので、その他の設定もすることに。そして、スマホの実機チェックをしていて変化に気づきました。あっ、ブラウザの外の色が変わっていると。そして、思い出したのが、.webmanifesttheme_colorを設定したことでした。そうか、こうなるのか。これはいいかも。.webmanifestの詳しい説明はこちらをご覧ください。

{
~
"theme_color":"#000",
~
}

コメント