Wixエディターを使ってアコーディオンを追加する方法

みなさん、こんにちは！

今回は、Wixのに搭載されている「アコーディオン」と呼ばれている、 Wix上ではFAQの機能として使われている機能についてご紹介していきたいと思います。

この機能はFAQとして、 Wixに取り入れられている機能になるのですが、

Wixだけでなく、それ以外の場所でも指定のタイトルをクリックすると格納されている文章が出てくるという仕様に変更することができるので、

ここのページ少し長くて間延びしているな、など思った時に改善できる手段となるので、

結構使っている人が少なく、プロが使う手段になっていますので、是非最後までご覧いただき活用してみてください。

Wixとは？

Wixのご紹介

Wix（ウィックス）とは、2006年にイスラエルで生まれ、2010年に日本語版がリリースされ、現在全世界で 2.3億人以上の登録ユーザーを有する人気ホームページ作成ツールです。

CMでこのキャッチフレーズを見たことがある方も多いのではないでしょうか。

「1.2秒に1人が Wixを使ってHPを作っています」

直感的にHPを作成・ドラッグ&ドロップにて変更が簡単にできる為、幅広いユーザーから支持を受けています。

Wixのアコーディオン機能とは？

Wixでのアコーディオンとはその名のアコーディオンの通り、

折重ねられた1問1回答型のアコーディオンボックスの事を指します。

この「アコーディオン」を利用することによって、長く間延びしてしまったサイトの体裁を綺麗にまとめて格納することができます。

WixではFAQの機能として取り入れられており、それを代用することにより他のページで使用することが可能となります。

Wixアコーディオンを使うメリット

上記写真が弊社が行なっていう自社事業「アフタヌーンティバスクルージング」の Wixで作成しているサイトのFAQになります。

この「よくある質問」の量でもこの画面幅をとり、スクロールするだけで嫌になってしまいます。

Wixでアコーディオンを使う一番の理由としては、ユーザーの欲しい情報を一箇所にそしてコンパクトにまとめられるから、ユーザーが欲しい情報を取得しやすい為ユーザービリティが高い事が一番の、メリットだと思います。

また、 Wixのエディタを使って、アコーディオンを取り入れている企業様も少ないので、 Wixを使って村機能を使っていたら、「おっ」と制作者側は思うはずです！

Wixアコーディオンの作成方法

FAQの作成方法についてご紹介

Wixエディタでは、アコーディオンをワンクリックで作成することができないため、

一旦前述通り、 Wix FAQのアプリケーションを入れたのちそれを代用して「アコーディオン」を作成していきます。

1. Wixエディタにログイン

2.エディタ左側のツールバーよりで「アプリ」

 をクリックします。

3.検索窓に「Wix FAQ」と入力し検索を行います。

3.トップに出てくる「Wix FAQ」を選択します。

4.「サイトに追加」をクリックすることで一般的な WixのFAQが完成します。

アプリを追加した時にはデザイン性の低い状態で追加されてしまうので、

ここから、FAQをクリックして「設定」から、デザインの変更を行なっていきましょう。

背景を投下したり、よくある質問内に少し装飾をすることによって、堅苦しい「よくある質問」から事業のカラーを出したよくある質問に変換させることが可能です。

Wix FAQを用いた「アコーディオン」の作成方法をご紹介

まず前章でご説明した内容の、FAQの追加方法より、「 Wix FAQ」を追加下さい。

まず、初期設定で入っている「タイトル」・「検索バー」・SNSのカテゴリなどを全て非表示にしていきます。

そして、「設定」→「デザイン」→「ヘッダー・背景」に進み背景色の色を透明にすると、

これでエディターXで基本機能として存在している、「アコーディオン」機能の完成です。

これを転用することによりFAQとしてではなく、自由にページ移動してアコーディオンを使用する事ができます。

アコーディオンに掲載する文章の変更の仕方

Wixのアコーディオンのテキスト内容の変更方法は「 Wix FAQ」をクリックすることによって、

「よくある質問の管理」のボタンが出てくるので、それをクリックします。

そしてカテゴリごとに分かれているよくある質問の中から、編集したいものをクリックして、内容を変更していきます。

Wix FAQと書いてありますが、他の場所に転用して、1問1答の回答を変えることにより、

アコーディオン式の、ユーザーが気になる内容をクリックして、そこをクリックすることにより、内容がポップアップで出てくるというアコーディオン式の設定ができますので、是非文章が長いなと感じた時は、この機能を試してみて下さい。

まとめ

最後までご覧いただきありがとうございました。

本日は、 Wixの機能で使えるFAQ機能を基軸に、FAQのアプリ機能を使ったアコーディオン設定についてご紹介していきました、

これを使うことで、届けたい情報を届けたい人へ送る事ができるのでユーザービリティの高い機能になります。

CMSの無料ツールとしてこの機能を提供している制作ツールが少ない中、

Wixはとても優秀となっています、是非活用いただき、一味違うWeb制作を行なってみて下さい。

日本 Wix研究所では、これからも制作面でのお困りごと、またプロはどうやって Wixを使ったWebサイト制作をしているのか？などどんどん紹介していくので、是非他のコラム記事も確認してみてください。

実際知らないと絶対に出来ない機能なので、日本 Wix研究所でたくさん勉強して、競合サイトと差をつけちゃいましょう。

弊社では制作面でのお困りごと・貴社のHPをプロの目線で現行サイトを分析して、アドバイスさせて頂く「無料相談会」を実施しております。

ご興味がある方は下記のボタンより、弊社「株式会社ラジャ」までお問い合わせください。