20代で知りたかったお金・節約・生活の役立つ情報をあなたに

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

 
ころにぃ

企業サイトなどでよくある『News』とか『お知らせ』をwixサイトに導入したいんだけどできるの?

どうやって設置したらいいんだろう?

更新は簡単にできるのかなぁ?

 

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

 

 本記事の内容
 wixサイトにもお知らせ欄は設置できます

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

 更新がラクなコンテンツマネージャーの設定方法

 

 
ろにぃ

こんにちは、ろにぃ(@ronnie_2020)です。最近、wixサイトの制作の依頼を頂く機会が増えてきました。

今回は『wixサイトにお知らせ欄を設置する方法』について解説していきます。

これまで情報が見つからないまま代替案で済ませてきた機能。 今回サポートセンターに問い合わせてようやく解決しました。

 

こういった僕が、解説していきます。

お知らせ欄とは企業サイトなどでよく見かける最新情報が一目でわかるコンテンツです↓

wix お知らせ欄

 

ひと目で最新情報がわかって、更新も簡単にできそうなやつ。

今まで何年も悩んできた問題がようやく解決できたので公開します。ぜひ最後までご覧ください!

 

『自分で作るなんてめんどくさい!』という方向けにココナラにて作業代行を承っております。

検索順位NO.1の実績 Wixサイトを修正します 自身で作ったサイトが高品質に生まれ変わる

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

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

 

サイトを見ていて、このお知らせ欄があるとサイトの更新頻度がすぐにわかりますよね。 これってとても重要なのではないかと思っています。

最終更新が数年前だと、

 

 
ころにぃ
このサイトの情報、大丈夫なのだろうか?

 

と思ってしまいますから。

大事なのは更新の手軽さ

Wix お知らせ 手軽さ

更新の手軽さはとても大切。

面倒で時間のかかる作業になると放置したくなりますよね?

『あっ、この情報リリースしなきゃ!』

と思った時に、2,3分でさっと更新できるくらいであって欲しいですよね。

有料アプリは使用しない

Wix お知らせ 有料アプリ

wixにはたくさんのプラグインアプリがあるのが魅力。

でも 結構不具合があったり、アプリひとつでサイト維持費を越えてしまうような金額のものまである。

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

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

Wix お知らせ ニュース

wixサイトにお知らせ欄を導入するため、僕が実践してきたのは以下の3パターンです。

 

 

これら3つを順に解説していきます。

あくまで誰でも気軽に更新できる方法でお伝えします。

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

Wix お知らせ Twitter

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

 

関連記事

[word_balloon id="5" position="R" size="M" balloon="talk" name_position="under_avatar" radius="true" avatar_border="fals[…]

Twitterタイムライン 埋め込む

 

 メリット

 

  • 更新が10秒でできる!

 

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

 

 デメリット

 

  • 集客としてTwitterが使えなくなる

 

ツイートが全てサイトに反映されてしまうため、 お知らせ欄に関係ないことは発信できなくなります。

SNS集客として根強い人気を誇るTwitterを使えなくなるのは痛いかも。

② ブログ機能を使う

ブログ新着

wixブログ機能で『お知らせ』のカテゴリーを作り、 それだけを表示するようにする方法です。

 

 メリット

 

  • デザインが良い!
  • スマホでも更新できるのでとてもラク!

 

 デメリット

 

  • レイアウトの調整範囲が限られ、1つ1つが大きい。

 

特にスマホで見た時にお知らせがいくつもあると、 延々とスクロールしなければならなくなる。

 

 
ろにぃ
3つくらいしかなくても、『えっまだあるの?』と感じてしまいます。

 

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

wix お知らせ 完成

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

 

 メリット

 

  • 始めにデザインを決めてしまえば、 あとはexcel入力をするような感覚で更新できる。
  • 更新時に重いwixエディターを開く必要がない。
  • 自由にカスタマイズできる。

 

 デメリット

 

  • PCでの作業が必要。
  • 導入がややこしい!⇒この記事で解決できます!

 

 
ころにぃ
Twitterは集客で利用したいし、ブログはカスタマイズが限られるので使用しにくいんだよねぁ…。

 

と感じる方にはこのコンテンツマネージャーの利用がおすすめです!


更新が簡単なコンテンツマネージャーの設置方法 ※2022年3月更新

wix お知らせ 設置

便利ですがわかりにくく、サポートセンターの解説だけでは 不足した部分が多数あるコンテンツマネージャー。

ここからは真似するだけで見やすく、更新が簡単なお知らせ欄が設置できるよう解説していきます。

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

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

wix お知らせ コンテンツマネージャー追加

wix お知らせ 最新ニュース

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

wix お知らせ ページ作成ページが追加されるとコンテンツマネージャーの編集画面が開きます。

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

wix お知らせ コンテンツマネージャー編集

ニュースとして必要な項目がセットされています。

不要なものは削除します。

wix お知らせ 削除

 

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

次に必要な情報、Title(お知らせのタイトル)、image(お知らせのアイキャッチ画像)、Date(お知らせする日時)、Article Text(お知らせの詳細)を編集します。

wix お知らせ 編集

これでお知らせ欄に載せたい情報ができました。

プリセットではお知らせが6つ作成されますので、不要な分は消してしまいましょう。

wix お知らせ いらない

次はこのデータを表示するレイアウト決めです。

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

次にお知らせ欄を表示させる部分のデザインを決めます。

 

 
ろにぃ
ここからが最重要なので集中してついてきてください!

 

トップページの追加した箇所にストリップを追加します。

wix お知らせ トップページ

 

wixエディターの『追加』から『リスト&グリッド』の『リピーター』を選択し、 適当なリピーターをクリックして追加します。

エディターメニューの追加→リスト→リピーターから追加するリピーターを選択。編集して使うのでシンプルなものでOK。

wix お知らせ リピーター

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

wix お知らせ リピーター編集

 

wix お知らせ リピーター 編集後

編集した内容は以下の通り

 

  • リピーター、コンテナの幅、高さを調整しストリップ内に収める
  • 表示されているテキストを1つだけ残し『日付』と編集
  • 文字だけのボタンを追加し、タイトルと編集。リンク先を『News Title』のページに設定
  • ラインの幅を調整

 

上記の編集内容はお好みでデザインしてください。

ここではわかりやすく、テキストを『日付』ボタンを『タイトル』と入力して割り当てましたが、 入力する文字は何でも構いません。

あとでコンテンツマネージャーとリンクするので入れ替わります。

 

 
ころにぃ
なんでリピーターを使うの?

 

リピーターは一番上のコンテナ内を編集すると、 それに連動して下のコンテナ内も編集されます。

 

 
ろにぃ
リピーターを使っておけば今後、お知らせを追加する度にエディターでの編集する必要がなくなるよ!

 

 
ころにぃ
追加する『テキスト』と『ボタン』の違いはなに?

 

 
ろにぃ
テキストリンクを使うか使わないかだよ!

 

例えば、『タイトルをクリックすると詳細のページに移行する』という機能を使いたい時、 タイトルをボタンで作ることにより、クリック時の動作設定が可能。

リンク先をNews(Title)ページにすればお知らせ欄から詳細ページへ飛ばすことができるようになるんです!

ボタンは背景を消せるので、見た目はテキストと変わらないように配置ができます。

wix お知らせ ボタン

テキストにリンクを貼ろうと思ったのですが、それができず散々ググりました。

しかしこのリピーターとボタンの使用について情報がなく、 カスタマーセンターの方がやさしく丁寧に教えてくれました。

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

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

wix お知らせ データに接続

wix お知らせ 接続設定

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

wix お知らせ 完成

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

お知らせの表示数を制限する

古い情報が延々と並んだら見栄えが悪いですよね? 新しい情報だけを表示できるよう、表示される数を制限できます。

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

お知らせ欄17

画像では3に設定しましたので、新しいお知らせから3つ目までしか表示されなくなりました。

これで古い情報は残しておいてもお知らせ欄には表示されません。

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

 

 
ころにぃ
トップページのお知らせ欄には3項目だけ表示でいいんだけど、サイト内で一覧を確認できるようにしたいな

 

 
ろにぃ
それならボタンリンクを設置して、お知らせ一覧ページ(News All)に飛べるようにするのがおすすめだよ!

wix お知らせ 一覧ボタン

ボタンは複数表示されないようリピートの外、ストリップの中に設置するように注意してください!

これでボタンを押すとお知らせ一覧のページに飛べるように設定できました。

wix お知らせ 一覧完成

あとはお知らせ欄のデザインを整えるのと同様、News(All)とNews(Title)のページのデザインを整えて完成です。

 

 
ろにぃ
News(Title)ページにはテキストとリッチコンテンツをリンクさせておけば、

・見出しの設定
・画像や動画の挿入

などブログみたいな編集がエディターをひらかなくてもできるよ!

 
wix お知らせ テキストとリッチコンテンツ
テキストにAricle Text(リッチコンテンツ)を接続
wix お知らせ リッチコンテンツ編集
エディターを開かずダッシュボードのコンテンツマネージャーから装飾も可能なお知らせ本文の入力が可能

今後の更新はダッシュボードのコンテンツマネージャーで情報を追加していくだけ!

とてもカンタンに更新できるようになりました。

【2022年】wixサイトにお知らせ欄を設置する方法を徹底解説! まとめ

まとめ

最後にまとめます。

 

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

 

  •  手軽さが重要
  •  有料アプリは不要

 

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

 

  •  Twitterを使う
  •  ブログ機能を使う
  •  コンテンツマネージャーを使う

 

 コンテンツマネージャーの設定方法

 

  1.  コンテンツマネージャーのNewsを追加する
  2.  ダッシュボードのコンテンツマネージャーデータを書き換える
  3.  ホーム画面にリピーターを追加し、編集する
  4.  コンテンツマネージャーとリンクさせる
  5.  お知らせ表示を制限する 
  6.  お知らせ一覧ページの設定

 

以上について解説してきました。

更新に手間がかかり、つい放置してしまいがちになるwixサイト

これでラクに更新できるようになり、 webサイトからの情報発信も気軽にできるでぜひ活用ください!

 

本記事を読んだけど、

 

  •  自分でできる気がしない!
  •  自分でやる時間がない!

 

という方向けにココナラにて作業代行を承っております。

 

検索順位NO.1の実績 Wixサイトを修正します 自身で作ったサイトが高品質に生まれ変わる

 
お知らせ欄設置に限らず、他の機能追加、デザイン修正、サイトのお悩み相談なども承っております。
あなたのWixサイトがより便利で魅力的に変わりますので、ぜひご検討ください!
 
【これを求めてた!】wixサイトにお知らせ欄を設置する方法をついに発見
最新情報をチェックしよう!