WordPress KBoard 最新の投稿スライダーを作成する

WordPress KBoard 掲示板の最新の投稿を回転スライダとして表示したい場合は、Comosfarmが販売する最新の投稿スライダプラグインを使用するか、 エレメンプロのLoop Carouselウィジェットを使用して KBoard 最新の記事を表示しようとすることができます。または KBoard スキンファイルを直接変更して目的の機能を実装することも可能です。

WordPress KBoard （KBoard）最新の記事スライダーを作成する方法

先週末に KBoard（KBoard）掲示板の最新記事のリストを回転スライダ（カルーセル）で表示する作業を進めました。

作業要求に応じて、次のように動作するようにしました。

1. スライドアイテムはデスクトップ（PC）で4つ、モバイルで2つが表示されるようにする（表示されるスライドアイテムの数は変更可能）
2. 投稿者の名前は最初の文字のみを公開し、残りはアスタリスク（*）として扱います
3. スライドアイテムの自動回転。
4. 左右のナビゲーション矢印を削除
5. ページネーションドットをスライダーの下に置き、サイズ変更します。
6. サムネイル
   • 投稿にサムネイルが指定されている場合は、サムネイル画像を表示する
   • サムネイルが指定されていない場合は、最初の画像を表示させる
   • サムネイルが指定されておらず、投稿に画像が1つもない場合は、サムネイル領域が灰色で表示されます。
7. Hover市画像の拡大とオーバーレイの背景色の変化。

いくつかの方法で KBoard 最新のテキストをスライダー（カルーセル）として表示できます。

KBoardホワイトビデオ最新記事スライダープラグイン（有料）

簡単な方法で、Cosmosfarmで販売されているKBoardホワイトビデオの最新記事スライダープラグインを使用できます。

33,000ウォンで販売されているこのプラグインは、購入日から1年間保証が提供されます。以下の形式で最新の投稿スライダーが表示されます。

プレビューページで確認すると、自動回転はサポートされていないようです（この部分は正確ではないため、販売者に連絡して確認が必要です）。付属の機能そのまま使用するのに良いようです。

ただし、コメントに空の画面のみ表示されるなどのエラーがあると訴える方がいらっしゃいますね。今はエラーなしでうまくいくかどうか尋ねた後に購入すると安全です。

Element ProのLoop GridまたはLoop Carouselウィジェットを使用する

エレメンプロを使用する場合は、Loop GridやLoop Carouselなどの要素を使用して KBoard 記事を一覧表示できます。

まず、 Theme Builder（テーマビルダー）で Loop Item テンプレートを作成し、Loop Carousel オプションでテンプレートを設定できます。

テンプレートは、事前に作成されたループテンプレートからお気に入りを読み込むことで適切に変更できます。

Loop CarouselまたはLoop Grid要素を追加して、 クエリーの ソース에 KBoardを指定すると KBoard 最新の記事が一覧表示されます。

ただし、この方法を使用する場合は、次の制約（欠点）があります。

1. すべての掲示板の投稿が表示されます。
2. 投稿を作成するときにサムネイルを指定した場合にのみ、サムネイルが表示されます。

2番目の問題の場合は、サムネイルが指定されていない場合は、最初の画像をサムネイルとして指定する方法を検討してください。

これに関連するいくつかの質問がGoogleで検索されますが、明確な方法はありません。 （例： KBoard ギャラリーコンテンツ最初の画像のサムネイルを指定)

スキンファイルの編集(ダイレクトコーディング)

上記の方法で満足できる結果が出ない場合は、 KBoard スキンファイルを編集して目的の機能を実装することを検討できます。

私はエレメンタープロのLoop Carouselで特定の掲示板の最新の記事だけを表示しようとしましたが、思ったほど簡単ではありませんでした。ようやく特定の掲示板の投稿のみを表示することに成功しましたが、サムネイルが指定されていない投稿の場合はサムネイルが表示されず、ほかにクライアントが要求するレイアウトでスライダーを作成することは容易ではありませんでした。😥

だからエレメンタと連動することをあきらめて KBoard スキンを編集して、顧客が望むデザインで回転スライダー（カルーセル）を作成しました。

KBoard スキンを自分で編集したい場合は、次の4つのファイルを編集できます。

• editor.php → 投稿作成ページカスタム
• list.php→投稿リストページカスタム
• document.php→投稿詳細ページ（投稿本文）カスタム
• latest.php → 最新記事 ページカスタム

まずは バックアップしっかりした後に進んでください。

👉時間がかからないカスタム作業（例： KBoard 最新の投稿スライダーを作成する）が必要です。 WordPress またはWebホスティングのトラブルシューティングに問題がある場合 ここでサービス（有料）をご依頼することができます。

参照

• エレメンターお問い合わせフォームと KBoard 掲示板連動
• WordPress SMSキャラクタ連携方法(お問い合わせフォームプラグイン、 WooCommerce)
• WordPressで簡単にランディングページを作成（エレメンタプラグイン＆ GeneratePress、Diviテーマなど）