メインコンテンツにスキップ

ウェブサイトをデザインする方法:レイアウト、色、テーマ、フォント

今日アップデートされました

レイアウト、色、フォント...なんということでしょう。ジョイのデザイン・ワンダーランドの世界に足を踏み入れてください。もうカンザスにはいないのですから、イベントウェブサイトのデザインに魔法使いは必要ありません。ウエディング・ワンダーランドを計画中であろうと、その他の催しを計画中であろうと、私たちはあなたのウェブサイトを確実に輝かせるためにここにいます。


まずは、管理画面の "デザイン "アイコンをクリックしてください。左側のパネルに、あなたのキャンバスが表示されます。



レイアウト

シングルページとマルチページの2つのレイアウトからお選びいただけます。


  • シングルページレイアウトはトレンディな横長のデザインで、写真や詳細をスクロールして見るのに最適です。左側に写真、右側に情報が表示されます。


  • 一方、マルチページレイアウトは、各ページの上部にタブがあり、クラシックな縦長のデザインです。


さらに、(複数ページレイアウトを使用している場合)デザインの横にある小さなドロップダウン矢印をクリックするだけで、選べるグラフィックアクセントの宝庫があります!




もしあなたが冒険好きで、マルチページレイアウトを選ぶなら、神秘的な'ページシャドウ'と'ページ透明度'オプションをクリックして、ワイルドな旅に出ることができます。


ページシャドウ:


ページの透明度



カラー

レイアウト」の下に「色」ゾーンがあります。ここで、あなたのウェブサイトで輝く様々な色を選ぶことができます:

  • 16進コードを入力するか、ファインダーをスライドさせて、フォント、リンク、背景に最適な色を探しましょう。

  • 色が適用されます


テーマ

もう少しスクロールすると、「アート」セクションがあります。繊細でモダンなものから、鮮やかでフローラルなものまで、テーマの宝箱のようです。

  • スクロールして、あなたのスタイルに合うものをクリックすれば、完璧です。

  • 説明で絞り込むか、特定のものを探している気分なら、検索セクションに名前を入力してください。

  • ミニマルな雰囲気がお好みなら、アートセクションの「ブランク」オプションをどうぞ!

  • また、気に入ったものをお気に入り登録することもできます。



フォント

ウェブサイトのフォントはケーキの上のアイシングです!

  • デザインページの上部にある "フォント "で、何十種類ものフォントを試してみましょう。

  • すでにお気に入りのフォントがあれば、フォント名で絞り込むこともできます。


CSSでファンシーに

CSSとは、Cascading Style Sheets(ウェブデザインの魔法の杖)の略で、フォント、色、レイアウトなどのHTML要素をサイト上で目立たせる方法です。シングルページレイアウトを使用しているときに利用できます。上部の「フォント」の隣にある「CSS」をクリックし、独自のCSSコードでサイトのスタイルをカスタマイズしてください。


CSSの言語に堪能な方は、思う存分編集してください。しかし、ここで問題が発生します。私たちはCSSをいじることを推奨していますが、CSSのサポートを提供することはできません。CSSに関するご質問はご遠慮ください。CSSを追加した場合、将来のJoyのアップデートがあなたの追加したコードに影響するかもしれません。


プレビュー

デスクトップとモバイルの表示を簡単に切り替えて、ウェブサイトを微調整できます。プレビューの上部にあるアイコンを見つけると、両方の画面でどのようにサイトが表示されるかを確認できる魔法のようなものです。





ステーショナリーをチェック

イベントに合わせて、ステーショナリーを印刷しませんか?ほとんどのデザインを印刷いたします。プレビューの上にある小さな文房具のアイコンをタップすると、印刷ギャラリーに移動します。



パブリッシュ

デザインを変更すると、自動的に保存されます。しかし、ウェブサイトエディターの右上にある "変更を公開 "を押すまで、変更は本番のサイトには表示されません。



こうして、あなたの傑作が完成します。



まだ質問がありますか?

直接お問い合わせください!このページの右下にある白黒のチャットバブルをクリックしてご質問いただくか、support@withjoy.com。私たちのチームの誰かが親切にお答えします! 🙂。

こちらの回答で解決しましたか?