※モバイル機器のみ有効→PC表示に切替 モバイル表示に切替

当サイトはご覧になってる機器がダークモード時は自動でダークモード用レイアウトに切り替わります。

SIRIUSにニュースティッカー機能

キャプチャ画像

ホームページ上で一行のテキストが電光掲示板のように横にゆっくり流れていくのをあなたもきっと見たことがあるでしょう。

 

あれって通称「ティッカー」とか「ニュースティッカー」とか呼ばれるエフェクトの一種なんですね。

 

SIRIUSテンプレート【Volar】にはこの機能が搭載されてます。


ニュースティッカーとは

一行のテキストを流れるように見せるニュースティッカーというのは、ホームページ上の限られたスペースに複数の情報を目立つように見せられる効果があります。

 

よく見かけるのはテキストが右から左に流れていくものでしょうか。

 

人の目を引き付けやすい効果もあってか、一昔前には販売サイトなどでよく使われていたものです。

 

今ではすたれた感がなきにしもあらずですが、(画面が小さい)スマホでのホームページ閲覧が増えてきた現在では、省スペースで重要なお知らせを効果的に見せられるニュースティッカーの需要は少しずつ高まってもきています。

 

このニュースティッカー、SIRIUSテンプレート【Volar】にも実装してみました。

 

DEMOはトップページをご覧ください。

 

ヘッダー画像の下に表示させてます。

 

テキストの装飾や動きなどはすでに設定済みで、あなたがやることは表示したいテキストを書くだけ。

 

設置スペースを取ることなく、それでいてさりげなく目立たせられるニュースティッカーは、サイトのジャンルによってはそこそこ効果があると思われます。

 

お知らせだけでなく優先順位の高いページへのリンクを貼っておけば、サイト回遊率も上がるかも。

 

”サイト回遊率”とは?

サイト回遊率というのは、サイト訪問者が一度の訪問でどれだけのページを見て回ってくれるか(回遊してくれるか)の指標のようなものです。

 

サイト回遊率が高ければサイト滞在時間も増えてSEO的にも有利になります。

機能詳細

現段階で搭載しているニュースティッカーの機能は以下の通り。

ニュースティッカー機能はデフォルトではOFFになってます。

 

トップページのみに表示可

デフォルトではトップページ・ヘッダー画像下に表示させるように設定済みです。

(※ヘッダー画像なしでも問題ありません)

 

エントリーページに同じように表示させることも可能ですが、エントリーページでのレイアウトスタイルは現状では設定してません。

 

複数表示

リスト形式での設定なので、単体情報でも複数の情報でも表示可能です。

 

すべてのテキストが表示されると最初から再び表示される繰り返し設定になってます

 

動きは2タイプ

テキストの動きは2パターンを用意してます。

 

下から上に

こちらは下からテキストがせり上がるタイプです。

 

リストは1つずつ順番に表示されます。

 

行数に応じて高さ可変

 

ニュースティッカーというのは1行表示が一般的です。

 

ただしPCでは問題なく1行表示だったものも画面幅の狭いiPhone(スマホ)で見たら2行表示になってしまう例もよくあります。

 

下から上にせり上がるタイプの方は、一番量の多いテキストに合わせて高さが自動設定されます。

 

たとえば複数のリストがあったとして、そのうちの一つだけが長く2行にまたがるような時は、最初から2行が表示される高さで固定表示されます。

 

右から左に

こちらはよく見かける右から左にテキストが流れていくタイプです。

 

複数のリストがあった場合は、一定の間隔をあけてリスト項目が順に表示される仕組みです。

 

常に1行表示なので高さは不変です。

SIRIUSテンプレート【Volar】

キャプチャ画像

SIRIUS ver.1.5で大幅刷新された新テンプレートを元に、独自のカスタマイズを加えた改良型SIRIUSテンプレートが【Volar】です。

入手方法についてはコチラ↓をご覧ください。
 この記事をシェア