Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressで注目のコンテンツスライダーを正しく追加する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressサイトに特集コンテンツスライダーを追加したいですか?

多くの人気サイトでは、特集コンテンツスライダーを使って最新の注目コンテンツを紹介しています。ブログ投稿、ランディングページ、またはカスタム投稿タイプに基づいて、おすすめ投稿スライダーを追加することができます。

この投稿では、WordPressで特集コンテンツスライダーを追加する方法を紹介します。

how to add a featured content slider in WordPress

なぜWordPressに注目コンテンツスライダーを追加するのか?

特集コンテンツスライダーは、コンテンツをより魅力的にする便利なツールです。WordPressサイトのコンテンツに基づいてスライダーを作成し、ユーザーが最も役立つ記事やページを見つけやすくすることができます。

重要なブログ投稿はもちろん、今後のイベントや人気のカテゴリー、よく使われるタグなどのおすすめコンテンツスライダーを追加することもできます。

例えば、不動産サイトをお持ちなら、特集コンテンツスライダーを使って物件リストを表示することができます。また、常設コンテンツを表示して、サイト内で目立たせることもできます。

一方、特集コンテンツスライダーはeコマースサイトにも有効です。コンテンツスライダーにカスタマイザーの声を表示し、社会的証明として利用することで、信頼を築き、売上を伸ばすことができます。

ということで、WordPressでフィーチャー・コンテンツ・スライダーを追加する方法を見てみよう。

WordPressで注目のコンテンツスライダーを作成する

特集コンテンツスライダーを作成する最良の方法は、Soliloquyを使用することです。市場で最高のWordPressスライダープラグインであり、超高速で使いやすく、素晴らしい機能とアドオンが付属しています。

このチュートリアルでは、注目のコンテンツアドオンが含まれており、より多くの機能を提供しているため、Soliloquy Proバージョンを使用します。Soliloquyには無料版もありますので、まずはそちらをご利用ください。

Soliloquy

まず、Soliloquyプラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法については、こちらをご覧ください。

有効化したら、WordPressダッシュボードからSoliloquy ” 設定ページにアクセスする必要があります。ここから、ライセンスキーを入力し、’キーを検証’ボタンをクリックするだけです。

Soliloquy license key

ライセンスキーはSoliloquyのアカウントエリアにあります。

その後、WordPressの管理画面からSoliloquy ” Addonsにアクセスします。そして、下にスクロールして「Featured Content Addon」を見つけ、「Install Addon」ボタンをクリックします。

Activate featured content addon

アドオンを有効化したら、新しいスライダーを作成する準備ができました。

WordPress ダッシュボードからSoliloquy ” 新規追加にアクセスするだけで、特集コンテンツスライダーを作成できます。

Creating a new responsive slider using a WordPress plugin

次に、一番上に名前を入力し、「External Silider」タブに切り替えます。

ここで、特集コンテンツという新しいスライダータイプが表示されるはずです。このオプションを選択してください。

Select featured content option

その後、「スライダー」タブまでスクロールして、スライダーの設定を行うことができます。

あなたのおすすめコンテンツスライダーに入れたい投稿タイプを選択してください。投稿、ページ、カスタマイザーなどを選択できます。

Edit featured content slider settings

それに加えて、スライダーのタクソノミーを選択するオプションもあります。タグ、カテゴリー、イベント、その他のタクソノミーが選択できます。

下にスクロールすると、さらに多くの設定が表示されます。例えば、投稿を含めたり除外したり、含めた投稿を先頭固定表示にしたり、投稿の並べ替えなどのオプションがあります。

Additional content slider features

また、Soliloquyにはスライダーをコントロールできる様々なコンテンツ設定があります。

画像を投稿URLにリンクさせたり、投稿タイトルを表示させたり、抜粋を表示させたり、コンテンツの文字数を選択したりすることができる。

Edit content settings for featured slider

完了したら、上部にある「公開する」ボタンをクリックするだけです。

また、サイト上の任意の場所にスライダーを表示するために使用できるSoliloquy Sliderショートコードが表示されます。

Publish your featured content slider

WordPressで注目コンテンツスライダーを表示する

Soliloquyでは、スライダーをお好きな場所に表示する方法を複数ご用意しています。Soliloquyブロックを使用したり、ショートコードを使用して特集コンテンツスライダーを追加することができます。

まず、投稿を編集するか、新規投稿を作成する必要があります。

Adding a slider to a WordPress website using a block

コンテンツエディターに入ったら、「+」ボタンをクリックしてソリロガイブロックを追加してください。

次に、Soliloquyブロックのドロップダウンメニューから特集コンテンツスライダーを選択します。

Adding a Soliloquy block to your WordPress website

それが終わったら、ブログ投稿やランディングページを公開したり更新したりしましょう。

あなたのサイトにアクセスして、特集コンテンツスライダーを実際に見ることができます。

Featured content slider preview

この投稿が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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

7件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    One such tip on how to do it, albeit a slightly more challenging way without a plugin. Since I didn’t want to burden WordPress with another plugin, I used the commonly used WPCode for adding snippets and requested artificial intelligence in the form of Chat GPT to program such a block. I insert it into the website using WPCode, and it works perfectly. So even those who can’t code can take this path and save some performance for their website. Just a thought on another way to achieve it.

    • WPBeginner Support says

      The danger of adding it via code would be if a change needs to be made in the future which is why we recommend plugins that make the process simpler and allow for customization :)

      管理者

  3. Ram E. says

    Going on experience, I can say that Soliloquy is among the best and user-friendly slider plugins in the market. Tried using it on a client ecommerce site and a personal project. However, I really hope that the next releases of WordPress would add a slider feature to its Query block.

  4. Mike Childress says

    For $99 per year the Soliloquy plugin with the featured content add-on is definitely feature rich for those who want to drop that money on slider. One question I have: Can the Soliloquy featured content add on link to external websites?

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。