クリエイター入門

「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. クリエイター入門

    ネーミングを考える5つのポイント!考え方と気をつけること!

    自分のブランドを立ち上げたり、商品や商品を作った際に、デザインと同じ…

  2. クリエイター入門

    背景透過PNG画像をIllustratorで書き出す方法!

    Illustrator(イラストレーター)で作成したデータの背景を透…

  3. 傾いたオブジェクトを戻す方法

    制作ツール

    Illustrator(イラストレーター)傾いたオブジェクトを正確な水平に戻す方法!!

    アウトライン化した文字・図形などのオブジェクトを傾けてデザインした後…

  4. クリエイター入門

    RGBとCMKYの違いとは?

    IllustratorとPhotoshopで何かを作成する時に、必ず…

  5. ストアーズの画像

    クリエイター起業

    STORES.jpで簡単にオシャレな通販サイトを作ろう!!

    ハンドメイドやキャラクターグッズ、アパレル商品・アート作品などオリジ…

  6. 制作ツール

    「フリクションいろえんぴつ」が想像以上に消える!

    こんにちは、CREMAGAライターの渡部学です。今回は、「フリクショ…

スポンサーリンク

CREMAGAとは

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

CREMAGAライター

渡部学/クリエイター
2015年 株式会社ワンダーマーク設立。​2022年現在「もにまるず」「Ambiance Paper」「TRFG」などオリジナルブランドの運営をしながら、グラフィックデザイン・WEBデザイン・Udemy講師などをしています。武蔵野美術大学 視覚伝達デザイン学科 2010年度卒。
https://www.watabemanabu.com/

最近の記事

  1. 通販用の商品撮影に最適!小物撮影用の背景紙Ambiance …
  2. ラフスケッチ専用ノート「Roughly (ラフリー)」で快適…
  3. Illustrator(イラストレーター)傾いたオブジェクト…
  4. Illustrator(イラストレーター)で共通オブジェクト…
  5. 一枚からオリジナルTシャツを制作!!ショップ制作も簡単な「p…

スポンサーリンク

  1. クリエイター入門

    そもそもクリエイターってなんだろう
  2. クリエイター入門

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

    制作ツール

    無料で使える!!Illustratorみたいなソフト「Gravit Design…
  4. 制作ツール

    Illustrator(イラストレーター)データを、ひとつのPDFファイルにまと…
  5. 制作ツール

    「フリクションいろえんぴつ」が想像以上に消える!
PAGE TOP