Wixでお知らせ一覧を作成する方法|CMSでトップページに最新記事を表示して詳細ページへリンクする設定手順

ホームページ作成

Wixでホームページを運営していると、トップページに「お知らせ」や「ニュース」欄を作り、最新情報を自動表示したい場面があります。毎回手作業で画像や文章を変更する方法もありますが、更新頻度が高い場合はWix CMSを利用すると効率的に管理できます。この記事では、Wix CMSを使ってトップページにお知らせ一覧を作成し、各項目をクリックすると詳細ページへ移動できる仕組みを作る方法を初心者向けに解説します。

Wixのお知らせ欄作成にはCMSを使うのがおすすめ

Wixでお知らせを3件表示するだけなら通常のテキストや画像パーツでも作成できます。しかし、新しいお知らせを追加するたびにトップページを編集する必要があり、記事数が増えるほど管理が大変になります。

CMS(コンテンツ管理システム)を利用すると、お知らせ専用のデータベースを作成でき、登録した情報をトップページへ自動表示できます。タイトル、画像、投稿日、本文などを一度登録するだけで複数ページに反映できる点がメリットです。

例えば、会社サイトで「夏季休業のお知らせ」「新商品の発売情報」「イベント開催のお知らせ」を掲載する場合、CMSに記事を追加するだけでトップページのお知らせ一覧も更新できます。

Wix CMSでお知らせ用コレクションを作成する手順

まずWixエディタを開き、左側メニューから「CMS」を選択します。表示される項目から「コレクションを作成」を選び、お知らせ管理用のデータベースを作成します。

コレクション名は「お知らせ」「ニュース」「新着情報」など管理しやすい名前にします。その後、以下のようなフィールドを追加すると使いやすくなります。

フィールド名 種類
タイトル テキスト
画像 画像
投稿日 日時
本文 リッチコンテンツ

このように項目を分けて登録しておくことで、トップページのお知らせ一覧と詳細ページの両方で同じ情報を利用できます。

トップページにお知らせ一覧を表示する方法

CMSのデータを表示するには、リピーターやギャラリーなどの表示パーツを追加し、作成したコレクションと接続します。

Wixエディタでトップページを開き、「追加」からリピーターを配置します。その後、「CMSに接続」を選択し、お知らせコレクションをデータソースとして指定します。

画像部分には画像フィールド、タイトル部分にはタイトルフィールド、日付部分には投稿日フィールドを接続します。これにより、CMSに登録した内容が自動的に一覧表示されます。

表示件数を3件に設定したい場合は、リピーターの表示設定やCMSの並び順設定で最新3件だけ表示するよう調整します。

お知らせをクリックして詳細ページへ移動する設定方法

一覧のお知らせをクリックして個別ページへ移動させるには、動的ページを利用します。

CMSのコレクション画面から「動的ページを追加」を選択すると、登録したデータごとに自動生成される詳細ページを作成できます。

例えば、「夏祭り開催のお知らせ」というデータを登録した場合、自動的に専用ページが作成され、一覧の画像やタイトルをクリックすると、その詳細ページへ移動できるようになります。

リンク設定では、リピーター内の画像やタイトルを選択し、「リンク設定」から作成した動的ページを指定します。ここを設定し忘れると、クリックしてもページ移動しない原因になります。

Wix CMS設定でよくある失敗と確認ポイント

お知らせ欄が正常に動作しない場合、多くはCMSとの接続設定やリンク設定が原因です。

特に確認したいポイントは、表示パーツが正しいコレクションに接続されているか、各項目が正しいフィールドに紐づいているか、クリック時のリンク先が動的ページになっているかという点です。

例えば、タイトルには文字フィールドを接続しているものの、クリック設定をしていない場合は見た目だけのお知らせ欄になり、詳細ページへ移動できません。

Wixで管理しやすいお知らせページを作るコツ

お知らせ機能は、一度仕組みを作ってしまえば更新作業が非常に簡単になります。運営者はCMSへ新しい記事を追加するだけで、トップページと詳細ページの両方を更新できます。

また、投稿日が新しい順に並ぶ設定やカテゴリー分けを行うことで、情報量が増えても利用者が探しやすいサイトになります。

例えば企業サイトなら「重要なお知らせ」「キャンペーン」「イベント情報」などカテゴリーを分けることで、訪問者に必要な情報を届けやすくなります。

まとめ|Wixのお知らせ欄はCMSと動的ページを使うと効率的に管理できる

Wixでトップページにお知らせ欄を作成する場合、CMSを利用すると画像、タイトル、日付、本文などを一元管理できます。

一覧表示にはリピーターを利用し、詳細ページには動的ページを設定することで、一般的なニュースサイトのような仕組みを作ることが可能です。

最初の設定は少し複雑に感じますが、一度構築してしまえば更新作業は大幅に簡単になります。お知らせを頻繁に追加するホームページでは、Wix CMSを活用した管理方法がおすすめです。

コメント

タイトルとURLをコピーしました