OwLさんのチョメチョメ

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

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

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ワードプレスブログとinstagram連携したった。ワードプレスでインスタのギャラリー表示。

最近めっきり涼しなってきましたねー!もう長袖いけるわー。 ブログ書いたりTwitterしたりInstagramしたりで手元がワラワラするから、 Instagramとこのブログ連携したった。 やて、イン …

LINE@のページ作成!5秒でできた!

LINE@のアカウント・ページ作成しました。 2月12日から「LINE@」のアカウント取得および情報発信・管理ができるって話を聞いたので、 OwLさんのチョメチョメのLINE@アカウント作りました。 …