<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ITライフハックWix &#8211; ITライフハック</title>
	<atom:link href="https://itlifehack.net/archives/tag/wix/feed" rel="self" type="application/rss+xml" />
	<link>https://itlifehack.net</link>
	<description>Powerd by MediaBank Corp.</description>
	<lastBuildDate>Mon, 18 May 2026 08:00:46 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.1</generator>
	
	<item>
		<title>Wixの新機能で、誰でも簡単に動画背景やパララックス効果を駆使したホームページ作成が可能に</title>
		<link>https://itlifehack.net/archives/14292</link>
		<comments>https://itlifehack.net/archives/14292#respond</comments>
		<pubDate>Fri, 27 Nov 2015 00:00:15 +0000</pubDate>
		<dc:creator><![CDATA[今藤弘一]]></dc:creator>
				<category><![CDATA[カルチャー]]></category>
		<category><![CDATA[Wix]]></category>
		<category><![CDATA[ネットショップ構築]]></category>
		<category><![CDATA[無料ホームページ作成]]></category>

		<guid isPermaLink="false">http://itlifehack.jp/?p=14292</guid>
		<description><![CDATA[「機能的で見栄えが良く、しかもオリジナリティ溢れるホームページを、低コストで簡単に作るツール」としてWix.comについて以前に「誰でも手軽に本格的なWebサイトが作れる！無料ホームページ作成ツール「Wix」を試してみた [&#8230;]]]></description>
					<content:encoded><![CDATA[<p>「機能的で見栄えが良く、しかもオリジナリティ溢れるホームページを、低コストで簡単に作るツール」としてWix.comについて以前に「<a href="http://itlifehack.jp/archives/7923" target="_blank">誰でも手軽に本格的なWebサイトが作れる！無料ホームページ作成ツール「Wix」を試してみた</a>」という記事で紹介したかと思う。</p><p>そこでWix.comなら、簡単に無料で最新のHTML5対応の<a href="http://ja.wix.com" target="_blank">ホームページ作成</a>ができることをお伝えした。あれからおよそ9か月が経過し、今回ホームページを作成するためのエディタが新しくなった。そこで、どのような使い勝手になったのかを実際に試してみたので紹介しよう。<br /><span id="more-14292"></span></p><p><b>■トレンドのパララックス効果を取り入れられる</b><br />今回のエディタのリニューアルに合わせてテンプレートにも新しいものが追加されているが、その中に「パララックススクロール」に対応するテンプレートも用意されている。パララックススクロールは、マウスホイールによるスクロール操作で背景が動いているかのように見せる効果のことで、最近のウェブデザインではトレンドだ。Wixなら、最新トレンドを抑えた見栄えするホームページを作成できるようになっている。</p><div id="attachment_14295" style="width: 650px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2015/11/wix02.jpg"><img aria-describedby="caption-attachment-14295" loading="lazy" class="wp-image-14295 size-full" src="http://itlifehack.net/wp-content/uploads/2015/11/wix02.jpg" alt="wix02" width="640" height="400" srcset="https://itlifehack.net/wp-content/uploads/2015/11/wix02.jpg 640w, https://itlifehack.net/wp-content/uploads/2015/11/wix02-300x188.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a><p id="caption-attachment-14295" class="wp-caption-text">パララックススクロールに対応したテンプレート</p></div><p><b>■動画背景もワンクリックで簡単設定　</b><br />もう一つの特徴は、動画背景が取り入れられること。設定するには、エディタ画面上のどこかで左クリックする。すると「ページ背景を変更」というボタンが表示されるので、それをクリックするだけと簡単だ。そうするとページ背景を変更するメニューが表示されるので、「動画」を選び、ファイルを指定すればOK。</p><p>この操作だけで簡単に動画背景を使ったホームページができてしまった。「ページ背景」メニューには再生ボタンも表示されるので、どのような背景になるのかこれでプレビューすることも可能だ。Wixでは多くの高画質な背景用動画が用意されているが、オリジナルの動画をエディタにアップロードして背景動画として設定できるもの嬉しいところ。オリジナリティ溢れる印象的なウェブ作成ができるというわけだ。</p><div id="attachment_14296" style="width: 650px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2015/11/wix03.jpg"><img aria-describedby="caption-attachment-14296" loading="lazy" class="wp-image-14296 size-full" src="http://itlifehack.net/wp-content/uploads/2015/11/wix03.jpg" alt="wix03" width="640" height="400" srcset="https://itlifehack.net/wp-content/uploads/2015/11/wix03.jpg 640w, https://itlifehack.net/wp-content/uploads/2015/11/wix03-300x188.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a><p id="caption-attachment-14296" class="wp-caption-text">「ページ背景を変更」から変更したい素材を選ぶ</p></div><div id="attachment_14297" style="width: 650px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2015/11/wix04.jpg"><img aria-describedby="caption-attachment-14297" loading="lazy" class="wp-image-14297 size-full" src="http://itlifehack.net/wp-content/uploads/2015/11/wix04.jpg" alt="wix04" width="640" height="400" srcset="https://itlifehack.net/wp-content/uploads/2015/11/wix04.jpg 640w, https://itlifehack.net/wp-content/uploads/2015/11/wix04-300x188.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" /></a><p id="caption-attachment-14297" class="wp-caption-text">簡単に動画背景を設定できた</p></div><p><b>■直感的に操作できる気楽さがグッド！</b><br />また、画面左に用意されているメニューの「＋」をクリックすると、機能やパーツをサイトに追加できる。テキストや画像を追加できるほか、「ギャラリー」では画像集を、「ボタン」では「続きを読む」「こちらをクリック」といったボタンを簡単に追加することができるようになった。すべてドラッグ＆ドロップでの操作のため、特にHTMLやCSS意識することなく、ポイポイと配置していくだけで作れてしまうのがうれしい。</p><div id="attachment_14298" style="width: 650px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2015/11/wix05.jpg"><img aria-describedby="caption-attachment-14298" loading="lazy" class="wp-image-14298 size-full" src="http://itlifehack.net/wp-content/uploads/2015/11/wix05.jpg" alt="wix05" width="640" height="380" srcset="https://itlifehack.net/wp-content/uploads/2015/11/wix05.jpg 640w, https://itlifehack.net/wp-content/uploads/2015/11/wix05-300x178.jpg 300w, https://itlifehack.net/wp-content/uploads/2015/11/wix05-320x190.jpg 320w" sizes="(max-width: 640px) 100vw, 640px" /></a><p id="caption-attachment-14298" class="wp-caption-text">「ギャラリー」のテンプレートから選んで配置してみる</p></div><div id="attachment_14299" style="width: 650px" class="wp-caption aligncenter"><a href="http://itlifehack.net/wp-content/uploads/2015/11/wix06.jpg"><img aria-describedby="caption-attachment-14299" loading="lazy" class="wp-image-14299 size-full" src="http://itlifehack.net/wp-content/uploads/2015/11/wix06.jpg" alt="wix06" width="640" height="381" srcset="https://itlifehack.net/wp-content/uploads/2015/11/wix06.jpg 640w, https://itlifehack.net/wp-content/uploads/2015/11/wix06-300x179.jpg 300w, https://itlifehack.net/wp-content/uploads/2015/11/wix06-320x190.jpg 320w" sizes="(max-width: 640px) 100vw, 640px" /></a><p id="caption-attachment-14299" class="wp-caption-text">表示画像もギャラリーをダブルクリックして管理画面を立ち上げれば自由に変更できる</p></div><p><b>■より簡単でしかも高機能になったエディタ</b></p><p>これまで見てきたように、Wixの新エディタは、簡単かつ高機能に進化していることがわかってもらえたことと思う。こうした進化は、今後も続いていくので、Wixであれば、目新しい機能、登場したばかりの注目機能を取り込んだ最新のホームページが簡単に作成できるのがお分かりいただけただろうか。あらかじめ用意されている豊富なテンプレートや素材を使ってもよいが、自分で撮った画像や映像も、ドラッグ＆ドロップ操作で設定、しかもWebブラウザー上での作業だけで終わるのは非常に便利だ。</p><p>Ctrl＋V（ペースト）やCtrl＋S（保存）といった、普段使い慣れているショートカットキーをエディタで利用できるのもうれしい。またWixには<a href="http://ja.wix.com/ecommerce/website" target="_blank">ネットショップ開業</a>ができるWixStoresも用意されているなど、プロユースにも耐える機能となっている。これから自分のホームページを作ろうと思っている人だけでなく、商用でのサイト構築を考えている人にもオススメしたい。</p><p>■<a href="https://ja.wix.com/" target="_blank">Wix</a></p><p>■<a href="http://itlifehack.jp/" target="_blank">ITライフハック</a><br />■<a href="http://twitter.com/ITlifehack" target="_blank">ITライフハック Twitter</a><br />■<a href="https://www.facebook.com/itlifehack" target="_blank">ITライフハック Facebook</a></p><p><!-- link_start -->■<a href="http://itlifehack.jp/archives/category/%E3%82%AB%E3%83%AB%E3%83%81%E3%83%A3%E3%83%BC" target="_blank">カルチャーに関連した記事</a><!-- link_end -->を読む<!-- related_link_start --><br />・<a href="http://itlifehack.jp/archives/14251" target="_blank">野菜はいらぬ！肉！ 肉！ 肉！ “肉のSUBWAY ”表参道に期間限定で登場</a><br />・<a href="http://itlifehack.jp/archives/14233" target="_blank">アディダス「mi STAR WARS」購入で自分の3Dフィギュアを作成するキャンペーンを実施</a><br />・<a href="http://itlifehack.jp/archives/14190" target="_blank">プライム会員なら100万曲以上が聴き放題！Amazonの「Prime Music」日本で提供開始</a><br />・<a href="http://itlifehack.jp/archives/14185" target="_blank">ダカール・ラリー 2016のホンダワークスチーム「Team HRC」の端末に京セラが「TORQUE」を提供</a><br />・<a href="http://itlifehack.jp/archives/14176" target="_blank">「クックパッド」を家族みんなでブラビアの大画面で楽しもう！キャンペーン開始</a><br /><!-- related_link_end --><br /></p>]]></content:encoded>
			<wfw:commentRss>https://itlifehack.net/archives/14292/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		
	<item>
		<title>誰でも手軽に本格的なWebサイトが作れる！無料ホームページ作成ツール「Wix」を試してみた</title>
		<link>https://itlifehack.net/archives/7923</link>
		<comments>https://itlifehack.net/archives/7923#respond</comments>
		<pubDate>Wed, 04 Feb 2015 00:00:11 +0000</pubDate>
		<dc:creator><![CDATA[小川夏樹]]></dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Wix]]></category>
		<category><![CDATA[ソーシャル対応]]></category>
		<category><![CDATA[デザイン豊富]]></category>
		<category><![CDATA[テンプレ多数]]></category>
		<category><![CDATA[無料ホームページ]]></category>

		<guid isPermaLink="false">http://itlifehack.jp/?p=7923</guid>
		<description><![CDATA[起業家、中小企業経営者、ネットショップオーナー、デザイナーやアーティストなどが、自社サービスや自分の作品をアピールしようと専用のWebサイトを立ち上げる場合、制作会社へ委託する方法や、市販のホームページ作成ソフトを活用す [&#8230;]]]></description>
					<content:encoded><![CDATA[<p>起業家、中小企業経営者、ネットショップオーナー、デザイナーやアーティストなどが、自社サービスや自分の作品をアピールしようと専用のWebサイトを立ち上げる場合、制作会社へ委託する方法や、市販のホームページ作成ソフトを活用するといった方法がある。</p><p>しかし委託に膨大な経費がかかったり、ソフトウェアのインストール方法が複雑だったり、巷に溢れる似通ったデザインのテンプレートばかりだったりと、これまで費用対効果の高いホームページ作成方法はあまり存在していなかった。これでは肝心な本業に費用と時間を集中投資できない。</p><p>「機能的で見栄えも良い、オリジナリティ溢れるホームページを、低コストで作る方法はないものだろうか？」と悩んでいる人におススメの無料ホームページ作成ツール「<a href="http://ja.wix.com/" target="_blank">Wix</a>」を紹介しよう。</p><p>本サービスを利用すれば、ホームページ作りに必須とされるHTMLやCSSの知識がなくても「プロがデザインしたのでは？」と思われる高いクオリティのホームページを、なんと無料で作ることができるのだ。</p><p>これからホームページを作ってみようと思っている人だけでなく、今使っているホームページをより見栄えのよいサイトにグレードアップしたい人にも役に立つので、ここで詳しく紹介しよう。</p><p><b>■最短わずか3ステップでホームページが完成</b><br />Wixでは、他のサービス同様、あらかじめ用意されたホームページのひな形を利用する。テキストや画像を差し替えることで、自分だけのオリジナルのページが作れる仕組みだ。ページを作るだけなら最短3ステップで完了する。</p><p><b>ステップ１：無料登録</b><br />最初のステップは無料登録（新規登録）してユーザーになることだ。「まずは無料登録」、または「ログイン/新規登録」を選択したら、メールアドレスとパスワード等を入力してユーザーになろう。FacebookやGoogleのソーシャルログイン機能を使うこともできる。</p><p><a href="http://itlifehack.net/wp-content/uploads/2015/02/image0031.jpg"><img loading="lazy" src="http://itlifehack.net/wp-content/uploads/2015/02/image0031.jpg" alt="image003" width="717" height="426" class="aligncenter size-full wp-image-7925" srcset="https://itlifehack.net/wp-content/uploads/2015/02/image0031.jpg 717w, https://itlifehack.net/wp-content/uploads/2015/02/image0031-300x178.jpg 300w, https://itlifehack.net/wp-content/uploads/2015/02/image0031-320x190.jpg 320w" sizes="(max-width: 717px) 100vw, 717px" /></a></p><p><b>ステップ2：テンプレートを選択</b><br />500種類以上のデザインの中からテンプレートを選択しよう。利用目的を選択すると、より細かい用途が選択できる。たとえばITライフハックはブログメディアなので、ここでは、「ビジネス＆サービス」「広告＆マーケティング」を選択している。</p><p><a href="http://itlifehack.net/wp-content/uploads/2015/02/image005.jpg"><img loading="lazy" src="http://itlifehack.net/wp-content/uploads/2015/02/image005.jpg" alt="image005" width="1024" height="841" class="aligncenter size-full wp-image-7926" srcset="https://itlifehack.net/wp-content/uploads/2015/02/image005.jpg 1024w, https://itlifehack.net/wp-content/uploads/2015/02/image005-300x246.jpg 300w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p><p>選択された項目を参照しテンプレートが表示されるので、これがいい！と思える好みのテンプレートを選択しよう。日本国内のサービスでも似たサービスがあるが、Wixで用意されているテンプレートは、世界中のプロのデザイナーがデザインしただけあってかなりハイセンスなものが豊富に揃っている。これは、他にはない魅力だと言えるだろう。</p><p><a href="http://itlifehack.net/wp-content/uploads/2015/02/image007.jpg"><img loading="lazy" src="http://itlifehack.net/wp-content/uploads/2015/02/image007.jpg" alt="image007" width="990" height="785" class="aligncenter size-full wp-image-7927" srcset="https://itlifehack.net/wp-content/uploads/2015/02/image007.jpg 990w, https://itlifehack.net/wp-content/uploads/2015/02/image007-300x238.jpg 300w" sizes="(max-width: 990px) 100vw, 990px" /></a></p><p><b>ステップ3：テンプレートを編集</b><br />あとは、テンプレート内のテキスト部分や画像部分をオリジナルのモノに差し替えてカスタマイズすれば、自分だけのオリジナルのホームページが完成する。もちろん、Wixが用意した数千種類ものフリー画像やアイコンも利用することができる。この操作は、ドラッグ＆ドロップで直感的に行うことができ、自分のサイト構築のアイディアがどんどん膨らむ楽しい作業だ。</p><p>Wixのもうひとつの魅力は140種類以上用意されている豊富なアプリだ。各種ソーシャルメディア機能はもちろんのこと、「オンライン予約フォーム」や「PayPalボタン」、「Google AdSense」など、ビジネス拡大に直結する機能やWebサービスをサイトに追加することができる。いずれもクリックで簡単選択、ドラッグ＆ドロップ操作で、サイトの好きな場所に追加することが可能だ。</p><p><a href="http://itlifehack.net/wp-content/uploads/2015/02/image009.jpg"><img loading="lazy" src="http://itlifehack.net/wp-content/uploads/2015/02/image009.jpg" alt="image009" width="1024" height="737" class="aligncenter size-full wp-image-7928" srcset="https://itlifehack.net/wp-content/uploads/2015/02/image009.jpg 1024w, https://itlifehack.net/wp-content/uploads/2015/02/image009-300x216.jpg 300w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p><p>WixでのWebサイト作成は、モバイルユーザーを対象としたビジネスチャンスも逃さない。Wixでホームページを作成すると、自動でモバイル端末表示へ最適化してくれるのだ。編集中の画面を「モバイルエディタ」に切り替えると、スマホやタブレットといったモバイル端末での表示を確認できる。PCサイトと同時にモバイルサイトも制作できるわけだ。</p><p><a href="http://itlifehack.net/wp-content/uploads/2015/02/image011.jpg"><img loading="lazy" src="http://itlifehack.net/wp-content/uploads/2015/02/image011.jpg" alt="image011" width="1024" height="694" class="aligncenter size-full wp-image-7929" srcset="https://itlifehack.net/wp-content/uploads/2015/02/image011.jpg 1024w, https://itlifehack.net/wp-content/uploads/2015/02/image011-300x203.jpg 300w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></p><p>編集が完了したら、「保存」を押す。これで完了と言うのであれば、あとは「公開」をクリックすると、ホームページが公開される。言葉で言うと長いが、時間ではあっという間だ。</p><p><a href="http://itlifehack.net/wp-content/uploads/2015/02/image013.jpg"><img loading="lazy" src="http://itlifehack.net/wp-content/uploads/2015/02/image013.jpg" alt="image013" width="607" height="179" class="aligncenter size-full wp-image-7930" srcset="https://itlifehack.net/wp-content/uploads/2015/02/image013.jpg 607w, https://itlifehack.net/wp-content/uploads/2015/02/image013-300x88.jpg 300w" sizes="(max-width: 607px) 100vw, 607px" /></a></p><p><b>■無料ドメイン付でお得！有料プラン</b><br />まずは「Wix」に登録し、好みのページを作ることから試してほしい。WixのサービスはWeb ホスティングを含め、ホームページ作成に必要な全ての機能は原則無料で利用できる。使っていくうちに出てきた不満等があれば、必要に応じてプレミアムプランを選択することで、さらなる特典や機能を利用できるようになる。</p><p>じゃあ「プレミアムプランとは、何なのか？」数々用意されているが、とくに注目の特典は下記の3つとなる。</p><p><b>独自ドメイン</b><br />商用利用で独自ドメイン（例：www.domainname.com）を使用することで、ビジネスの信頼性が高まるうえに、顧客がホームページを見つけやすくなる。</p><p><b>Wix の広告は一切なし</b><br />無料で作成されたWixサイトは、ページの右上部と下部に Wixの小さな広告が表示される（<b>※これ以外に広告は表示されない</b>）。ドメイン接続プランを除き、プレミアムプランにアップグレードすることで、この広告を非表示にできる。</p><p><b>大容量のストレージとより広い帯域幅を確保</b><br />ほとんどのプレミアムプランで、大容量のストレージとより広い帯域を利用できる。高画質の画像やデータサイズの大きいコンテンツをサイトに追加しても、多くのユーザーがアクセスしてきた時でも快適に表示させることができる。</p><p>人気かつおススメしたいプランは、起業家やフリーランサーに最適な「無制限」の年額プランだ。帯域幅が無制限であるうえに、ドメインが無料、125ドル分の広告クーポンが付いており、月額プランに比べ45%もお得なプランとなっている。</p><p>なお、いずれのプレミアムプランも14日間の返金保証があるので、気になるプランがあれば、試しに使ってみるとよいだろう。</p><p><a href="http://itlifehack.net/wp-content/uploads/2015/02/image015.jpg"><img loading="lazy" src="http://itlifehack.net/wp-content/uploads/2015/02/image015.jpg" alt="image015" width="829" height="859" class="aligncenter size-full wp-image-7931" srcset="https://itlifehack.net/wp-content/uploads/2015/02/image015.jpg 829w, https://itlifehack.net/wp-content/uploads/2015/02/image015-290x300.jpg 290w" sizes="(max-width: 829px) 100vw, 829px" /></a></p><p>以上、無料ホームページサービス「Wix」を紹介してきた。「Wix」は無料とはいえ、プロのデザイナーがデザインしたテンプレートが非常に豊富だ。そしてどのテンプレートもハイセンスで秀逸だ。テキストと画像を差し替える程度でも、すぐにサイトが公開できる手軽さも魅力だ。最近増えてきたモバイル端末向けのサイトも同時に制作できる。</p><p>これからビジネス利用でホームページを作ることを検討している人だけでなく、現在運用している既存ページをアップグレードしたい人、個人で見栄えのあるページを作成し、周囲にアピールしたい人におススメしたいサービスと言える。</p><p>■<a href="http://ja.wix.com/" target="_blank">無料ホームページ「Wix」</a></p>]]></content:encoded>
			<wfw:commentRss>https://itlifehack.net/archives/7923/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
