<?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ライフハック無料ホームページ作成 &#8211; ITライフハック</title>
	<atom:link href="https://itlifehack.net/archives/tag/%e7%84%a1%e6%96%99%e3%83%9b%e3%83%bc%e3%83%a0%e3%83%9a%e3%83%bc%e3%82%b8%e4%bd%9c%e6%88%90/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>
	</channel>
</rss>
