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. PHP情報について知る: phpinfo()
  2. 移動コンテナボックスモジュール
  3. コメント機能
  4. トラックバックにサイトのサムネイルを表示する改造
  5. 携帯からの画像表示テスト
  6. タグをそのまま表示させたい
  7. Terapad で文字コードの確認
  8. プロフィール覧にユーザー名が表示されない
  9. BlognPlus バージョンアップの前に
  10. タイトルナビ
  11. カルカン(カウンター)
  12. 新規投稿すると記事IDが「1」になってしまう(TEXT版)
  13. コメントが投稿出来ない
  14. RSS/Atom 生成モジュール
  15. プルダウンメニュー化モジュール
  16. フラッシュカレンダー実験中(続報)
  17. てるてるブログ
  18. 2カラム(左サイドバー)
  19. 表示モード別分岐タグ
  20. BlognPlus v2.3.2

POWERED BY

BLOGNPLUS(ぶろぐん+)