シンプル、省スペース、動きがいい!要素が縦に展開するティッカー(ニュース通知パーツ)の「vTicker」が使いやすい - frasm.net

frasm

フラズム
恋と冒険が、僕を大人にしたブログメディア
Update!
    No items.

シンプル、省スペース、動きがいい!要素が縦に展開するティッカー(ニュース通知パーツ)の「vTicker」が使いやすい

当ブログでも開設当時から使っているニュース通知パーツ。

横スライドなものはよく見ますが、この縦回転は洒落ててなかなか気に入ってます。

vTicker_

WordPressで使う場合は

<head>内に本体を読み込みます。

jsのパスはご自身の環境によって変えてください。

上のコードの

この部分は、子テーマのディレクトリパスを取得するコードです。

※もちろんjQuery本体も必要です。

【jQueryの最も新しいバージョンを自動で判別して読み込む】毎度毎度バージョンアップの際に読み込むURLを変更しなくて済みます_

後は縦に展開させたい要素をリストでマークアップします。

<ul>を覆う<div>にidを指定しておきます。

動的に取得したい場合はここで、ループを仕込むこともできますね。

ちなみに僕の場合は他でやっているブログの記事のRSSを取得して表示しています。

WordPressで複数のブログをRSSで取得して時系列で表示 | Beside Apple_

他人の運営するブログ記事を勝手に持ってくると怒られるので気をつけましょう。

最後の仕上げに<ul>を覆う<div>に指定したidを<head>内に書き添えます。

ティッカーは少ないスペースで色々と遊べるので、新着記事の通知や、お知らせ等いろいろ使い道があります。

設定等もシンプルで遊びがいのあるjQueryプラグインです。おためしあれ!

-スポンサーリンク-
Follow!

オススメのデザインのこと はコレ!

コメントを残す

frasm
Follow!