【WordPress】新着情報を流すティッカープラグインDitty News Ticker

DittyNewsTicker

たまにお知らせなどに設定されてあるテキストリンクを左右に流したり、上下に流したりするティッカー。Ditty News Tickerはそんなティッカーを実装できるプラグインです。このプラグインでは3種類のティッカーモードが準備されており、設定も特に難しい部分はありません。
デモページからサンプルが観れます。

Ditty News Tickerプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Ditty News Tickerを検索
有効化にするとNews Tickersが追加されます。

dnt_1
Add Newをクリックし、上記画面に移ります。
Ticker Mode モードをScroll・Rotate・Listから選択します。下記設定は必要そうな箇所のみ書いています。
Default Ticker Items 3つの共通設定です。表示するテキスト、リンクを入力します。項目を増やす場合は右側の+アイコンをクリックします。

Scrollの設定

Scroll direction スクロール設定をします。
Scroller padding 垂直方向の間隔を設定します。
Scroll speed スクロールスピードの設定します。数値が少ない程遅くなりますので、5くらいが丁度いいかもしれません。Pause on mouse overはマウスオーバーで一時停止
Tick spacing データ間の間隔を設定します。。

 

dnt_2
Rotateの設定

Rotation type タイプ設定。
Auto rotate 自動のスピード設定。
Rotate speed speedとeasingの設定。
Directional navigation 左右のナビゲーションの設定。
Control navigation コントロールナビゲーションの設定。

dnt_3
Listの設定

List padding padding設定。
Tick spacing 間隔設定。

入力が終わりましたら公開をクリックして、プレビューで確認します。
ショートコード・Direct Functionをコピペすれば出来上がりです。

 
Ditty News Ticker

【WordPress】新着情報を流すティッカープラグインDitty News Ticker

  • LATEST
  • RELATED
  • POPULAR