日々の喜びがメインなぼやきコンテンツを20代30代のビジネスマンに。

OwLさんのチョメチョメ

wordpress

ホームアイコン設置

久しぶりにコードの記述やると忘れてたので、
覚書:ホームアイコン
  1. ファイル形式はPNG
  2. サイズは114px ×114px
  3. ファイル名は任意(仮でhomeicon.png)
  4. ディレクトリ・保存場所も任意(僕はheaderのある階層に"img"フォルダを作ってその中にhomeicon.png入れてます。)

サイズ
厳密には端末ごとにアイコンサイズ違うけど、
端末側で勝手にリサイズされる。
ファイルサイズ・端末にこだわりなけりゃ114px 以上で。
僕はもうメンドクサイから150px
気になる方は勝手に調べてね笑。

iOSは自動で角丸処理と光沢追加される。
光沢の回避は可能です。(下記)

コードの記述
<link rel="apple-touch-icon" href="画像パス" />
<link rel="apple-touch-icon-precomposed" href="画像パス" /> (光沢の回避)

<title>~~~~~</title>の下に。

画像パスのとこは絶対パスでも、相対パスでももちろんオゥケー。
href="http*******/img/homeicon.png"
href="img/homeicon.png"

WordPressなら、
href="<?php echo get_template_directory_uri(); ?>/img/homeicon.png"子テーマ使ってる場合
親テーマが絡むのでややこしい。絶対パスが無難。

プラグインのWPtouch使ってる場合
ダッシュボードの左下の設定からアップロードするだけ。

広告

-wordpress

Copyright© OwLさんのチョメチョメ , 2024 All Rights Reserved Powered by AFFINGER5.