ID #1167

ホームアイコンを設定するにはどうすればいいですか?

ホームアイコンの設定方法です。
下記をご参考の上、設定してみてください。


■base.tmpl
・「{/head}」の前に下記のタグを挿入
・「content="NAME"」の「NAME」にはホームスクリーンで表示する名前(長過ぎない方がベター)
・4種類のアイコンを作成してリソースファイルに含める(すでにアップされている場合はアイコンの「href」に該当するURLを記述)
 サイズは属性を参照してください(ノーマルは57x57)


        <meta name="apple-mobile-web-app-title" content="NAME">

        <link rel="apple-touch-icon-precomposed" href="{config.configDir}img/touch-icon-iphone.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{config.configDir}img/touch-icon-ipad.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{config.configDir}img/touch-icon-iphone4.png">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{config.configDir}img/touch-icon-ipad2.png">



■バブルを表示させたいtmpl(トップページなど)
・「add2home.css」「add2home.js」をリソースに含める。
・下記のタグを記述


<!-- add2home -->
<link rel="stylesheet" href="{config.configDir}css/add2home.css">
<script type="text/javascript">
var addToHomeConfig = {
        animationIn: 'bubble',
        animationOut: 'drop',
        lifespan:20000,
        expire:2,
        touchIcon:true
};
</script>
<script type="text/javascript" src="{config.configDir}js/add2home.js" charset="utf-8"></script>
 

添付ファイル: add2home.css, add2home.js

タグ: -

関連エントリー:

この FAQ にコメントする