WordPressサイトにスクロールするニュースティッカーを追加したいですか？
テレビネットワークは、重要な記事を強調するためにニューステロップをよく使います。これは訪問者の注意を引くのに最適な方法なので、あなたのサイトにもニューステロップを追加し、特別セールや人気の投稿、その他の重要なコンテンツを強調するとよいだろう。
この投稿では、WordPressでスクロールするニュース・ティッカーを追加する方法を紹介する。
スクロール・ニュース・ティッカーとは？
ニュースティッカーは、画面上を連続的にスクロールするテキストの個別行です。通常、現在のニュース項目、スポーツの結果、ライブの金融・為替情報、天気情報などを表示する。
これは、先頭固定表示のフッターバーの使い方と似ている。
ティッカーは、小さな情報の断片を人目を引くように表示するのに最適な方法です。コンテンツは常にスクロールするので、限られたスペースに多くの情報を表示することもできます。
例えば、ニュースティッカーを使用して、最もパフォーマンスの高い投稿を表示したり、近日中のセールを告知したり、その他の有益な情報を共有したりすることができます。
ということで、WordPressブログやサイトにスクロール・ニュース・テロップを追加する方法を見ていきましょう。
WordPressでスクロールするニュースティッカーを追加する方法
あなたのサイトにスクロールニューステッカーを追加する最良の方法は、WordPressのニュースプラグインの1つであるDittyを使用することです。このプラグインを使用すると、サイトに移動、スクロール、スライドするコンテンツを追加し、アニメーションの方向、間隔、速度、スタイルを変更することができます。
まず最初に、Dittyプラグインをインストールして有効化します。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化した後、WordPressダッシュボードのDitty ” Add Newにアクセスし、’Add Default’ボタンをクリックします。
これで、ティッカーの最初の項目を作成できます。コンテンツ」ボックスに、スクロールするティッカーに表示したいテキストを入力します。
ここでは、サイトのバナーと同じように、お知らせをしたり、役立つ情報を共有したりすることができます。例えば、予定されているセールや最近の投稿を買い物客に知らせることができます。
また、ニュース項目にリンクを追加して、人々が簡単にテロップで紹介されたページや投稿にアクセスできるようにすることもできます。
これを行うには、「リンク」フィールドにURLを追加するだけです。
また、リンクのタイトルを追加したり、URLをnofollowとしてマークしたりすることもできる。
ティッカーを最大限に活用するには、「項目設定の更新」ボタンをクリックして複数のニュース項目を追加するとよい。
プレビューが更新され、作成した項目が表示されます。
ティッカーに別の項目を追加するには、「項目を追加」ボタンをクリックする。
これで「初期設定を追加」をクリックし、上記の手順に従って項目を作成することができます。
ティッカーに項目を追加するには、この手順を繰り返すだけです。
項目の作成が完了したら、テロップの表示順を変更したくなるかもしれません。そうするには、変更したい項目をつかみ、新しい位置にドラッグ・アンド・ドロップするだけです。
初期設定では、Dittyは項目をリストで表示します。
スクロールするティッカーを作成したいので、「表示」タブをクリックする。
この画面で「Change Type」リンクをクリックする。
表示されるポップアップで「Ticker」を選択し、「Update Type」をクリックする。
WordPressサイトでのテロップの表示や動作を変更できるようになりました。
これには、スクロールの方向、速度、テロップ項目間の間隔の変更が含まれます。
また、テロップのコンテナ、項目、タイトルなど、さまざまなスタイルを選択できます。これらの設定のほとんどは自明であるため、どのような変更を加えたいかを確認するために、これらの設定に目を通す価値がある。
テロップの設定に満足したら、「Save Ditty」ボタンをクリックします。
その後、ショートコードを使用してサイトにテロップを追加する準備ができました。このショートコードを取得するには、「設定」タブをクリックしてください。
ショートコード」フィールドの値をコピーする。
これで、任意のページ、投稿、またはウィジェット対応エリアにショートコードを追加できます。ショートコードの設置方法の詳細については、ショートコードの追加方法のガイドをご覧ください。
それが完了したら、更新または変更を公開するだけで、WordPressサイトにテロップが表示されるようになります。
このチュートリアルで、WordPressでスクロールするニュースティッカーを追加する方法を学んでいただけたら幸いです。また、再訪問者のために新規投稿をハイライトする方法や、WordPressのサイドバーで最大の効果を得るためのトリックをご紹介します。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Lin
I have two websites. Can I add a ticker on one site that will reflect the other site?
WPBeginner Support
While the ticker would not transmit the information to your other site, you can certainly add the same information in the ticker.
管理者
karbhari
How do i add the Latest News: title to the scrolling news, after header in main page it shows on my site.
Anna Sue
Where do you enter the text for your ticker? My install doesn’t show some of the items you have in your screenshots.
Anna Sue
I this may be the ticker I want but, as in many online videos about plugins, you talked and moved so fast I could get the instructions.
H.M.Mohiuddin
how can i add a news ticker without using plugin
plazma
its not dynamic.
felix
How do i add the Latest News: title to the scrolling news, it shows on my site, but i didnt see where to add if its lastest news or latest update etc
hosam abdallah
very good plugin but i have aquestion
i use artisteer to make my themes can you tell me where can i add php function to widget
in this or from where can i add to my themes
Abdulmumin
Hello, Please how can I add the direct function, kindly provide the ste by step instruction in adding the direct funtction.
I added the shortcode in my about page and it worked but i added it on my home page but it didnt work…..kindly advice
WPBeginner Support
Simply copy the Direct function as shown in the last screenshot of the article and paste in your theme’s home.php or header.php. Paste it at the location where you would like your news ticker to appear.
管理者
Sujani
hey,
thanks for giving the instructions clearly.. i had a a question where should we put the shortcode and direct function?
do we place it in the post/page?
Thanks,
Sujani
WPBeginner Support
shortcode for posts/pages/widgets and direct function if you want to hard code it in your theme’s template files.
管理者
Peter Johnson
It seems a great theme, as I am not a PHP developer but I want to use this theme and integrate this theme on my wordpress blog. I just want you to describe ho can I use this theme in my Blog so my latest news can be shown on top of my menu or below my main menu like a slide shown on Television. Please I need a procedure.
Thanks
Mackenzie
Thanks, really nice tut.