• 投稿日:2025/08/24
「Wix」でホームページをデザインしよう!実践①(ファーストビュー)

「Wix」でホームページをデザインしよう!実践①(ファーストビュー)

  • 1
  • -
会員ID:DrJ0kHHB

会員ID:DrJ0kHHB

この記事は約6分で読めます
要約
ノーコードホームページ作成ツール「Wix」を使ってホームページ制作をしていきましょう。まずはファーストビューをつくりながら、基本的な操作を覚えていってください。 画像をたくさん使って説明しています。 簡単なので、パソコンを操作できる方ならお子さんから制作ができると思います★

上から順番に整えていきたい人は共通部分であるヘッダーから作っても良いのですが、私はファーストビューから作り、最後にメニューをどのページまたはどの部分に飛ばすかを考えてから整えていくため、今回もファーストビューから作り方を紹介していきます。

でもその前に…

サイトデザインを設定する

まずはサイトデザインを設定していきましょう。

なんだかちぐはぐなフォントや文字の大きさでは集中できない、疲れてしまうホームページが出来上がってしまいます。あとから修正していくのも一苦労・・・あらかじめ設定しておくと簡単に統一感のあるデザインになり、後々の編集も楽になります。

カラーテーマの設定

画面左側のバーから”Aにインク”のアイコンを見つけてクリックしてください。まずはカラーテーマをクリックし設定していきましょう。

①サイトデザイン説明2025-08-18 060305.pngカラーテーマはベースカラーが最大2種類と、アクセントカラーが最大4種類設定することができます。

今回はベースカラーに#FFFFFF(白)と#333333(黒っぽい色)、アクセントカラーに#BEB09Cを設定しました。

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:DrJ0kHHB

投稿者情報

会員ID:DrJ0kHHB

イルカ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(0

まだレビューはありません