『WIX.COM』で自分の公式サイト(ポートフォリオサイト)を超絶カンタンにつくる方法

気になることや好きなことを好きなようにただ書いていく今までのブログと、自分の作品を発信するポートフォリオサイトをわけて運営していきたいなーって思いが芽生えてからだいぶ経ちます。

いま運営しているブログにそれっぽいカテゴリーとかページをつくったりもしたんだけどどうにもしっくりこないし、何度かワードプレスを駆使して新規に立ち上げようと試みたんだけどクソださいサイトしかつくれなかった。

ネットの広告なんかでもたまに見かける無料ホームページ作成サービスの「WIX.COM」が気になったので無料だし試しに利用してみることにしました^^

それで触ってみての第一印象は「めっちゃカンタンすぎる!」ってこと。

たとえテンプレートが用意されてても、サイトを一から作るってなるとやっぱりそれなりにHTMLだとかなんか小難しい知識が必要ってイメージあるじゃないですか。

で、いざ新規登録していじってみると簡単にデザインできすぎてやれることテンコ盛りやん!って感じました。

わりと凝り性な僕なので(それが原因で何度挫折したことか…)、イメージ通りのデザインが簡単にできそうなんですよね。

実際思いつきでいじったからカッコイイものにはならなかったんだけど、あっという間にサイトが完成しちゃってビビったw

無料でここまでできるなら十分じゃね?って気もするけど、有料プランに変えることで独自ドメインショップ機能WIXの広告非表示、ファビコン設定、メルマガ設定なんかができるんだよね。悩ましい。

でもまずは無料でできることだけやってみようかなと思えるくらいには、シンプルでカッコイイ「ポートフォリオサイト」ができそうな気がする^^

イラストレーターに限らずモノづくりに携わる作家にとって、自分の作品を発表する場(サイト)はこれからの時代絶対に必要だと思ってるのでもっと作り込んで納得のいくサイトにしたいなー( ´ ▽ ` )ノ♪

『WIX.COM』で自分の公式サイトを超絶カンタンにつくる方法

マツオユキ
こんにちは。イラストレーターのマツオ ユキ(matsuoyukijp)です。

ここからは実際にWIX.COMのサービスをつかって、ポートフォリオサイト作成の手順をざっくりとご紹介しますね!

新規登録〜最初のステップ

■まずは、右上の【ログイン/新規登録】をクリックしてアカウントを作りましょう。

■メールアドレスまたはSNSのアカウントでも登録することができます。

■アカウント作成ができたら、3つの質問に答えながらさらに進めていきます。

■自分用のサイトか、顧客用のサイトかを選びます。

■サイトのタイプ(カテゴリー)を選びます。

■サイト作成の経験度を選びます。

■サイトのテンプレートを選びます。

■好みのものがなければ、左上の検索窓からキーワードを入力してテンプレートを探すこともできます。

■テンプレートを選び、こちらの画面が表示されたら最初のステップは終了です。

サイトをカスタム

マツオユキ
ここからは自分オリジナルのサイトにするために、ベースとなるテンプレートをいじっていきます。でも特にむずかしいこともなく、単純にページに表示したいもの(テキスト・画像など)をペタペタ貼っていけばいいのでめっちゃ楽チンです♪

テンプレートをカスタマイズ

■任意に選択したテンプレートのトップページがこちら。

サイトタイトルや画像、縦横には点線のバー、左右にはたくさんのメニューが表示されています。

■左のメニューでは、挿入したいテキストや画像の設定ができます。

ページの背景やテキストのフォントやサイズ、リンクボタン、動画の挿入も可能ですし、ブログの設定もこちらのメニューから行います。

■メニューでテキストやフォントを選びます。

■作成したものをページのタイトル部分にドラッグします。

■設置したあとも編集できるので気軽に行いましょう。

■サイトのタイトルを変更できました。

マツオユキ
次にトップページに表示する画像を自分のイラストに変更してみます♪

■デフォルトの画像をクリックすると管理メニューがポップアップで出てくるので、こちらから新規の画像を追加します。

■「+画像を追加」をクリックしたあとに表示されるこちらの画面から、ページに挿入したい画像をアップロードしていきます。

■デフォルトの画像をすべて削除して、新規に追加した画像を選んだら右上の「画像をアップロード」をクリックします。

■トップページの画像をオリジナルの画像に変更できました。

実はこの作業も、左のメニューバーで設定した後にドラッグ&ドロップで簡単に設置させることができちゃいます!

もうここまでできたら、デフォルトテンプレートのイメージはほとんど感じませんね♪

リンクボタン

■リンクボタン設置もチョー簡単。用意されたボタンを選んでURLを入れ込み、ドラッグ&ドロップで表示したい場所に設置するだけ。

■もちろん表示するテキスト(ここでは「ショップ」)は自由に変えられますし、位置や大きさも好みのものにできます。

Wix App Market

■メニューバーにある「Wix App Market」を利用(有料・無料)すると、さまざまな外部サービスをサイトに追加することができます。

■Instagramフィードが表示できるサービスをサイトに表示してみます。

■表示される内容にしたがい、Instagramのアカウントと接続します。

■設置場所(ここではフッターに設置)を指定したら、Instagramフィードの表示レイアウトを選びます。

ブログを設置する

マツオユキ
デフォルトのテンプレートでは「ブログ」が設置されていないので、発信ツールの要であるブログを挿入していきます!

■左のメニューバー最下段の「ペン先アイコン」がブログ設置のトリガーになります。

■こちらメニューではブログの記事作成や、ブログの管理が可能になります。

■ブログの作成画面。画像挿入やHTMLタグなどブログ執筆に必要な機能はほぼ使用できます。

■ブログの管理画面。公開した記事の編集などは管理画面から行います。

■画像はデフォルトの状態ですが、ブログのカテゴリーも設定できますし編集も可能です。

ソーシャルリンクの設定

■デフォルトで表示されているソーシャルリンクをクリックして編集することで、アイコンのデザインを変更したり追加したりができます。

プレビュー

マツオユキ
サイトのカスタムがある程度できたらプレビュー画面でサイトを表示してみます。PC表示とモバイル表示に切り替えることができるので、おかしなところがないかしっかり確認しましょう♪

■こちらがモバイル表示。

サイトを公開

■特に不備がなければ、上部のメニューバー一番右にある「公開」ボタンをクリックしてサイトを公開しちゃいます。

ネット上で公開となると「全世界に公開!」のように仰々しく聞こえますが、どこにも宣伝しなければほぼアクセスされないので、あまり深く考えずに公開後も粛々とサイトデザインのカスタマイズに励むといいと思います。

さいごに

マツオユキ
冒頭にも書きましたが、有料プランに変更することで独自ドメインやショップ機能、WIXの広告非表示、ファビコン設定、メルマガ設定などができるようになります。

しかし、そこまで必要ないよーということであれば無料プランのままでも十分なサイト運営ができるのではないでしょうか^^

というわけで今回はポートフォリオサイト作成にともない利用した「WIX.COM」のご紹介でした。

このブログはワードプレスを使っているので、テンプレートを使えばワードプレスでも同じようなサイトは作れるでしょう。

ただ、もっと簡単に、もっと直感的に作りたいと思うのであればこちらをオススメします^^

Wixが特設サイトでサイトの作り方を解説しているので、こちらも参考にしてみるといいと思います。

僕自身ももう少しWIX.COMを検証してサイト作りに励みたいと思います\(^o^)/




オーダー似顔絵受付中!

クールな「ポートレート調似顔絵プラン」とポップな「コミック調似顔絵プラン」をご用意しました。
また、2種類の似顔絵プランがセットになった「2パック似顔絵プラン」がお得です!

ポートレート調

似顔絵プラン

¥6,000

追加=¥4,000/人

表情に多少のアレンジを加えますが

基本的には素材そのままの似顔絵です

クールな印象

バストアップ

コミック調

似顔絵プラン

¥6,000

追加=¥4,000/人

全体的に大幅なアレンジを加え

二頭身のキャラクターにします

ポップな印象

全身

2パック

似顔絵プラン

¥10,800

追加=¥7,200/人

ポートレート調とコミック調の

2つのプランをパックにしたものです

単体で2種類オーダーするより10%お得


ABOUTこの記事をかいた人

家族とイラストとブログが大好きな東京在住3人子持ちガテン系のお父さん。
心から好きなことを楽しみながら生きていくことを決めた マツオユキの公式ブログです。
詳しいプロフィールはこちらからどうぞ!