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で注目のコンテンツスライダーを正しく追加する方法

WordPressサイトに特集コンテンツスライダーを追加することで、コンテンツを目立たせることができます。また、多くのトップサイトでは、最新投稿や最も重要な投稿を強調するためにスライダーを使用しています。

例えば、ブログ投稿、ランディングページ、カスタム投稿タイプのスライダーを作成することができます。この機能により、訪問者は新着情報や注目すべき情報をすぐに確認することができます。

この投稿では、WordPressで特集コンテンツスライダーを追加する方法をステップバイステップでご案内します。

how to add a featured content slider in WordPress

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

特集コンテンツスライダーは、トップコンテンツを紹介することで、サイトをより魅力的にします。ユーザーが最も役に立つ投稿やページを簡単に見つけられるように、コンテンツに基づいたスライダーを作成するのが良い経験則です。

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

例えば、不動産サイトが物件リストを表示するためにスライダーを使うかもしれない。

一方、eコマースサイトでは、スライダーを使ってカスタマイザーを表示し、社会的証明を加えることで、信頼と売上を高めることができます。

それを念頭に置いて、WordPressで特集コンテンツスライダーを追加する方法を見てみましょう。

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

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

このチュートリアルでは、Soliloquy Proバージョンを使用します。Soliloquy Proバージョンは、Featured Contentアドオンが含まれており、より多くの機能を提供しているからです。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

その後、’Slider’タブまでスクロールダウンして、スライダーの設定を行おう。

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

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サイトを手に入れませんか?私たちの経験豊富なデザイナーが、あなたのブランドをよりよく表現するために、サイトのデザインやリニューアルをお手伝いします。専任のプロジェクトマネージャーと複数回のデザインリビジョンで、手間のかからないプロセスをお楽しみください。eコマースのセットアップからSEO最適化まで、お任せください。お待たせしません。今すぐ美しい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.

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

アバター

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

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

  1. Jiří Vaněk

    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

      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 :)

      管理者

  2. Ram E.

    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.

    • WPBeginner Support

      Thanks for sharing your experience :)

      管理者

  3. Mike Childress

    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?

  4. Travis Pflanz

    I’ve been meaning to give Soliloquy a try. That said, isn’t the slider phase on a downward trend?

返信を残す

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