3 返信 最新の回答 日時: Sep 26, 2016 9:31 PM ユーザー:dai_dai

    スマホ用アイコンを設定する方法

    章次西41772505

      adobe muse でスマホ用のサイトを作成し、iphoneのホーム画面に追加を設定をしてもアイコンがカッコよくないので、自分でping形式で作成したのですが、そのあとどうように設定すれば作成したア イコンに切り替わるのでしょうか?

        • 1. Re: スマホ用アイコンを設定する方法
          Level 2

          1. [ファイル]>[アップロードするファイルを追加]でアイコンのpngファイルを追加します。(ファイル名は任意ですが、ここでは apple-touch-icon.png とします)

          2. ページを右クリックしてページプロパティを表示して、[メタデータ]のタブにある[<head> に挿入する HTML]に以下の内容を記載します。

          <link rel="apple-touch-icon" href="assets/apple-touch-icon.png" />

          • 2. Re: スマホ用アイコンを設定する方法
            章次西41772505 Level 1

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

            しかし、ご指示通りの手順でしてもアイコンは表示されず、トップページが画像として貼り付、しかも下のほうが何も映っていないような感じになります。iphone5だからダメとかあるのでしょ うか?

            • 3. Re: スマホ用アイコンを設定する方法
              Level 2

              iPhone5だと上手くいかないということはないと存じます。上手くいかない場合はapple-touch-icon.pngというファイル名(必ずこのファイル名にします)でアイコンを作 成していただき、別FTPソフトまたはレンタルサーバー会社のファイル管理画面でそのファイルをWebサイトのドキュメントルートディレクトリにアップしてみていただけますでしょうか。

               

              この場合の方法についてはMuseを使用しない方法ですが、方法につきましては、検索サイトで「iPhone ブックマーク アイコン 作成」で検索していただくと詳細が記載されている多くのサイトがございますので、そちらを参照していただければと存じます。