BlognPlus v2.6.x 携帯用スキンの設定方法

BlognPlus v2.5.6 以前のバージョンでは、/skin/ ディレクトリに「iskin.html」という携帯端末用スキンを入れておくだけで、携帯からのアクセス時には勝手に携帯用スキンが適用されていました。

しかし BlognPlus v2.6.0 からは仕様がかなり変わっており、初期状態では携帯からアクセスしても携帯用スキンが適用されません。
今までに比べちょっと分かりにくいので、携帯用スキンの設定方法を解説したいと思います。

まず携帯用スキンを用意してください。
旧バージョンから使っていた「iskin.html」が使えます。もしくは BlognPlus には携帯用新スキン「mobile.html」が同梱されているので、それを使いましょう。

BlognPlus の管理画面に入り、「スキン追加/編集」から携帯用スキンを追加しましょう。
v2.6.0 からは「HTMLファイル」のみの追加もできます。

スキン追加

携帯用スキンを登録したら「表示スキン設定」に入り、「携帯端末系スキン設定」画面に移動しましょう。

携帯端末系スキン設定

ここで以下の設定をします。

  • 追加する携帯端末の名前 - 管理用に分かりやすい任意の名前
  • 追加する携帯端末の種類 - User Agent (下の表を参照)
  • 追加するスキンの種類 - 先ほど登録した携帯用スキンを選択する
  • 表示可能な画像の種類 - 下の表を参照
  User Agent gif png jpg
Docomo docomo ×
KDDI kddi
SoftBank softbank
Vodafone vodafone
J-PHONE j-phone ×

User Agent を複数指定したい場合は、半角パイプ「|」で User Agent を区切ってください。

例えばスキン一枚で全キャリアに対応したい場合は、「追加する携帯端末の種類(User Agent)」欄を「docomo|kddi|softbank|vodafone|j-phone」にしましょう。

スキン一覧

キャリアによって解釈できる HTML、CSS への対応度、表示可能な画像の種類など色々と違いがあります。
もしスキンを自作する時はその辺も考慮しましょう。

| BlognPlus について::バージョン情報 | 2009-05-09 | comments (2) | trackback (0) |


評価

この記事の平均評価: (3人)

記事を評価してください(★1つ=悪い、★5つ=良い)


コメント

v.2.6.3で表示スキン設定では

「携帯端末の名前、または携帯端末の種類が正しく記載されていません」

となり、設定できませんが、どうしたらよいでしょうか?

| Boo | URL | 2010-11-19 05:52 PM | iiVvUGqQ |

それだけの情報ではちょっと分からないので、公式コミュニティの方で質問してください。

| CJ | URL | 2010-11-20 09:42 PM | JBEW/VXA |



トラックバック

| PAGE TOP |

サイト内検索

スポンサード リンク

カテゴリー

人気記事

  1. Terapad で文字コードの確認
  2. PHP情報について知る: phpinfo()
  3. 2007年1月8日~14日の更新情報
  4. ユーザーIDとパスワードを忘れてしまいログイン出来ません
  5. アクセス制限が機能しない(Text版)
  6. モジュールの更新情報(6月前半)
  7. land.to で文字化けする
  8. 日付の曜日を日本語にしたい
  9. BlognPlus とコメントスパム
  10. 予約投稿に関するバグ(Text版)
  11. 人気記事ランキング作成モジュール
  12. BlognPlus をバージョンアップしたら Fatal Error
  13. Terapad のおすすめ設定
  14. 携帯電話からの記事投稿に失敗する
  15. Loco-net.org
  16. BlognPlus がバージョンアップ
  17. BlognPlus RSSReader Plugin
  18. CGI 版 PHP でインストール出来ません
  19. 表示モード別分岐タグ
  20. SK-View (スキンプレビューツール)

POWERED BY

BLOGNPLUS(ぶろぐん+)