クリエイター入門

「Wix」でポートフォリオサイトを作ろう!プログラミング不要!初心者でも簡単WEB制作!

こんにちは、渡部学です。今回は、簡単に本格的なWEBサイトを作れる「Wix」というサービスをご紹介したいと思います。

Wixとは、インターネットのブラウザ上(GoogleクロームやSafariなど)だけでWEBサイトが制作できるサービスです。ソフトのインストールなどは一切必要がありません。

Wixの使い方講座のプロモーションムービーがあるので、こちらを見ていただけたらどういうことなのか大体わかります。1分3秒からのところから見ていただければ十分です!(音声が出ます)

はい、見ていただけたでしょうか。

見てないでしょうか?電車の中なんですよね。わかります。

WixでWEBサイトを作成する簡単な流れ

どんなホームページを作るか聞かれます。だいたいで良いので、近しいものを選びましょう。

ここの選択が結構大事です。「Wix ADIで自動作成」はいくつかのアンケートのような質問に答える勝手にテンプレートを自動生成してくれる機能です。すごい機能だとは思うのですが、後々、画像や文章の位置を変更できないことがあります。

基本的に「Wixエディタで作成」を選びましょう。簡単なので大丈夫です!

次にテンプレートを選びます。様々なテンプレートがあるので、好きなものを選びましょう。この時のテンプレート選びはかなり大切です。

後から自由に編集できるものの、最初のテンプレートのイメージに引っ張られてしまうので、ページ構成などよく吟味してから決定しましょう。大きな写真でカッコ良く見えてるサイトを選択すると、上の画像でいう左下のテンプレートですね、自分の持っている画像に変更した途端に全然カッコ良くないサイトになったりします。

写真に気を取られ過ぎないように気をつけて、ページ構成やメニューやパーツの配置などをメインに見て決めましょう。

作成したサイトは簡単に削除できるので、気軽に試してみてください。

文字などはすでに打ち込まれているテキストを変更するだけで簡単にオリジナルサイトを作り上げて行くことができます。

ギャラリーに並んでいる写真なども一旦全て削除して自分の作品の画像を入れればOKです。

Wixで制作されたサイト事例

全て私のWixサイトなのですが、ご参考までにご覧ください。

渡部学WEBサイト https://www.watabemanabu.com/

HOME SHISHA https://www.homeshisha.net/

TRFG 公式サイト https://www.trfg.jp/

もにまるず WEBサイト http://monimals.net/

学習塾ベスト WEBサイト https://www.sayamagaoka.net/

Wixの動画講座のご紹介!

Wixは基本的に簡単なのですが、サイトを公開してSEO対策をしたり、独自ドメインに設定するのは少し複雑です。

Udemyというオンライン学習サービで、私がWixの使い方講座を公開しています。Udemy講座ではSEO対策をしたり、独自ドメインに設定するところまで解説しているので、ご興味がございましたらぜひご受講いただけますと嬉しいです。

【WEBデザイン入門】プログラミング不要!Wixで本格的なWEBサイトを作ろう!サイト作成・公開・SEO対策まで。

無料のWEB作成サービスWixを使用して本格的なWEBサイトを作成しましょう!HTMLやCSSなどのコードは一切不要です。

ソフトも必要なく、全てWEBブラウザ上で作成・公開することができます。ページ作成・画像ギャラリーやリンクの設置・お問い合わせフォームの作成など、Wixを使用すれば簡単に作成することができます。

公開した際に検索にヒットするためのSEO対策の設定・Googleへのサイト提出もWix内で行えます。また、独自ドメインの取得や接続方法まで学ぶことができます。コードが書けなくても、直感的な操作でWEBサイトを作成できるWixでサイトを作成する方法を学習しましょう!

Udemyオンライン講座の詳細を見る


Wixは簡単なので講座を見なくても十分サイトはある程度作成できると思いますので、もし行き詰まった時にこちらを思い出して頂ければ幸いです!

それでは、オリジナルのポートフォリをサイトを制作してクリエイターへの新たしい第一歩を踏み出してみましょう!

関連記事

  1. アプリの画像

    制作ツール

    アプリでも見ることができるグラフィック系おすすめサイト3選!!

    作品制作をしているとき、参考資料としてWEBで作品を見たりしますよね…

  2. クリエイター入門

    「JPEG」「GIF」「PNG」の拡張子の違いとは?画像ファイルの基本を学ぼう!

    WEB制作やデザインなどをしていると必ず出てくる「.jpg」「.gi…

  3. 光沢の画像

    クリエイター入門

    光沢とマット(つや消し)が生まれる理由!質感の原理を知ろう!

    立体物でもイラストでも、必要になってくる質感の知識。今回は、「光沢」…

  4. クリエイター入門

    委託販売のはじめ方!販売までの流れ・専門用語・気をつけること!

    クリエイター活動をし始めて商品を作り始めると、商品をどこかのお店で売…

  5. クリエイター入門

    Udemyで新しい技術を習得しよう!動画学習で効率UP!

    みなさま、新しいソフトや技術を学ぶときはどのように習得していますか?…

  6. クリエイター起業

    器用貧乏?いいえ、それは「マルチ・ポテンシャライト」かも!

    天職がわからない、すぐに飽きてしまう、どんなことも中途半端。自分って…

スポンサーリンク

CREMAGAとは

これからクリエイターになる人のためのWEBマガジン CREMAGA(クリマガ)。日々のスキマ時間にサクッと読める記事を掲載します。 人に聞きにくいすごく初歩的なことから、クリエイターのリアルな気持ちまで。

CREMAGAライター

渡部学/クリエイター
2015年 株式会社ワンダーマーク設立 2015~2018年 武蔵野美術大学 インターンシップ演習 特別講師 ​2019年現在「もにまるず」「TRFG」など自身の作品の制作をしながら、グラフィックデザイン・WEBデザイン・講師などのお仕事もさせていただいております。 武蔵野美術大学 視覚伝達デザイン学科 2010年度卒。 https://www.watabemanabu.com/

最近の記事

  1. Illustrator(イラストレーター)傾いたオブジェクト…
  2. Illustrator(イラストレーター)で共通オブジェクト…
  3. 一枚からオリジナルTシャツを制作!!ショップ制作も簡単な「p…
  4. 【目指せYouTuber】Adobe Premiere Pr…
  5. 作品の固定に!!撮影時や展示に便利。透明なミュージアムジェル…

Twitter

スポンサーリンク

  1. クリエイター入門

    意外と知られていない!?絵の具の「色相・彩度・明度」の数値の確認方法!
  2. イベント出展・展示

    イベントの搬入・搬出を楽にするアイテムはこれ!
  3. クリエイター入門

    「Wix」でポートフォリオサイトを作ろう!プログラミング不要!初心者でも簡単WE…
  4. 制作ツール

    デザインアプリ「Canva」がすごい!! SNS用画像作成から名刺・フライヤー制…
  5. クリエイター入門

    必読!クリエイターの教科書!『「好き」を仕事にする自分ブランドのつくりかた』
PAGE TOP