専用ページを開設しました。最新情報はadiary専用iPhoneテーマ「Hitoxu iPhone Style」からどうぞ
ブログツール「adiary」専用のテーマ「Hitoxu iPhone Style」を公開します。
■ ご注意と機能制限
- 「Hitoxu iPhone Style」は、パソコン用サイトをクライアントの解像度で判断し、iPhoneならばCSSを切り替えて読み込みます。このため、サイドバーがうまく表示できないため、非表示としています。
- 現在ご利用中のテーマファイルに影響は与えません。そのままご利用いただけます。
- 「_frame.html」ファイルを編集する必要があります。携帯電話エリアにテーマファイルを設定します。
■ ダウンロード
iPhoneStyle1.0.zip（Ver1.0は配布を終了しています。最新版をご利用ください。）
■ 設置方法
- 「Hitoxu iPhone Style」をダウンロード・解凍します。
- FTPクライアントで、「/theme/_phone」ディレクトリの中に、「_iphone」ディレクトリをファイルの中身ごとアップロードします。
- FTPクライアントで、「/diary.user.skel/」ディレクトリの中に、「_frame.html」があればクライアントパソコンにダウンロードをし、5番に進んでください。
- 3のファイルが無ければ、FTPクライアントで、「/diary.skel/」ディレクトリの中の、「_frame.html」をクライアントパソコンにダウンロードします。
- テキストエディタで「_frame.html」を開きます。
- 14行目付近の以下の2行を削除します。
<@v.add_header2> <link type="text/css" rel="stylesheet" media="all" href="<@Basepath><@v.template_dir><@v.theme>/<@v.theme>.css" id="theme" title="Default">
- 削除した箇所に以下を貼り付けます。
<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 481px)" href="<@Basepath><@v.template_dir><@v.theme>/<@v.theme>.css" /> <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="<@Basepath><@v.phone_template_dir>_iphone/iphone.css" /> <!--[if IE]><link rel="stylesheet" type="text/css" media="screen" href="<@Basepath><@v.template_dir><@v.theme>/<@v.theme>.css" /><![endif]--> <meta name="viewport" content="width=480, initial-scale=1.0, maximum-scale=0.6667, user-scalable=no /"> <@v.add_header2> <!-- <link type="text/css" rel="stylesheet" media="all" href="<@Basepath><@v.template_dir><@v.theme>/<@v.theme>.css" id="theme" title="Default"> -->
- 「_frame.html」を上書き保存します。
- FTPクライアントで、「/diary.user.skel/」ディレクトリの中に、「_frame.html」を上書きアップロードします。
- iPhoneでアクセスしてみて正常に表示するかご確認ください。
■ ライセンス
無料でご利用いただけます。ご自由に改変いただいて結構です。再配布もご自由にどうぞ。
■ 免責事項
作業を始める前にバックアップを取るようにしてください。
本説明およびテーマを導入することにより発生した事象について、ひとぅおよび本ブログは一切の責任を負いません。
