当サイトではアフィリエイト広告を利用しています

SWELLでホームページの「お知らせ一覧」を作成する2つの方法

SWELL

WordPressテーマ「SWELL」で、ホームページ、企業(コーポレイトサイト)によくある「お知らせ一覧」を作成、設置する方法をご紹介します。

カスタム投稿タイプを使う場合と、使わない場合の2種類の方法があります。

どちらもコードを記載する必要ない簡単な方法です。

WordPressテーマ「SWELL」公式サイトはこちら

SWELLにカスタム投稿タイプを導入する方法、カスタマイズ方法については、こちらで詳しく紹介しています。

目次

SWELLで「お知らせ一覧」を作成する2つの方法

ここでは、ホームページ、企業(コーポレイトサイト)によくある「お知らせ一覧」の作成方法をご紹介します。

「お知らせ一覧」は、カテゴリー記事一覧やカスタム投稿記事一覧の一つの例です。

SWELLで「お知らせ一覧」を作成するには、以下の2種類の方法があります。
どちらもカスタムブロックの「投稿リスト」を使います。

カスタム投稿タイプはプラグインを使うと簡単に導入できるので、管理しやすく、新着記事一覧にお知らせが表示されない②がおすすめです。

①「お知らせ」というカテゴリー、または、タグをつくり、それを「投稿リスト」ブロックで表示する。

SWELLの機能だけでできます。

  • 一般の投稿と同じなので、管理画面では、「お知らせ」の投稿は、他の投稿に交じって一覧表示されるので、管理しづらい面があります。
  • 新着記事一覧にも「お知らせ」の投稿が表示されます。
②「お知らせ」というカスタム投稿タイプをつくり、「投稿リスト」ブロックで表示する。

カスタム投稿を新たに導入しなければなりません。

  • 管理画面では、「お知らせ」の投稿は、一般の投稿とは別に管理されるため、管理しやすいメリットがあります。
  • 新着記事一覧にはカスタム投稿の「お知らせ」は表示されません。

ホームページのお知らせ一覧を設置するのは、カスタム投稿タイプが一般的ですが、SWELLには、カスタム投稿タイプが用意されていません。

SWELLは主にブログ向けのテーマなので、一般的なブログにはあまりニーズのないカスタム投稿タイプは用意されていないのだと思います。

私は、SWELLで実際に企業サイトを作成したことがあります。
カスタム投稿は用意されていないものの、企業向けホームページ等にも向いているテーマだと思います。

「SWELL」公式サイト

① SWELLの機能だけで「お知らせ一覧」を作成する方法

お知らせ一覧は②のカスタム投稿タイプで作成するのが、一般的でおすすめですが、SWELLの機能だけで作成する方法をご紹介します。

以下の2ステップだけで完成します。

「お知らせ一覧」の作成手順
  1. お知らせ記事用のカテゴリー(またはタグ)を作成する。
  2. 「投稿リスト」ブロックで「お知らせ一覧」を作成する。

「お知らせ」など、お知らせ記事用のカテゴリー作成済みを前提に手順をご紹介します。(タグでも同様にできます)

トップページ下部など、希望の場所に「投稿リスト」ブロックを挿入します。

投稿リストブロック

右側の設定で、「Pickup」タブをクリック

SWELL-お知らせ
  • 投稿タイプを絞り込む → 投稿
  • タクソノミーの条件設定 → カテゴリーを選択し、下の選択肢で「お知らせ」を選択
SWELL-お知らせ

右の設定で「Settings」タブをクリックすると、表示する投稿の数を指定でき、レイアウトも選択できます。

以下の画像はカード型です。

テキスト型。
お知らせ記事一覧は、この形が一般的だと思います。

SWELL-お知らせ

② カスタム投稿タイプで「お知らせ一覧」を作成する方法

「お知らせ一覧」の作成手順
  1. プラグインを使ってカスタム投稿タイプを導入する
  2. カスタム投稿タイプで、お知らせ記事を作成する
  3. 「投稿リスト」ブロックで「お知らせ一覧」を作成する。

1. プラグインを使ってカスタム投稿タイプを導入する

有名プラグイン「Custom Post Type UI」(CPT)を使います。

CPTを有効化し、管理画面で「投稿タイプの追加と編集」で、投稿タイプのスラッグ(URLの末尾)とラベル(管理画面上の表示)を入力します。

以下の例では「お知らせ」を追加します。

SWELL-お知らせ

2. カスタム投稿タイプで、お知らせ記事を作成する

追加すると、管理画面左側に「お知らせ」の項目が増えます。

ここから、通常の投稿ページと同様に、カスタム投稿の記事を作成、投稿していきます。

SWELL-お知らせ

3. 「投稿リスト」ブロックで「お知らせ一覧」を作成する。

トップページ下部など、希望の場所に「投稿リスト」ブロックを挿入します。

画像に alt 属性が指定されていません。ファイル名: sw-news01_R.jpg

右側の設定で、「Pickup」タブをクリック

SWELL-お知らせ
  • 投稿タイプを絞り込む → 投稿
  • タクソノミーの条件設定 → カテゴリーを選択し、下の選択肢で「お知らせ」を選択
SWELL-お知らせ

テキスト型。
お知らせ記事一覧は、この形が一般的だと思います。

SWELL-お知らせ

お知らせ一覧の作成方法は以上です。

SWELL関連のおすすめ記事

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次