カレンダーはだいぶ前に進みましたが、新しい壁が(かいけつ)

http://wordpress.org/extend/plugins/google-calendar-events/installation/

いろいろ試した結果、
これに決定。

これはウィジェットだけでなく記事にも固定ページにもカレンダーを表示できる。有名プラグインの一つだった。

そして、見た目のカスタマイズが自由にできるので、まるでGoogleカレンダーとは思えない見た目に作ることができた。サイトのデザインに溶け込んだ。

なおかつ今回の使用方法はグリッドではなくリスト。なので、Googleだと、イベント名をクリックすると詳細がパカッと表れる。それと同じうごきをjQueryで加えて、完成。


…ok待ちだけど。
…okでました。


でも、スマートフォン版には、見えないはずのリストの丸印が出てる。ソースをみたら、なんかリストのタグが順番通りじゃないかんじ…?

いくらcssいじっても消えない。プラグインの設定画面では編集できない、日付のところに丸印が出ているような気がする。他のところでちょっと調整すべき? うわーどこさわるの???

うわー今夜もトンネル。
れっつごう!


===============
1時間後
消えた。

.gce-page-list .gce-list liのスタイルをnoneにすればいい。

タグを自動で書きだしてくれると思われるgce-parsar.phpを見て気づいたので、そのとおりにスタイルを指定。これで、スマホとiPadだけになぜか出ていた日付の左横の丸印がなくなった。やったー。


では次は、小さなボックスの中に隠した大きな画像をスクロールできるようにする効果をiPhone以外のスマホでも動かせるようにする課題に戻ろう。

Comments

Popular posts from this blog

RME FireFace UCX 基本の使い方メモ

いいもんみっけた! バークリー音大が無料で提供している音素材

文字通り、翻訳の原点