【2023年最新】wixサイトにお知らせ欄を設置する方法を徹底解説！

こういった疑問にこたえます。

こういったぼくが解説していきます。

お知らせ欄とは最新情報が一目でわかるコレ

このお知らせ欄を自分のWixサイトにも導入したいという相談を多くもらうため、解説記事を用意しました。ぜひ最後まで読んで、あなたのサイトにも導入してみてください！

本記事をご覧頂き、不明点がありましたら質問対応いたしますので、ぜひお問い合わせください。

wixサイトにもお知らせ欄は設置できる

サイトを見た時、お知らせ欄があるとサイトの更新頻度がすぐにわかりますよね。実はこれってすごく重要。最終更新が数年前だと、

と思いますよね？

大事なのは更新の手軽さ

面倒で時間のかかる作業だと、つい放置したくなりますよね？

と思った時に2・3分でサクッと更新できるくらいであって欲しい。

有料アプリは使用しない

Wixにはたくさんのプラグインアプリがあるのが魅力。でも不具合があったり、アプリひとつでサイト維持費を超えてしまうような金額のものまである。

無料のものだと機能が限られ、使い物にならなかったりもするので、アプリは使わないようにしています。

wixサイトにお知らせ欄を設置する３つの方法

Wixサイトにお知らせ欄を導入するため、ぼくが実際にやってみたのは以下の３パターン

順に解説していきます。

①お知らせ機能としてTwitterを使う

WixサイトにTwitterタイムラインを埋め込み、お知らせ機能として使用する方法です。

メリット：更新が10秒でできる

Twitterを更新すればサイトに連動しているのでとても簡単にできます。

デメリット：集客としてTwitterが使えなくなる

ツイートが全てサイトに反映されてしまうため、お知らせに関係ないことは発信できなくなります。SNS集客で根強い人気を誇るTwitterを使えなくなるのは痛いので却下。

②ブログ機能を使う

Wixブログで「お知らせ」カテゴリーを作り、その1カテゴリーだけを表示する方法。

メリット
①デザインがいい
②スマホで更新できるのでラク

デメリット：レイアウト調整範囲が限られ、１つ１つが大きすぎる

特にスマホで見た時、いくつもお知らせがあると延々とスクロールしなければならなくなります。３つくらいでもまだあるの？と感じてしまうかも。

③コンテンツマネージャーを使う

企業サイトでよく見る形をそのまま再現できます。

メリット
①始めにデザインをすれば、更新はexcel入力と変わらない
②更新時に重いWixエディターを開く必要がない
③自由にカスタマイズできる

デメリット：導入がややこしい！

「Twitterは集客で利用したいし、ブログはカスタマイズが限られるので使いにくいなぁ」

という方はコンテンツマネージャー利用一択です。

更新が簡単なお知らせ欄を作れるコンテンツマネージャーの設置方法

少し複雑な作業が必要なコンテンツマネージャー。画像を見ながら真似して進めてもらえれば迷わないよう解説していきます。

手順は以下の6ステップ

①コンテンツマネージャーのニュースを追加する

Wixエディターを開き、コンテンツマネージャーのニュースを追加します。

「最新ニュース」をサイトに追加すると、自動的にページが作成されます。

ページが追加されるとコンテンツマネージャーの編集画面が開く。

②コンテンツマネージャーのデータを編集する

ニュースとして必要な項目が自動で作成されているので、不要なものは削除します。

今回はReporter NameとSubtitleは削除します。

次に必要な情報の、

を編集します。

これでお知らせ欄に載せたい情報が完成。初期設定では６つのお知らせが作成されるので、不要な分は削除しましょう。

次にこのデータをサイトに表示するレイアウトを決めます。

③お知らせ欄のデザインを整える

サイトのトップページ編集画面に移動し、お知らせを設置したい場所へストリップを追加します。

Wixエディターメニューの「追加」から「リスト＆グリッド」の「リピーター｝を選択。適当にリピーターを選んで追加

追加したリピーターを編集します。

画像で編集したのは、

※2　便宜上「日付」としてますが、何でも構いません。コンテンツマネージャーとリンクさせると日付が表示される場所という意味です
※3　タイトルも※2と同様何でも構いません

上記の編集内容はお好みでデザインしてください。疑問に思いそうな点を一旦まとめます。

なんでリピーターを使うの？

リピーターは1番上のコンテナ内を編集すると、連動してしたのコンテナ内も編集されます。一度リピーターで設定してしまえば今後お知らせを追加する際にエディターを開いて編集する必要がなくなります。

追加する要素の「テキスト」と「ボタン」の違いはなに？

ボタンを使うとクリックした際に別のページ移動する設定ができます。

例えば、「タイトルをクリックすると詳細ページに移行する」設定をしたい場合、タイトルをボタンで作ればクリック時の動作設定ができるんです。

ボタンは枠や背景が消せるので、見た目はテキストと変わらないように配置できるんです。リピーターではテキストにリンクを設定できないので、このボタンリンクで対応します。

④リピーターとコンテンツマネージャーをリンクさせる

リピーターに配置したテキスト、ボタンをそれぞれ②コンテンツマネージャーのデータを編集するで作ったコンテンツマネージャーのNewsとリンクさせます。

各項目を割り当て、プレビューを確認すると、

設定した通り表示され完成です。

⑤お知らせの表示数を設定する

古い情報が延々と並んだら見栄えが悪いですよね？新しい情報だけを表示するよう、表示数を設定します。

リピーター内にあるデータセットのアイコンをクリック、設定から「表示するアイテム数」をお好きな数にセットします。

画像では３つに設定したので、新しいお知らせから３つ目までしか表示されなくなりました。古い情報はわざわざ消さなくてもサイトには表示されません。

⑥お知らせ一覧ページの設定

トップページのお知らせ欄には３つだけ表示されればいいんだけど、過去のお知らせを全て確認できるようにしたい場合どうしたらいい？

ボタンリンクを設置して、お知らせ一覧ページ（News All）に飛ばすのがおすすめです。

ボタンはリピート内に設置すると複数表示されてしまいます。リピート外に設置してください。

ボタンをクリックすると一覧のページに移行します。

あとは③お知らせ欄のデザインを整えると同様、News（All)とNews（Title)のページデザインを整えます。

News（Title)ページにはテキストとリッチコンテンツをリンク接続しておけば、

など、ブログのような編集がエディターを開かなくてもできます。

今後の更新はWixダッシュボードにあるコンテンツマネージャーで情報発信をするだけ。とてもかんたんに更新できるようになりました。

まとめ

最後にまとめます。

以上について解説してきました。更新が面倒でつい放置しがちになるWixサイト。これでラクに更新できるようになりwebサイトからの情報発信も気軽にできます。ぜひ活用ください！

本記事を読んだけど、

という方向けにWixサイトの修正代行を承っています。希望される方はぜひご相談ください！