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. RSS/Atom 生成モジュール
  2. BlognPlus とコメントスパム
  3. 2カラム(左サイドバー)
  4. フラッシュカレンダー実験中(続報)
  5. Terapad で文字コードの確認
  6. Windows Live Writer 設定編
  7. 2007年1月22日~28日の更新情報
  8. ブログのレイアウトを少し変更
  9. 絵文字を追加したい
  10. カルカン(カウンター)
  11. 「コメントスパム対策モジュール ver3.00」テスト続報
  12. BlognPlus バージョンアップの前に
  13. 携帯からの画像表示テスト
  14. Zonu (アマゾンアソシエイト支援ツール)
  15. 表示モード別分岐タグ
  16. Captcha (キャプチャ)
  17. 移動コンテナボックスモジュール
  18. OnThisDay for BlognPlus
  19. PHP情報について知る: phpinfo()
  20. 移るんです

POWERED BY

BLOGNPLUS(ぶろぐん+)