デザイン設定を使用すると、 Timely ダッシュボードでは、さまざまなデザインのカスタマイズを設定できます。 イベントカレンダー作成ソフトウェア、ブランドとビジネスを強化します。この投稿では、アカウントのデザイン設定を行う方法を説明します。
コンテンツを素早く簡単に理解するには、ビデオ形式の説明をご覧ください。
1. カレンダーのデザインをカスタマイズする理由は何ですか?
の外観と操作性をカスタマイズしたい理由はたくさんあります。 Timely オンラインイベントカレンダー、を含みます：
- 新しい Web サイト訪問者を引き付け、視聴者と交流するには: クールな「What's Happening」ページは、フォロワーを獲得し、Web サイトへの反復的かつ長時間の訪問でトラフィックを促進するための最良の方法の 1 つです。
- Web サイトに新しいコンテンツやイベントを導入する: 人々は忙しいので、イベントを 5 つのサイトに投稿するにはせいぜい XNUMX 分しかかかりません。それを自分のものにするのです。
- お金を引き寄せてイベントを収益化する: 広告主とスポンサーは、限られたマーケティング予算を、最も価値があると認識するところに費やします。
2. アカウントデザイン設定のカスタマイズ
ウェブサイトのイベントカレンダーをカスタマイズするには、左側のメインメニューで「設定」をクリックします。次に、「デザイン」タブをクリックすると、以下の設定を編集できます。
- テーマ
- イベントページのレイアウト
- イベント表示設定
- 共有ボタン
- フォントの設定
- ビュー
- カスタムカラー
- ツールバーの設定
- 高度なカスタマイズ
3. カレンダーのテーマ
コンテンツを簡単に紹介するビデオをご覧ください:
現在、13 種類のプリセット カレンダー テーマから選択できます。
- アムステルダム
- アンティーク
- 企業
- カスタム額装
- デフォルト
- エケベリア
- 夕暮れ
- 最小限の
- 夜
- ピーコック
- Timely
- クラシック傘
- XNUMX年の
これらのテーマのいずれかを選択すると、各テーマの色とフォントがカレンダーの表示とウィジェットに自動的に適用されます。必要に応じて、これらをベースにカレンダーをカスタマイズすることもできます。プリセットテーマに追加したカスタマイズ内容は、カスタムテーマとして保存されます。
4. イベントページのレイアウトと表示設定
このセクションの簡単な概要については、ビデオをご覧ください。
イベント ページのレイアウト設定を使用して、イベント ページの外観を決定できます。 4 つの異なるイベント ページ レイアウトから選択できます。
- デフォルト
- 太字（ナオス）
- コンパクト
- 広い
さらに、ウェブサイト訪問者がイベント投稿をクリックして詳細情報を確認した際に、イベントページがどのように表示されるかを選択できます。オプションは、ポップアップウィンドウまたは新しいタブです。
5. シェアボタン
シェアボタンは、ウェブサイト訪問者がカレンダーやイベントを友人や知人と簡単に共有できる機能です。シェアボタンの表示場所（オンラインカレンダーやイベントランディングページなど）や外観（カラフルまたはニュートラル）を自由に設定できます。また、イベントコンテンツの共有を許可するソーシャルメディアチャネルも指定できます。
この記事では、カレンダーやイベントページにソーシャルシェアボタンを設定する方法を説明します。
6. フォントの設定
デフォルトでは利用できないフォントを追加したい場合は、Google Fonts または Typekit フォントを使用してカスタム フォントを追加できます。これは、カレンダー、イベントのタイトル、スライダーに対して行うことができます。
ダッシュボードの指示に従ってください。まず、カレンダーのデフォルトのフォントとして使用するフォントを選択します。次に、「フォント URL」ボックスに URL を貼り付けます。 3 番目に、各セクションで使用するフォント名を設定して、デフォルトのフォントをオーバーライドします。
7. カレンダービュー
「表示」設定では、ウェブサイト上でイベントカレンダーがどのように表示されるかを決定します。13種類以上のカレンダー表示から選択できます。
- ポスターボードビュー
- タイルビュー
- ストリームビュー
- 最新のリスト ビュー
- モダンなロウビュー
- クリーンリストビュー
- クリーンな行ビュー
- アジェンダビュー
- コンパクトなアジェンダビュー
- 年のビュー
- 月表示
- 週ビュー
- マップビュー
さらに、各ビューをカスタマイズすることで、カレンダーやイベントの視覚化とユーザーエンゲージメントを向上させることができます。この記事では、カレンダービューの設定方法と、ウェブサイト用のカレンダーレイアウトのカスタマイズ方法について解説します。
8. カスタムカラー
イベントカレンダーをさらにパーソナライズしたい場合は、背景、枠線、テキスト、ボタンなど、さまざまな部分で使用されている色を変更することで、見た目や雰囲気をカスタマイズできます。
希望のオプションをクリックして色を選択できます。カラーピッカーボックスが表示され、色を選択できます。カラー セレクターをドラッグするか、適切なボックスに目的の色の 16 進コードを入力できます。さらに、「デフォルトに戻す」ボタンをクリックすると、元のテンプレートから色を復元できます。
9. ツールバーの設定
オンラインイベントカレンダーやイベントページをカスタマイズできるだけでなく、ツールバーもカスタマイズできます。ツールバーの設定を変更することで、カレンダー上部のツールバーがウェブサイト訪問者にどのように表示されるかを変更できます。
以下に示すように、オプションを確認して非表示または表示を選択できます。
さらに、イベントの検索を容易にするために、公開カレンダーに表示するフィルターを選択できます。たとえば、カテゴリ、タグ、会場、主催者、およびユーザーが作成したその他のカスタム フィルターなどです。
最後に、フィルターは設定内で選択された上から下の順番に基づいてツールバーに表示されます。パブリックツールバービューでフィルターの順序を変更するには、すべてのフィルターのチェックを外し、希望の順序で再度チェックを入れます。システムはフィルターを選択した順序で表示するため、ユーザーにとって意図したとおりに表示されます。
10. 高度なデザインのカスタマイズ
詳細カスタマイズメニューでは、カレンダーソフトウェアのデザインをさらに細かくカスタマイズできます。オプションには、カスタムメタデータ、カスタムセクション、カスタムスタイルシート（CSS）があります。
カスタムメタデータ
スタンドアロン カレンダーと埋め込みカレンダーの両方に同じメタデータを持たせたい場合は、最初のボックスに値を入力し、[カスタマイズを埋め込む] チェックボックスをオフのままにするだけです。
「埋め込みカスタマイズ」にチェックを入れると、2つ目のボックスが表示され、カスタムメタデータを追加する必要があります。そうすることで、埋め込みカレンダーはスタンドアロンカレンダーとは異なるメタデータを持つようになります。
次に、「保存」ボタンをクリックして、新しく作成したパーソナライズされたカレンダーのデザイン設定を保存します。
カスタムセクション
カスタムヘッダーとフッターセクションを使用すると、カレンダーの上部または下部にテキスト、画像、広告を配置できます。これは、スタンドアロンカレンダー（time.lyでホスト）と埋め込みカレンダー（iFrame埋め込み）の両方で可能です。
スタンドアロンカレンダーと埋め込みカレンダーの両方で同じカスタマイズ設定を使用したい場合は、最初の2つのボックスに入力し、「埋め込みカスタマイズ」チェックボックスはオフのままにしてください。
「埋め込みカスタマイズ」にチェックを入れると、さらに2つのボックスが表示されるので、それぞれにカスタムコードを追加する必要があります。そうすることで、埋め込みカレンダーをスタンドアロンカレンダーとは異なる方法でカスタマイズできるようになります。
カスタム スタイル シート (CSS)
カスタムスタイルシートを使用すると、カレンダーのスタイルをより細かく制御できます。CSS を使えば、カレンダーの外観の一部だけを変更したり、カレンダー全体を変更したりできます。スタンドアロンカレンダー（time.ly でホスト）と埋め込みカレンダー（iFrame 埋め込み）の両方で、この操作が可能です。
スタンドアロンカレンダーと埋め込みカレンダーの両方に同じカスタムスタイルシートを使用したい場合は、最初のボックスに入力し、「埋め込みカスタマイズ」チェックボックスをオフにしたままにしてください。
「埋め込みカスタマイズ」にチェックを入れると、2つ目のボックスが表示され、カスタムスタイルシートを追加する必要があります。そうすることで、埋め込みカレンダーはスタンドアロンカレンダーとは異なるカスタムスタイルシートを持つことになります。
「timely-」プレフィックスで始まるクラスにはカスタム スタイルを追加することを忘れないでください。これらのクラスは、新しいリリースごとに同じままになる可能性が高くなります。
11。 保存
新しいカレンダーデザイン設定を保存するには、必ず「保存」ボタンをクリックしてください。変更内容を保存したくない場合は、「リセット」ボタンをクリックしてください。
12.次は何ですか？
カレンダーのデザインカスタマイズが完了したら、新しいイベントを作成したり、既存のイベントをインポートしてカレンダーに反映させることができます。その後、カレンダーの埋め込みコードを設定して、ウェブサイトにインストールできるようにしましょう。
ユーザーガイドの詳細については、次のサイトをご覧ください。 ヘルプセンター。ご質問がある場合、または追加のサポートが必要な場合は、お気軽にお問い合わせください。 お問い合わせ。または、以下からサポート チケットを開くこともできます。 Timely アカウントのダッシュボード.