Qshu 4DN meeting
http://bbs.q4dn.net/

スタイル(mobile用)追加しました
http://bbs.q4dn.net/viewtopic.php?f=6&t=163
ページ 11

作成者:  shimix [ 2014年8月10日(日) 20:44 ]
記事の件名:  スタイル(mobile用)追加しました

Q4DNのTOPページ(http://Q4DN.net/)にPC/mobileの切り替えボタンを付けました。TOPページの見た目はタイトル画像のサイズとLINKS(他地域のミーティング掲示板のリンク)を縦並びにするかどうかだけの違いですが、mobileの状態のときは九州4DNミーティング掲示板のリンクでstyle=7を指定するようにしています。リンクでのstyle指定は一時的なもので、次回から(style指定がなければ)ユーザごとに設定したstyleが適用されます。

ちなみにこの掲示板(phpBB3)に導入済みのスタイルは

  1.prosilver
  2.subsilver2
  6.for4DN(デフォルト:左上にSRV250の画像があるヤツ)
  7.Artodia: Mobile & SEO

の4つです。PC用のスタイル(3種)にはmobile(style=7)への、mobile用のスタイルにはPC(for4DN:style=6)へのリンクボタンも追加しました。Q4DNのTOPへの戻り(右上のClib Q4DNの画像)のリンクも各々のモードに連動するようにしています。

なお、TOPページへの初回アクセス時はガラケー&スマートホンはmobileと判断するようにしています。2回目からは前回選択した状態(クッキーに記憶)を優先します。

ちなみにこのMobile用のスタイルは外国産なので詳細不明なんですが(こらこら)、どうもスマートホン向けのようです。動的なナビゲーションのためのJavaScriptが組み込まれているのでガラケーだと動かせない部分が多いかもしれません。

#キッチリ動作確認しないといけないんですが、あろうことか最近ガラケー関係の
#開発をしていないので私の手元にガラケーがありません(汗


それでも記事の読み書きくらいは大丈夫じゃなかろうかと淡い期待をしています。検証出来る方はテストしていただけると嬉しいです。いざとなったら、このスタイルをベースにJavaScript部分を削除して(動的ナビゲーションのうち、必要なものを静的にhtmlソースに展開した)テンプレートを作ればいいんですけどね(言うのは簡単だけどなぁ)。


ちなみにユーザーごとのスタイル設定は、ユーザーCPのユーザー設定画面にある「掲示板のスタイル」で変更出来ます。

ページ 11 All times are UTC + 9 hours(JST)
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/