最近、自分のまわりでWix
を使ってウェブサイトを作る人が増えてきました。
かくいう自分もその流れに乗ってWixでサイトを作った一人なのですが、JimdoやFC2に比べて、アーティスティックなサイトをテンプレから簡単に作れるのが魅力です。
Wixは海外(というかイスラエル)のサイトなので、基本的には日本語にも対応していますが、一部英語表記のままだったり、日本の習慣とは表記のスタイルがちょっと違うなあ、という部分もあります。選べるフォントも、アルファベットは非常に充実していますが、日本語フォントは片手で数えるほどです。
ですが、やはりミュージシャンやバンド、アーティストにとって非常に魅力的なサイトであることは間違いありません。
さて、ミュージシャンのサイトといえば、ライブのスケジュールをわかりやすく載せることは非常に重要なポイントの一つです。また、重要なのはわかっているのに更新するのが億劫になってしまうのもまた事実。(ですよね…?)
Wixには「Event Calendar」というアプリがあり使い勝手もまあ悪くは無いのですが、作成できるイベント数が5つまで(それ以上作成するには月々600円ほどの課金が必要)という、ライブのスケジュール用としては不便な仕様になっています。
アプリではなく「リストビルダー」という機能から「イベントリスト」を作成する、という方法もありますが、こちらは自動的にイベントを日付順に表示する機能が無いというこれまた不便な仕様。
そこで、[1]見やすい、[2]更新がしやすい、[3]無料で使える、という条件でWixサイトにスケジュールを載せる方法を色々と模索した結果、
「Googleカレンダー内にスケジュール用のカレンダーを作成」
↓
「Wixのiframeアプリで埋め込み」
という方法が一番しっくりきたので、簡単にまとめてみました。
1. Wixサイト内にHTMLボックスを作成する。
Wix App Market で「iframe」などで検索し、「HTML iFrame/埋め込み」というアプリをサイト内に追加します。
サイトに追加すると四角いボックスが現れるので、右クリックして、設定を開きます。
「モード」を「ウェブアドレス」から「HTMLコード」に変更します。
2. Googleカレンダー内にライブスケジュール用にカレンダーを新規作成する。
(Googleのアカウントを持ってないよ、って人はこれを機に作っちゃいましょう)
デフォルトのカレンダーでも大丈夫ですが、別で作っておいたほうが何かと管理しやすそう。
「マイカレンダー」の右の▼から新しいカレンダーを作成します。
自分は、「ヤノアツシofficial」というカレンダーを作成しました。
※このタイミングでいくつかスケジュールを登録しておくとこの後の工程が確認しやすくなります。
3. カレンダーの埋め込みコードを取得する。
2.で作成したカレンダー名の右の▼からカレンダー設定を開きます。
「色やサイズなどをカスタマイズします」を選びます。
右のプレビュー画面を見ながら「表示」と「既定のビュー」などをお好みに設定します。
左下、「表示するカレンダー」が2.で作成したカレンダーになっているかも一応確認しましょう。
設定が済んだら、右上のコードをコピーします。
4.コピーしたコードをWixサイトの「HTML」ボックスにペーストし、調整して完了。
「HTML/埋め込みコード」の下に埋め込みコードをペーストし、更新ボタンをクリックします。
HTMLボックス内にGoogleカレンダーが反映されるので、適宜サイズを調整してください。
実際に公開した画面がこちら。
イベント名をクリックするとGoogleカレンダーで登録した「説明」が表示されます。
(Googleカレンダーの「説明」にはHTMLタグを使用できますが、埋め込まれたカレンダーにはHTMLタグが反映されないようです。)
モバイルページとフレームの相性は若干微妙ですが、スケジュールは問題なく確認できます。
-----------------------------------------------------------------------------
以上になります。
最初に掲げた条件を振り返って見ますと、
[1]見やすい
Wixアプリに比べてGoogleの方が日本語対応が行き届いているので、見やすさの面でも有利だと思われます。
(実はWixアプリにはGoogleカレンダーアプリもあるのですが、今回採用した方法のほうが同様の理由で見やすいと感じました。)
[2]更新がしやすい
WixのHTMLエディタを全く開くことなく、Googleカレンダーを更新するだけでWixサイトに自動的に反映されます。また、Googleカレンダーの更新はスマホからでも簡単にできるので非常に便利です。
[3]無料で使える
機能制限なし、すべて無料で使えます。
需要がありそうなのでまとめてみましたが、お役に立てたら幸いです。
ぜひ、僕のWixサイトも覗いてみてくださいね!
ヤノアツシ Official Website
J-POPをこよなく愛するベーシストです。
色々なシンガーソングライターさんのバックで弾かせていただいております。
演奏依頼や共演したアーティストさんの一覧はオフィシャルサイトからどうぞ。
★ヤノアツシOfficial Website
http://atsushiyano.wix.com/bass
★twitterもやってます。気軽にフォローしていただけると嬉しいです。
https://twitter.com/atsushiyano
色々なシンガーソングライターさんのバックで弾かせていただいております。
演奏依頼や共演したアーティストさんの一覧はオフィシャルサイトからどうぞ。
★ヤノアツシOfficial Website
http://atsushiyano.wix.com/bass
★twitterもやってます。気軽にフォローしていただけると嬉しいです。
https://twitter.com/atsushiyano