• ベストアンサー

apple-touch-icon.png

ソース内に <link rel="icon" href="/icon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> としたのですが apple-touch-icon.pngというのは、どうやってアップロードすればいいのでしょうか? 現在は上記のコードをソース内に書いてるだけです。 apple-touch-icon.pngがどこにあるのかわかりません。

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • celtis
  • ベストアンサー率70% (2256/3189)
回答No.1

ルートディレクトリにそのまま置いておくだけで大丈夫だと思います。 http://www.tagindex.com/html5/page/link_webclip.html http://hapisupu.com/2015/08/iphone-android-web-clip-icon-apple-touch-icon-png/

jdofdntat
質問者

お礼

ご回答ありがとうございました。

関連するQ&A

  • faviconが表示されません

    質問させていただきます、よろしくお願い致します 件名の通り、設定したfaviconが表示されません ファイルには、以下のソースを<head>タグ内に記述していあります <link rel="shortcut icon" href="./favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="./favicon.ico" type="image/vnd.microsoft.icon" /> クロームで見たとき、ローカルでは表示されましたが、 サーバーにアップロードすると表示されなくなりました。 アップロードしたソースを表示して、そこのアドレスからfavicon.icoに飛ぶと表示されるので、リンク切れではないと思います。 IEでは、ローカルでもアップロードした場合でも表示されません。 よろしくお願い致します。

  • wordpressのタグについて

    ワードプレスの教科書の本に沿って勉強しているのですが、さっそく躓いてしまいました。。 よろしくお願いいたします。 テーマ作成で、プライムストラテジーのサイトからpacificという練習用テーマをダウンロードし、 xamppでローカル開発環境を準備した中に入れ、ソースをwpテンプレートタグに置き換えを行っているのですが、cssファイルの置き換えは問題ないのですが、テーマファイルディレクトリの置き換えがうまくできません。。 たとえば、cssは、 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />    ↓↓↓ <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wordpress/wp-content/themes/pacific/style.css" /> で、ちゃんと表示されている。 テーマファイルディレクトリは、 href="<?php bloginfo('templete_url'); ?>/images/touch-icon.png"    ↓↓↓ href="wp/images/touch-icon.png" ソースの一部↓ ----------------------------------------------------------- <!DOCTYPE HTML> <html dir="ltr" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>title</title> <link rel="apple-touch-icon" href="wp/images/touch-icon.png" /> <link rel="shortcut icon" href="wp/images/favicon.ico" /> <link rel="stylesheet" type="text/css" media="all" href="http://localhost/wordpress/wp-content/themes/pacific/style.css" /> ・・・ ----------------------------------------------------------- <?php bloginfo('templete_url'); ?>の部分は、wp とだけ表示されてしまうのですが、 http://localhost/wordpress/wp-content/themes/pacific と表示させたいのですが、 この部分はどこを参照しているのでしょうか。 (どこを修正したら、ちゃんと出るようになりますでしょうか。) 不足している情報があれば追加しますので、わかる方がいらっしゃいましたらご教示いただけますと幸いです。 どうぞよろしくお願いいたします。

  • お気に入りアイコン(favarite icon)が表示されません。

    お気に入りアイコン(favarite icon)が表示されません。 <head>~</head>間に下を入れました。 <LINK rel=\"shortcut icon\" href=\"xxxxx.ico\"> しかし、インターネットエクスプローラ6.0.28で表示されません。アイコンは、アイコン・エディタで作成しました。 どこに不具合があるのでしょうか?ご教示ねがいます。

    • ベストアンサー
    • HTML
  • teacupブログのFavicon設置方法

    http://moon.ap.teacup.com/turubhe/561.html このサイトで色々ためしてみたのですが [プロバイダで無料で借りているホームページスペースに、 Faviconをアップドーロし、FaviconのURLをHTMLコードに記述します。 <link rel="shortcut icon" href="アップロード先のURL(favicon.icoの方)" /> このHTMLコードをAUTOPageの設定画面デザインの変更から、 トップページ編集で</HEAD>の前あたりに貼りつけ...] というところがわかりません; ・アップロード=画像保存? ・HTMLコードは<link rel="shortcut icon" href="アップロード先のURL(favicon.icoの方)" /> ? ・↑のアップロード先のURLとは画像のこと? ・</HEAD>とは・・? といった所がどうしてもわかりません・・´` もし説明できたらおねがいしますmm

  • ファビコンについて

    一般的にファビコンは以下のようなソースで貼り付けますが <link rel="shortcut icon" href="http://*****.**/favicon.Ico"> これだと認識しないブラウザがあります。特にInternet Explorer 6あたりはそうなのですが、その中でも必ず表示されて、残るファビコンがあります。 そのホームページのソースを見ると、上記のような記述がありません。 いったいそのサイトは、どのようにしてファビコンを認識させているのでしょうか?

  • ページにアイコン スマホ 表示されない

    自分でHPを作っているのですが ソースを <link rel="shortcut icon" href="http://○○/icon.ico"> にして、ページにアイコンを付けたのに、そのサイトをスマホで表示させても アイコンが表示されません。 パソコン上で見ると指定したアイコンが表示されます。 私の持っているスマホでは無理なのでしょうか?

    • ベストアンサー
    • HTML
  • IEだけファビコンが表示されません

    IEとwindowsのデスクトップ上とネクサス5のお気に入り上だけファビコンが表示されません。 下記であっていますよね。 キャッシュも履歴も削除して再起動しても出てきません。 ファビコンのフルパスを入れるともちろんアイコンが表示されます。 ほかに原因はありうるのでしょうか? <!--favicon--> <link rel="shortcut icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon" />

    • ベストアンサー
    • CSS
  • ファビコン

    ファビコンを設置しましたがうまくいきません。 専用ソフトで作成。 indexと同じ所にアップロード。 indexに<LINK REL="SHORTCUT ICON" href="favicon.ico">と入力。 と、やってみましたが出来ませんでした。 フレームのあるサイトです。 設置方法の間違いを教えて下さい。

  • 元々あるファビコンが消えない

    ファビコンを設置しようと以下のタグをメタタグの近辺に貼り付けました。 <link rel="icon" href="favicon.ico" type="http://hoge.jp/images/favicon.ico" /> <link rel="shortcut icon" href="favicon.ico" type="http://hoge.jp/images/favicon.ico" /> もちろんファビコン自体もアップしています。 添付の画像のように元々犬の足跡のようなファビコンが張り付いています。 消えるかと思ったら消えません。 記述を見たところ、それらしき記述は見当たらりません。  このマークは、確かどこかのサーバーマークではないでしょうか? どうしたら、これを削除し、新しいファビコンを設置できるのでしょうか?

    • ベストアンサー
    • HTML
  • アイコンが表示されない!

    5ミリ角の画面でpngのアイコンを作成し、変換ツールでfavicon.icoを作成し、***フォルダに保存しました。 その後、 <title>○○○○○</title> <link rel="shortcut icon" href="***/favicon.ico" type="image/vnd.microsoft.icon"> と記述したのですがアイコンが表示されません。 ***にfavicon.icoが存在することは確認済みです。 ブラウザはIE6、IE8の2台です。 どうして表示されないのでしょうか? 宜しくご指導願います。