WordPressで投稿カルーセルを追加する方法

公開: 2022-08-10

ほとんどの WordPress ブログで最も重要なコンテンツである投稿を見せびらかすことは、すでに戦いの半分に勝っています。さらに、投稿カルーセルは、サイトに個々の投稿を表示するための最も効果的な表示オプションの 1 つです。幸いなことに、投稿カルーセルはこれらの機能の両方を強化します。

これらの機能はサイトのどこにでも自由に埋め込むことができ、ホームページに限定されるものではありません。それらは大幅にカスタマイズすることもできるため、プラグインはあらゆる Web サイトへの優れた追加機能です。

投稿カルーセルとは何ですか?

人目を引くビジュアル機能である投稿カルーセルを追加することで、どの Web サイトにも多大なメリットがもたらされる可能性があります。それを使用して投稿の内容を改善することは、それを使用するための有益な方法です.

たとえば、ブログ投稿に強力な視覚的影響を与えたい場合、作品の上部に投稿カルーセルを含めることは、この目標を達成するための優れた方法です. ポストカルーセルは、ボックススタイルのスライダーに配置された多くのコンテンツを使用するため、任意の WordPress ページまたは投稿に表示できます。

ポストスライダーとカルーセルの違いは何ですか?

スライダーとカルーセルは本質的に交換可能なコンポーネントであり、多くの場合同じコンテキストで使用されますが、この 2 つにはいくつかの重要な違いがあります。

スライダーと呼ばれるガジェットは、多数の異なる画像を保存できますが、一度に表示されるのは 1 つだけです。また、ユーザーが何らかの方法でスライダーを操作したり、一定の時間が経過したりすると、画像の外観が変化します。

カルーセルは、多数のビジュアルを同時に表示できるようにする方法であり、それらの画像はカルーセルの移動に合わせて循環します。画像の回転を手動で開始するか、一定の時間が経過したときに自動再生するように設定できます。

ただし、ほぼ同じに聞こえるかもしれませんが、同じものではありません。

一度に表示できる画像の量が、この 2 つの主な違いです。たとえば、カルーセルには多数のアイテムが表示される場合がありますが、スライダーには一度に 1 つしか表示されません。

それぞれのアニメーションで使用できるアニメーションに関しては、それらの間にいくつかの重要な変更点もあります。ただし、これらは主に使用されているプラグインによって決定されます。

おそらくご覧のとおり、これらは両方ともさまざまな状況で有益である可能性があるため、それらを利用する方法を見てみましょう.

WordPress に投稿カルーセルを追加する方法

投稿カルーセルについて理解できたので、サイトでの使用方法を学びましょう。

PostX のインストール

まず、WordPress ディレクトリから PostX プラグインをインストールする必要があります。

新しいプラグインを追加するには:

Plugins セクションに移動し、 add newをクリックします。
PostXを検索し、 [今すぐインストール] オプションをクリックします。
アクティブ化ボタンをクリックして、インストールを完了します。

スライダーブロックの追加/インポート

Web サイトをゼロから作成し、すべてをカスタマイズする場合はどうすればよいでしょうか? そのため、プロセスを続行するには Post Slider ブロックを追加する必要があります。

まあ、PostX はあなたの背中を持っています。 「/」と入力してから投稿スライダーを作成して取得するか、追加ブロック(左側のプラスアイコン) をクリックしてページに追加することもできます。

投稿カルーセルのセットアップ

ここからは、投稿カルーセルの設定という楽しい部分です。ポストスライダーブロックを追加すると、注目のスライダーに似ていることがわかります。まあ、ポストカルーセルにするプロセスに向かっているので、心配しないでください.

まず最初に、ポストスライダーブロックを追加した後、右に移動して[Explore Patterns] をクリックします。

次に、最後の既製のパターンを選択し、[インポート] をクリックします。

変更とカスタマイズ

Gutenberg PostX ブロックプラグインは、多数のカスタマイズオプションを提供します。

以下にいくつかの一般的なオプションを示します。

アニメーションフェード
自動再生
ドット
矢印

そして、私を信じてください、これはここで終わりではありません。クエリ設定は、非常に多くのカスタムオプションのように、多くのことで頭を悩ませます。

ソース
投稿数
分類法
分類値
クイッククエリ
独自のコンテンツグループ
並べ替え
順序 (昇順/降順)
著者
投稿/期間/著者を除外

すべてをカスタマイズしたら、公開をクリックするだけで完了です。

そしてもっとたくさん、あなたを退屈させないようにしましょう。代わりに、自分で調べて見つけてみませんか？パンドラの箱のようなものです。探索すればするほど、より多くの情報が得られます。

想像力を制限しないでください。 PostX を使用してサイトに表示します。

サイトに実装するもう 1 つの楽しい機能は、ウェブサイトを即座に視覚的に強化する Featured Slider です。 WordPress に投稿スライダーを追加する方法に関するガイドをご覧ください。

追加オプション

コンテンツをラップしたり、タイトルやメタを変更したり、別の場所に配置したりするなど、物事を変更するためのオプションは他にもありますが、他のものよりも少し多くなります.

カラースキームが用意されているので、投稿カルーセルをテーマに合わせやすくなります。 Coblog のテーマは言うまでもありません。投稿カルーセルを追加すると、サイトの見栄えが良くなります。

ケーキのアイシングは、CSS 愛好家が必要に応じて CSS クラスを追加できるように、オープンのままにしているということです。また、Elementor 愛好家のために、PostX の Gutenberg Post Sliders は、Elementor、Divi、Oxygen、および市場の他のビルダーでも使用できます。