趣味で社会人バンドをしているエミリです*今回は、久々Wixについて書いていきます。先日、以下の様なご相談を頂きました!閲覧者がフィルタリングできるリストを作成したいです。何か良い方法はないでしょうか?相談者Aさんよりこちらのブログで以前エクセルの表をHTMLに変換しWixでテーブル表示させる方法を紹介しました。その記事をご覧になったAさんよりご相談をいただきました。以下の記事がその内容です。...続きを見るこの記事で作成したテーブルはHTML(フロント)部分のみを作成したものになりフィルタリング機能はHTMLのみでは表現できない(プログラム)部分となります。上記記事の方法ではフィルタリングさせることはできません。最後にWixで作成したテーブル一覧にフィルタリング機能はつけれるのか?まず、Aさんからご相談を受けすぐにWixのサイトで調べてみました。すると、以下の様に記載がありました。現在、訪問者が「フィルター」をかけたり、「ソート(分類)」できるリストを作成することはできません。え~、できんのかい!!!これ大事だろ・・・と思いつつもう一つ、違う記載も見つけました。商品ギャラリーに並び替えとフィルターのオプションを追加し、購入者が探しているものを見つけやすくしましょう。※並び替えとフィルターメニューはモバイル機器では表示されません。※並べ替えとフィルターはスライダー商品ギャラリーではご利用いただけず、グリッド商品ギャラリーにのみご利用いただけます。Wixストアの商品リストであればフィルター機能をつけれるようです。モバイル機器では表示されないグリッド表示のみにしか適応しないなどまだまだ使い勝手はよくなさそうですね。こんな感じで観覧者側でのフィルタリングは現在のところできないようです。泣ただ、WixではWixcodeというデータベースが用意されています。大量の情報を扱う場合Wixcodeを使用することで観覧者側からのフィルタリングはできませんが管理者側からのフィルター追加が可能です。これを利用すればある程度分類させたものを各ページに表示させることができます。それでは、その具体的な方法を以下より紹介していきます。Wixcodeを使用してみよう!まずは、Wixcodeを使用する手順と情報入力~コンテンツ表示までは以下の記事で紹介しております。...続きを見る管理者側でフィルターをかけるにはWixcodeの使用は必須となります。Wixのデータベースの情報にフィルターをかけ表示させる方法データベースの表示まで完了したらフィルターをかける準備をしていきます。カテゴリー分けをしているリストはカテゴリーを利用してフィルタリングしていきましょう!カテゴリー分けをしていない場合まず、それぞれのリストにIDをつけていきましょう!具体的には以下のようにやっていきます。私が作成したデータベースはバンドスタッフの一覧です。この一覧、情報が少ないのですがスタッフの年齢を「20代」「30代」「40代」と分類して表示させるようにします。データベースに20代のスタッフには「20」というIDを付与していきます。30代スタッフは「30」40代スタッフは「40」・・・idの付与が完了したら同期・公開してエディタに戻ります。エディタに戻りそれぞれの一覧を表示させるページを作成します。20代一覧ページにid「20」のフィルターをかけて表示したいと思います。元のテーブルを20代一覧ページにコピペします。データベースのアイコンをクリックしてスタッフ一覧を選択します。セットされたデータベースの「設定」をクリックしてフィルターをかけます。フィルター追加をクリックします。・先ほど作成した「id」というフィールド内から・等しい「=」もの・値は「20」をひろうと選択しました。プレビューで確認するときちんと20代のスタッフのみが表示されていました。同じように、別の一覧ページも作成していきます。あとは、テーブルの近くに一覧ページへのボタンを設置しリンクさせて完了です!今回の検証は以下のページで確認することができます!>>検証サイトで確認してみる!最後に上記の方法を使用すれば観覧者側でフィルターをかけれなくてもカテゴリー分けしたリスト一覧を表示させることができます。面倒ではありますがよりあなたの理想の形を表現できるかもしれません。...続きを見る■wixカスタマイズまとめwixでツイッターを連動させたい!コンタクトフォームはどう設定するの?といったことを以下でまとめています。これからもどんどん追加していきます。リクエストも受け付けています!Wixテンプレートのカスタマイズ方法まとめこのページでは、Wixで作成したホームページのカスタマイズ方法をまとめました。...続きを見る0エミリへのお問い合わせはこちらからエミリへのお問い合わせホームページ作成やバンドのことでお悩みの方や、不明点などございましたら下記アドレスまでお気軽にお問合せ下さい!<質問例>・ホームページ作成のお悩み(バンドのページでなくてもOKです。・楽器選び、パート選び等、どんな些細な事でもなんでもいいです!あなたのちょっとしたサポートができれば幸いです。こちらのブログの感想も添えてくださると嬉しいです。どんな時も「楽しむ」ということを念頭に一緒に取り組んでいきましょう!●以下、メールアドレス宛にご相談ください!⇒info@bandemiri.com●メールフォームからも受け付けてます!⇒メールフォームTwitterShareGoogle+PocketB!HatenaLINEこの記事を書いた人emiriアラフォー。