読者です 読者をやめる 読者になる 読者になる

おれブログ

インターネット業界の片隅にいる40代のオッサンによる雑記系ブログです。


かっこいいサイトが無料で作れるWIXを試してみた

Web・IT系技術

前々から気になってた無料サイト作成サービス WIX

Free Website Builder | Create a Free Website | WIX.com


何か新サイトを作る時は使いたいなぁ、と思いつつ、そんな機会はなかなかやってこないことに気づいたので、特にネタとかなしで使ってみました。


f:id:hi-zakky:20140802212951j:plain:w400




無料サイト作成サービスといえば1年くらい前にもJimdoというサービスを紹介しました。

かなりお手軽に無料で本格サイトが作れる Jimdo - おれブログ


んで、今回はJimdoと似たWixというサービスを試してみたよー

Free Website Builder | Create a Free Website | WIX.com



作ってみた

つーわけで、まずはどんな感じのを作ったのかというと、、、こちら!

hi-zakky WIXhi-zakky WIX


どうすか? 結構カッコイイっしょ。 俺もちょっとびっくりしたもんね。

もちろん、HTMLとかCSSとかの知識は必要なく、写真も無料素材とかが充実してます。

今回作ったサイトはトップの写真だけはこちらの適フォトから拝借したんですが、あとは全部WIXの無料素材を使ってます。

適フォト | 無料・商用OK・加工OK・登録不要の写真素材サイト



作成手順

作成手順がどんな感じか、ざっとですが記録しときました。

登録はメアドでも、SNSアカウントでも可能

最近はOAuth 2.0っつーのかな? SNSアカウントでサービス登録可能になったので楽ですよね。特に最近は新しいパスワードを考えなくていいってのが助かります。さすがに最近はパスワード流用も問題になってますからね。


▼「まずは無料登録」をクリック
f:id:hi-zakky:20140802212941j:plain:w400

▼メアド、facebookアカウント、Google+アカウントで登録可能。今回はGoogle+を使ったみた。
f:id:hi-zakky:20140802212942j:plain:w400

▼WIXからのリクエストに許可
f:id:hi-zakky:20140802212943j:plain:w400


まずはテンプレート選択から

登録完了するとこんな画面に。

最初にサイトのイメージを方向付けるテンプレートを選ぶことになるんだけど、その選択のためにまずカテゴリーを選ばせるんです。ただ、このカテゴリーとテンプレの関係が意外と微妙なので、ここではカテゴリーを選ばず、一番下にある「全てのテンプレートを表示」を選んだ方がいいかも。

▼カテゴリ選ばずに「全てのテンプレートを表示」をクリックしてもOK
f:id:hi-zakky:20140802212944j:plain:w400


続いてテンプレートの選択なんですが、本当に多くのテンプレートがあります。選ぶのスゲー大変です。

▼オンラインショップ用テンプレートの例
f:id:hi-zakky:20140802212945j:plain:w400

▼プライベートブログ用テンプレートの例
f:id:hi-zakky:20140802212946j:plain:w400


そんな中、俺が選んだのはトラベルカメラマン用のクローズアップHTMLというテンプレートです。

いよいよエディタ画面へ

テンプレを選ぶとあとはエディタ画面でサイトを編集していくだけです。

といってもそんな難しくないです。


▼エディタ画面はこんな感じ。選択したクローズアップHTMLテンプレートの画面が表示されてます。
f:id:hi-zakky:20140802212947j:plain:w400


まずは背景画像を変更してみましょう。左側のボタン群から「デザイン」→「背景」と進めば変更できます。

▼背景画像を変更するとこんな感じになります。
f:id:hi-zakky:20140802212948j:plain:w400

今回このトップの背景画像だけは適フォトから拝借しました。

適フォト | 適当に撮った写真を商用可・無料・ロイヤリティフリーで公開しています。ブログとかで使ってくれたら喜びます。(´・ω・`)適フォト | 適当に撮った写真を商用可・無料・ロイヤリティフリーで公開しています。ブログとかで使ってくれたら喜びます。(´・ω・`)


ですが、WIXの無料素材もかなり充実してるので、自分で画像用意しなくてもそれなりのものができちゃいます。

f:id:hi-zakky:20140802212957j:plain:w400
f:id:hi-zakky:20140802212958j:plain:w400


▼他にもこういったエディタ機能が左側のボタン群に用意されてます。
f:id:hi-zakky:20140802212949j:plain:w200


▼各ページとのリンク・親子関係もこんな感じでビジュアルに操作できます。
f:id:hi-zakky:20140802212952j:plain:w200


▼タイトルを変更
f:id:hi-zakky:20140802212950j:plain:w400


▼サイトURLも左側のボタン群で確認可能
f:id:hi-zakky:20140802212955j:plain:w400

ただ、このURLがタイトル文字列に連動して変更できないっぽいんです。しかも一番最初に入力したタイトル文字列に連動して固定されるみたいで、今回のURLはなんか酷い感じになっちゃいました。

http://hizakky.wix.com/hi-zakky-wix


そして公開へ・・・

一通り、編集を終えたらあとは保存して公開するだけ。

保存と公開は別モノなので、必ず両方やること。逆に編集途中で休憩したりするときは保存だけすればよろし。


▼右上の「保存」をクリックするとこんなメッセージが出ます。
f:id:hi-zakky:20140802212959j:plain:w300


▼右上の「公開」をクリックすると確認ダイアログが出るのでOKならもう1回「公開」をクリック
f:id:hi-zakky:20140802213000j:plain:w300


▼公開されるとなんか祝福されます。祝福ついでに有料プランを勧められます。
f:id:hi-zakky:20140802212953j:plain:w300


▼有料プランをスルーすると最後はSNS通知の確認。
f:id:hi-zakky:20140802212954j:plain:w300


こんな感じにツイートできます。これはデフォルトのままなんですが。しれっと「#プロ並みサイト #拡散希望」とかついてて恥ずかしいw すぐ消しましたw



こんな感じで結構簡単にできちゃいました。

数ページ程度の簡単なサイトなら小一時間でできるので、何かちょっとしたサイト作るんだったらこれはアリかも。


以上です。



WiXでつくる簡単ホームページ!
パソコン教室ハートフル (2014-06-01)
売り上げランキング: 30,584