WP plugin: 年表風アーカイブ表示 – SIMILE Timeline
update 2007.7.4: いろいろ・関連リンク追記(+TB)。/カテゴリ別アイコン表示を追加。
時間軸の表上に記事タイトルを配置し、マウスでドラッグして過去や未来へスクロール。
タイトルをクリックすると抜粋をポップアップ表示、さらにリンククリックで記事へ。
表示するカテゴリは自由に選べます。
「栽培記録のカレンダー表示を自動化できないか」プロジェクトの実験、その1。
このプラグインはテスト途中です。記事も書き途中です。
| 機能概要 | 冒頭のとおり |
|---|---|
| バージョン | 0.31a (α版) |
| 作者(web) | Tim Isenheim さま |
| 配布元 | freshlabs journal » WordPress Plugin: SIMILE Timeline |
| ドキュメント |
|
| 動作見本 |
|
| 「ページ」対応 | |
| 適用したWP | WordPress ME 2.0.4 [UTF-8] |
導入手順
- 配布元よりダウンロード。
- 解凍した
simile-timelineフォルダごとwp-content/plugins/ディレクトリへアップロード。 - 管理パネルにて有効化。
管理パネルの Options > SIMILE Timeline で、表示するための最低限の設定を行なう。
- Pages with a timeline:
- Timeline を表示する記事・ページID を指定。複数のときは「,」区切り。
- ここに指定したページのみ、JavaScript 等が読み込まれる。’0′ または ‘all’ を入れると全ページで読み込む。
- Timeline Categories
- Timeline 中に表示したいカテゴリにのみ、Show in Timeline? の enable にチェック。
使い方
- ページ・記事の timeline を表示したい位置に <!–similetimeline–> を追加。
- そのページ・記事を表示。
オプション画面
- Blogging behaviour:
-
時間軸の間隔。2
- Heavy Blogger (approx. 10 posts a day) → 上部が日単位で区切られる。
- Moderate Publisher (approx. 12 posts per month) → 上部が周単位
- Frequent Writer (approx. 5 posts a month) → うちのはこれ。上部が月単位
- Timeline Appearance
- 上下の帯の高さ比率、配色、タイトルの表示/非表示(Show Labels)
- Timeline Categories
- 表示するカテゴリの選択、表示色
修正箇所
以下の修正は、まだテスト途中のメモ書きです。ちょこちょこ訂正する可能性があります。
- WordPress ME では記事が表示されない。
- 投稿日付の「月」が日本語になっているせいらしい。
- WPJ フォーラムに対処方法。
- うちは現在、この修正方法ではなく、日本語ファイルを外すことで対処。(でも、年表示が「2007N」とかになる。。(・;))
- ポップアップに抜粋が表示されない。
- WPコアの抜粋では、抜粋文に HTMLタグは含まれないが、wp-murasame は
<p>タグなどが入る。試しにタグを削ったら表示されるようになったので、このせいなのかな?と思う。 - 公開以外の記事も表示されてしまう。
-
timeline.xml.php36行目
複数カテゴリのときに$catquerystring内にORが入るので、()で括らないとpublishが全カテゴリにかからない。(たぶん)- (修正前)
WHERE $catquerystring AND post_status = 'publish'"); - (修正後)
WHERE ( $catquerystring ) AND post_status = 'publish'");
- (修正前)
- パスワード保護記事は大丈夫か? 更新
未確認- ダメ。6月末の「Cecilia挿し木: 芽が伸びかけ」にパスワードかけてみたが、ポップアップに本文が表示されてしまう。wp-murasame を使ってのカテゴリアーカイブや RSSフィードではちゃんと保護メッセージが出るのに、なんでだろう。
- 記事のアイコン(ボタン画像)を変更する
-
上段を Show Labels にすると、丸ボタン+記事名が表示され、オプション画面で指定した各カテゴリの色が見えなくなってしまう(下段では見えるが)。識別のためにアイコン表示を試行錯誤中。
- 記事単位でアイコン指定
- (変更例) 2007年4~6月の3件に入れてみた。
- (方法) 記事のカスタムフィールドで、キー: timeline_icon、値:画像の URI を入れたら表示出来た。
- その際、抜粋文の先頭に「>」が入ってしまうので、
timeline.xml.php59行目を修正。- (修正前)
<?php if($stl_icon != '') echo "icon=\"$stl_icon\">";?> - (修正後)
<?php if($stl_icon != '') echo "icon=\"$stl_icon\"";?>
- (修正前)
- 他に方法があるのかもしれない。
- できれば、カテゴリ毎に画像を指定しておいて、通常はそれを表示し、特定の記事だけさらに違う画像にしたいときだけ、カスタムフィールドで指定するようにしたい。
↓ やってみた。
- 記事単位でアイコン指定
- 記事で指定すればそのアイコン、なければカテゴリ毎アイコンを表示 暫定版 07.6.26
- カテゴリ別アイコン画像を、「カテゴリID.jpg」という名前でアップ。3
-
timeline.xml.php59行目を差し替え<?php if ( $stl_icon != '' ) { echo "icon=\"$stl_icon\""; } else { echo 'icon="http://bono.s201.xrea.com/wordpress/wp-content/uploads/icon/' . $catid . '.jpg"'; } ?> -
うちでは複数カテゴリを指定していて、薔薇関係の記事には必ず rose カテゴリも付く。(例) rose, Charlotte
たいてい 2つめのカテゴリが本題なので、57行目のget_varのパラメータで 1件 row_offset。
ついでに、下段もほとんど rose カテゴリ一色になっちゃっていたのが、品種の色になってヽ(´▽`)ノ。color="<?php $catid = $wpdb->get_var("SELECT category_id FROM $wpdb->post2cat WHERE post_id = '$post->ID'", 0, 1); // ← ココ echo $wpdb->get_var("SELECT stl_category_color FROM $wpdb->categories WHERE cat_ID = '$catid'"); ?>"
未解決事項
機能的にはできそうなのに、できていないもの。
- 期間バー・終了日時が表示されない
- プラグインを有効化すると、記事投稿ページに「Event End Date」という項目が表示される。
- ここに終了日時を入力すると、timeline 上に、記事のタイムスタンプ(Post Timestamp) ~ Event End Date までの長さのバーが表示され、抜粋ポップアップに終了日も表示されるのかなあ、と…。
- 表示見本は、本家 Timeline の「Oswald gets off bus and boards taxi」や「Oswald interrogation」。
- これが出来ると、開花期間とかが表示できるんだけどな。。
-
end="<?php echo stl_get_end_time('M d Y H:i:s') . " GMT" . date('O'); ?>"のせいかと思い、いろいろ調べて試しているが、まだダメ。timeline.xml.php48行目(start)を元に戻し、wp-includes/languages/ja_UTF.moを削除してみたが、直らず。
- ポップアップ内に画像表示 追記
- 記事のアイコン指定と同様に、カスタムフィールドに キー:timeline_image、値:画像の URI を入れたらできそうなんだけど、タグが生で出てしまう。
- 文字サイズか行間隔を変えたい 追記
- 上段に表示されるはずの記事が、下にはみだして隠れているような気がする。。
関連リンク 追記
- 旧バージョンの設置・問題点など
Rikaさん、記事拝見しましたよー。バルーン問題、解決してよかったですね。(・∀・)b
まだ上手くいかない箇所がいくつかあるので、Rikaさんの記事に書かれていた bleuさん直伝の修正方法も試してみまっす!
[...] via: power source* » WP plugin: 年表風アーカイブ表示 – SIMILE Timeline (方法) 記事のカスタムフィールドで、キー: timeline_icon、値:画像の URI を入れたら表示出来た。 [...]
ぼのさん、こんばんは。
いつの間にかSIMILE Timelineも短期間にずいぶんバージョンアップしていて驚きました。
記事の更新を”命がけ”で楽しみにしています。
[...] このRif.2ndをはじめてから置き去りにしてきた初期ブログの”Rif.“。 今日WP2.2.1にバージョンアップしてあげました。ついでに前回作ったThemeを着させました。 今まで放っておいたのは、例の苦労して設置した “SIMILE Timeline” plugin がエラーになったらショックで怖かったから。 WP2.2.1に単に上書きしただけなんですが、全く異常ありませんでした。 でも、SIMILE Timeline もかなりバージョンアップしていたことに気が付いてしまった。 問題無く表示できていたのは、かなり古いV0.2aで、現在V0.31aで、すごいの! 昨年末念願だった背景色指定やカテゴリ指定がオプション画面でできるようになってました。 もう、行き当たりばったりで上書きしちゃいました。 そして、エラー発生しました XMLの読み込みができていないみたいで、バルーンの中の表示が出ません。それ以外は表示されています。 時間の取れる時に解決しようと思います。 でもきっと、ぼのさんやbleuが簡単に解決してくれるって信じてる [...]