adiary専用iPhoneテーマ「Hitoxu iPhone Style」を公開します。

この記事がおもしろかったらシェアしてね

専用ページを開設しました。最新情報はadiary専用iPhoneテーマ「Hitoxu iPhone Style」からどうぞ

ブログツール「adiary」専用のテーマ「Hitoxu iPhone Style」を公開します。

スポンサーリンク

ご案内

「Hitoxu iPhone Style」は、iPhoneの表示に最適表示されるよう設計されたadiary専用テーマです。

ご注意と機能制限

  • 「Hitoxu iPhone Style」は、パソコン用サイトをクライアントの解像度で判断し、iPhoneならばCSSを切り替えて読み込みます。このため、サイドバーがうまく表示できないため、非表示としています。
  • 現在ご利用中のテーマファイルに影響は与えません。そのままご利用いただけます。
  • 「_frame.html」ファイルを編集する必要があります。携帯電話エリアにテーマファイルを設定します。

ダウンロード

設置方法

  1. 「Hitoxu iPhone Style」をダウンロード・解凍します。
  2. FTPクライアントで、「/theme/_phone」ディレクトリの中に、「_iphone」ディレクトリをファイルの中身ごとアップロードします。
  3. FTPクライアントで、「/diary.user.skel/」ディレクトリの中に、「_frame.html」があればクライアントパソコンにダウンロードをし、5番に進んでください。
  4. 3のファイルが無ければ、FTPクライアントで、「/diary.skel/」ディレクトリの中の、「_frame.html」をクライアントパソコンにダウンロードします。
  5. テキストエディタで「_frame.html」を開きます。
  6. 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">
    
  7. 削除した箇所に以下を貼り付けます。
    <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">
    -->
    
  8. 「_frame.html」を上書き保存します。
  9. FTPクライアントで、「/diary.user.skel/」ディレクトリの中に、「_frame.html」を上書きアップロードします。
  10. iPhoneでアクセスしてみて正常に表示するかご確認ください。

ライセンス

無料でご利用いただけます。ご自由に改変いただいて結構です。再配布もご自由にどうぞ。

免責事項

作業を始める前にバックアップを取るようにしてください。
本説明およびテーマを導入することにより発生した事象について、ひとぅおよび本ブログは一切の責任を負いません。

スポンサーリンク
NO IMAGE
この記事をお届けした
ひとぅブログの最新ニュース情報を、
いいねしてチェックしよう!

この記事がおもしろかったらシェアしてね

ひとぅに興味を持った方はフォローしてね

関連記事

この記事に関連するオススメ


コメント

  1. ひとぅブログ より:

    adiary専用iPhoneテーマ「Hitoxu iPhone Style」が早くもバージョンアップ!

Highslide for Wordpress Plugin