WordPress 用ランダムポスト・スライドショープラグインを JSeries でリリースしました。
hiromasa作の画像付きアーカイブ表示プラグイン「wp-kougabu」のランダムポスト機能を使用して、スライドショーを表示するプラグインです。
※ wp-kougabu ver.1.12 以降が有効化されている必要があります。
ダウンロードと使用方法は WordPress Plugins/JSeries » Kougaburari ( ランダムポスト・スライドショー ) を参照してください。
そもそも、このプラグインに着手したキッカケは、みなみさんの「WP2.9 オムライス」というエントリでお願いされたから。
いまほしいのは kogabu で抽出した画像を js でランダムに表示させるような魔法のプラグインです。そこに手書きキャプションとか追加できたらイイナ。新潟のにーさんとかひろまさとかが合体して作ってくれないかなあ。
名指しで指名されたら作らんわけにはいきますまい。
てなわけで、前から気になっていた jQuery プラグイン JQuery Cycle Plugin を使用して、wp-kougabu が吐き出したランダムポストイメージをスライドショー表示するプラグインを作りました。
開発当初は JSON でランダムポスト情報を取得して動的に組み立ててたんですが、ちょっとサーバ負荷がきつかったようなので JSON 方式は捨てました。
開発中は hiromasa, みなみ, おでこ, Binsan, Masayan, さっちん ら、WPer が Twitter 上でテストに付き合ってくれました、多謝。
デモは、以下のサイトで見ることができます。
- shot.dogmap.jp » Gallery
- hiromasa.another
) (サイドバーの「Random Post」) - M's Life 2 (サイドバーの「Random Scroll」)
- Odysseygate.com | WordPressでつづる、おでのこの道わが旅。 (サイドバーの「光画部らり」)
- Binsan’s Cafe::: Binsan's Cafe (サイドバーの「Random Post」)
- MMRT Web Site ver.5.0
- LOVE!? (サイドバーの「Photo」)
デモ : ( width=160 height=120 count=20 fx=fadeZoom timeout=4000 speed=1000 )
つぶやく
2010年2月9日 火曜日 7:51 PM
RSSリーダーで購読する
完全に出遅れた〜(ToT)！ RT @wokamoto: @wordpress_fan ブログにエントリ: Kougaburari – WordPress 用ランダムポスト・スライドショープラグインを JSeries でリリースしました。 http://dogmap.jp/Bx
ブログにエントリ: Kougaburari – WordPress 用ランダムポスト・スライドショープラグインを JSeries でリリースしました。 http://dogmap.jp/Bx [twicco.jp @wokamoto ]
魔法のプラグイン作ってくれてありがとー。
なんとなくことしは「動」とか「進」とか、こんな
キーワードが頭に浮かびました。
わーい、1個動いたデスラ！
みなみさん、どもです。
このプラグインは、みなみさんの発想あってのものです。私はただ実装しただけ。
良いアイデアありがとうございました
所で、キャプションを画像の前後どちらに配置するか指定できるようにした Ver.0.3.1 をリリースしましたので、ご利用ください。
ウィジェットのキャプション設定確認しました。
動作OKです〜 テンプレートで使う場合は
スクリプト変更が必要ですよね？
みなみさん、どもです。。
テンプレートタグ・ショートコードとも指定していない値はデフォルト値になります。
つまり
[kougaburari]や<?php kougaburari(); ?>でも動作します。今回新たに追加したオプション
c_posを指定しなかった場合は、キャプションの位置はデフォルトの「画像の後」になります。お世話になっています。
kougaburari入れさせていただきました。ありがとうございます。
ここに記入するのが間違いかもしれませんが、表示された画像の下に文字色を変更するにはどこをいじったらよろしいでしょうか。
お忙しいところ、申し訳ありませんがよろしくお願いいたします。m(_ _)m
さとうさん、どもです。
キャプションは slideshow-caption というクラスを割り当てていますので、お使いのテーマの style.css 等に以下のスタイル定義を追加すれば、文字色等変更することができます。
色のコードまたはネームの所は、例えば
color: #ff0000等と指定すれば赤色に変更することができます。参照： スタイルシート［CSS］/CSSの基本/CSSの色指定 – TAG index Webサイト
できました！
ありがとうございました！感謝しますm(_ _)m