WordPressにスクロールニュースティッカーを追加する方法

多くのウェブサイトでは、ニュース、セール、またはアナウンスを強調するために、一番上にスクロールするテキストラインを使用しています。

ニュースティッカーと呼ばれるこの機能は、重要な更新が見過ごされないようにするためのシンプルで効果的な方法です。

私たちは自身のサイトでニュースティッカーを使用して、期間限定のオファーやアナウンスを強調してきました。これにより、ページを煩雑にすることなく訪問者に情報を伝えるのに役立っています。

このガイドでは、WordPressサイトにスクロールするニュースティッカーを追加する方法を説明します。

スクロールするニュースティッカーとは？

ニュースティッカーは、画面上を連続してスクロールする1行のテキストです。通常、最新のニュース記事、スポーツの結果、ライブの金融・通貨情報、天気情報などを表示します。

これは、スティッキーフローティングフッターバーを使用する方法に似ています。

ティッカーは、目を引く方法で小さな情報を表示するのに最適な方法です。コンテンツは常にスクロールしているため、ティッカーを使用して限られたスペースに多くの情報を表示することもできます。

例えば、このWordPress デザイン要素を使用して、最もパフォーマンスの高い投稿を表示したり、今後のセールを発表したり、その他の役立つ情報を共有したりできます。

それでは、WordPress ブログまたはウェブサイトにスクロールするニュースティッカーを追加する方法を見ていきましょう。

WordPressにスクロールニュースティッカーを追加する方法

ニュースティッカーの作成方法を調査していたところ、最も簡単な方法はプラグインを使用することだとわかりました。カスタム CSS はある程度のカスタマイズを提供しますが、初心者には最も使いやすいとは言えません。

そして、そのための最良のプラグインはDitty News Tickerです。これは、これまでに見つけた最高のWordPressニュースプラグインの1つです。

これにより、ウェブサイトに移動、スクロール、スライドするコンテンツを追加し、アニメーションの方向、間隔、速度、スタイルを変更できます。

まず、プラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関する完全ガイドを参照してください。

有効化したら、WordPressダッシュボードのDitty » 新規追加に移動し、「デフォルトを追加」ボタンをクリックする必要があります。

これで、レスポンシブニュースティッカーの最初のアイテムを作成できます。「コンテンツ」ボックスに、スクロールティッカーに表示したいテキストを単純に入力してください。

ここでは、告知を行ったり、ウェブサイトバナーのように役立つ情報を共有したりできます。たとえば、予定されているセールや最近の投稿について買い物客に知らせることができます。

ニュースアイテムにリンクを追加して、ティッカーで紹介されているページや投稿に簡単にアクセスできるようにすることもできます。

これを行うには、「リンク」フィールドに URL を追加するだけです。

リンクタイトルを追加したり、URLをノーフォローとしてマークしたりすることもできます。

ティッカーを最大限に活用するには、「アイテム設定の更新」ボタンをクリックして、複数のニュースアイテムを追加することをお勧めします。

作成したばかりのアイテムを表示するようにプレビューが更新されます。

ニュースティッカーに別の項目を追加するには、「項目を追加」ボタンをクリックします。

これで「デフォルトを追加」をクリックし、上記で説明したプロセスに従ってアイテムを作成できます。

この手順を繰り返すだけで、ティッカーにさらにアイテムを追加できます。

アイテムに満足したら、ティッカーに表示される順序を変更したい場合があります。これを行うには、変更したいアイテムをドラッグアンドドロップして新しい位置に移動するだけです。

デフォルトでは、Dittyはアイテムをリストで表示します。

スクロールするティッカーを作成したい場合は、「表示」タブをクリックしてください。

この画面で、「タイプを変更」リンクをクリックします。

表示されるポップアップで、「ティッカー」を選択し、「タイプを更新」をクリックします。

WordPressウェブサイトで、ティッカーの外観と動作を変更できるようになりました。

これには、スクロール方向、速度、およびティッカーアイテム間の間隔の変更が含まれます。

また、ティッカーコンテナ、アイテム、タイトルなどのさまざまなスタイルを選択することもできます。これらの設定のほとんどは自明なので、どのような変更を加えたいかを確認するために目を通す価値があります。

チッカーの設定が完了したら、「Dittyを保存」ボタンをクリックします。

その後、ショートコードを使用してティッカーをサイトに追加する準備が整います。このショートコードを取得するには、「設定」タブをクリックしてください。

次に、「ショートコード」フィールドの値をコピーします。

これで、ショートコードを任意のページ、投稿、またはウィジェット対応領域に追加できます。ショートコードの配置方法の詳細については、ショートコードの追加方法に関するガイドを参照してください。

これが完了したら、変更を更新または公開するだけで、ティッカーがWordPressウェブサイトでライブになります。

🎁ボーナス：最大限の効果を得るためにスティッキーフッターバーを追加する

スクロールするニュースティッカーはローテーションするお知らせを強調するのに役立ちますが、それをスティッキーなフローティングフッターバーと組み合わせることで、さまざまな目的で訪問者の注意を効果的に引きつけることができます。

フッターバーは重要な静的情報を表示し続け、ニュースティッカーはタイムリーなアップデートを前面に押し出します。

OptinMonsterのようなツールを使用すると、魅力的なフッターバーを作成し、ニュースティッカーと連携させて特別オファー、緊急ニュース、または人気の投稿を表示できます。

フッターは常にコールトゥアクションとして考え、ニュースティッカーは短期的な重要な更新情報を提供します。

これらの機能は連携してユーザーエクスペリエンスを向上させ、オファーや重要なコンテンツとのタイムリーなエンゲージメントを促進することで、コンバージョン率を高めることができます。

開始するには、WordPressで「スティッキー」フローティングフッターバーを作成する方法に関するチュートリアルをご覧ください。

このチュートリアルが、WordPressでスクロールするニュースティッカーを追加する方法を学ぶのに役立ったことを願っています。また、訪問者が戻ってきたときに新しい投稿を強調表示する方法を学ぶか、最高のWordPressサイドバートリックの専門家による選択肢を確認することもできます。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。