何か小劇場に役立つwebアプリを作ろうとずっと考えているのですが、タイムテーブルのhtmlをGUIで入力した通りに作れるスクリプトをjQueryで書いてみました。
http://stage.ready.jp/timetable/
例）こんなテーブルのタグがかんたんに出来ます。
| 2/5 | 2/6 | 2/7 | |
|---|---|---|---|
| 14:00 | ○ | ||
| 18:00 | ○ | ||
| 19:00 | ○ | ○ |
できたhtmlはそのままタイムテーブルや、残席情報などに使えます。
構造はシンプルなもので、今はただhtmlを書き出すだけなので実用性はまだちょっと低いです。htmlが多少分かる人でないと使えないかもです。いずれはそのままブログに埋め込んだり、残席情報などを画像でツイッターにツイートできたりするようになったらいいなあ。
wordpressのテーマ内でajaxを使ってのページ遷移は、jQueryの.load()を使うと意外と簡単にできそうです。
$jQuery.load()を使えば、自分のサイト内のページの任意の箇所を非同期通信で読み込んで現在のページの任意の場所に表示させるというアクションが、基本的にはたった一行でできます。すごいですよね。大体こんなかんじです。
$('表示させる箇所のセレクタ').load('サイト内のURL 表示させたい箇所のセレクタ');
で、wordpressのテーマ内でも同様に使えます。
例として、デフォルトのテーマであるtwentytenを使った場合のシングルページでのやり方。 続きを読む wordpressテーマでjQueryを使って簡易なajaxページ遷移
wp-adminの設定＞表示設定でフロントページを固定ページにして、その固定ページテンプレートのテーマファイル内でquery_posts()を使うなどして特定あるいは複数のカテゴリーを指定していると、テーマファイルheader.phpで条件分岐タグis_home()は使えても、sidebar.phpでis_home()がきかなくなるという現象が起こるようです。 続きを読む wordpressテーマ内sidebar.phpで条件分岐タグis_home()がきかない
機能追加しました。タイトル部分をクリックすると、公演名などのテキストが入れられて、リンク式で表示される際にタイトルとして表示されます。
まだわかりにくいですが、かんたんな使い方を書いておきました。
また、はじめに入っていたサンプルのデータをいったん消しました。
おもに演劇などのタイムテーブルと残席情報をかんたんに書き出せるというスクリプトをつくっています。
まだ開発段階ですが、興味のあるかたはさわってみてください。
HTMLで出力してブログなどに貼ったり、リンク先として指定することによっても使えます。
使い方などもそのうちに書き足していきます。