■ユーザーズフォーラム リニューアルのお知らせ
新規投稿は新ユーザーズフォーラムにお願いします。

アップルタッチアイコンの設定

kota > アップルタッチアイコンの設定 @ 2015/11/26 15:24
初めまして、php初心者です。

basercmsでのアップルタッチアイコンの設定方法が分からず、
検索しても見つけることができなかったので、こちらで質問させていただきました。

/app/webroot/のfavicon.icoと同じ位置に画像をアップロードし、
headタグ内に
<link rel="apple-touch-icon" href="/xxxxxxxxxx.png"/>

を書いてみたのですが、上手くいきませんでした。

設定方法を教えて頂けますでしょうか。
どうぞよろしくお願いします。

■ BaserCMSのバージョン :3.0.7
■ レンタルサーバー名: Xサーバー
■ スマートURLの利用: [ON]
■ 設置フォルダ: [ドキュメントルート]
■ 利用しているデータベース: [SQLite]

tecking > Re: アップルタッチアイコンの設定 @ 2015/11/28 22:36
kotaさん

コードは間違っていないようですが、下記の2つも試してみてはどうでしょう?

アイコンファイル名を foobar.png とした場合

1. アイコンファイルの位置はそのままで

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

2. アイコンファイルを /app/webroot/theme/{お使いのテーマディレクトリ}/img 内に置いた上で

<link rel="apple-touch-icon" href="<?php $this->BcBaser->themeUrl() ?>img/foobar.png" />


稼働中のサイトを http://example.com とした場合

1 … http://example.com/foobar.png
2 … http://example.com/{お使いのテーマディレクトリ}/img/foobar.png

で画像が表示されるはずなので、うまく出てこないならアイコンファイルそのものに問題がある可能性もありますね。
kota > Re: アップルタッチアイコンの設定 @ 2015/12/2 21:20
teckingさん

教えて頂いてありがとうございます!!
お返事が遅くなって本当に申し訳ございません。

教えて頂いた1と2をそれぞれ試してみたところ、
両方とも画像の表示はされたのですが、スマートフォンからホーム画面に保存するとその画像のアイコンにはなりませんでした。

スマートフォン側のキャッシュやクッキーの削除をしたのですがダメでした。

また色々と試してみます。
本当にありがとうございます!

■ BaserCMSのバージョン :3.0.7
■ レンタルサーバー名: Xサーバー
■ スマートURLの利用: [ON]
■ 設置フォルダ: [ドキュメントルート]
■ 利用しているデータベース: [SQLite]

sam > Re: アップルタッチアイコンの設定 @ 2015/12/2 23:09
僕は画像のようにしています。

アンドロイドもiphone4(古い)のもちゃんと表示されています。

どのページもホーム画面に設定したら。同じものが表示されます。

スマホを再起動したらどうですか?

間違っていたらすみません

リンクは貼っていません。。そのままアップしているだけです

■ BaserCMSのバージョン:3.0.15
■ レンタルサーバー名:ロリポップ
■ スマートURLの利用: [ON ]
■ 設置フォルダ: [ドキュメントルート / メインフォルダ]
■ 利用しているデータベ

ログイン
ユーザー名:
パスワード:


  新規登録 / パスワード紛失

検索

facebook
フォーラムで悩みが解決した場合など、よかったら「いいね!」をポチっとクリックしてください!質問の回答者や開発者の励みになります

フォーラムガイド


関連リンク

オンライン状況
22 人のユーザが現在オンラインです。 (22 人のユーザが フォーラム を参照しています。)

登録ユーザ: 0
ゲスト: 22