※当サイトではアフィリエイト広告を利用しています

ホームページ作成

Wix使い方【テンプレートを活用する】

2013年5月9日

10年前は、ゼロからホームページを作ることも一般的でした。今は、既存のテンプレートを使う方が一般的です。

その理由として、高品質なテンプレートが普及し、新たに作るよりも、品質がいいものを作れるからです。

※10年前は、CSSと言う概念が新たに浸透し、既存のサイトをそのまま使うことができなかったことも大きな一因

5月3日に、ホームページビルダー17と外部テンプレートを使用して、実現する方法を記載しました。

今回は、Wixを使用して、同様のサイトを、もっと簡単に実現します。

Wixを使用して、もっと簡単に実現する

完成図
20130508d

サイトの作り方は、Wixサイト作成方法。無料で簡単にホームページ作成!を参照ください。

まだ、サイトを作っていない方は、「Wixサイト作成方法」を参照し、同様のサイトを作成ください。

作成したサイトにログインする。作成したサイトを再編集するためにログインしましょう。

http://ja.wix.com/

に移動し、マイアカウントをクリック

20130508f

ログインする

20130508g

編集画面

20130508h

テキストボックスをクリックし、テキストの編集をクリックする

20130508i

直接、入力して編集する

20130508k

邪魔なものをは、クリックして「Delete」

20130508l

テキストの場所や、内容を整えます。

20130508m

文字サイズを変更する

頑張っても収まらないので、「pcmanabu」で使用しているフォントを小さくします。

フォントの変え方は、癖があるようです。直接小さくすることはできなく、スタイルを変更することで、その結果小さくなる考え方です。

変更したい文字列がどのスタイルをを使用しているか調べます。

文字をクリックし、カーソルを表示させる。ツールバーに記載されているものが、そのフォントで使用されているスタイルです。今回は、スタイル名「タイトル」を変更します。

20130508r

変更したい文字をクリックして、デザインをクリック

20130508n

フォントをクリック

20130508o

英語(半角)の場合は、ワンクリックでフォントを変えることができます。

今回は、文字サイズを変えたいので「フォントのカスタマイズ」をクリック

20130508p

文字サイズを変更する。今回は、45ptぐらいが適切でしょうか。

20130508q

だいぶん、整ってきました。

20130508s

画像を変更する

20130508t

画像をクリックし、「画像の変更」をクリック

20130508u

画像キャラリーが表示されます。無料画像が大量にあって凄いです。計算すると296枚か。今回は、アップロードをクリック

20130508v

アップロードしたい画像を選択し、タブルクリック

20130508w

そして選択し、「OK」ボタン

20130508x

画像が変更されました。

20130508y

この画像は、私が、Fireworksで書いたものです。

Flash風スライドを変更する

最後に、フラッシュ風スライドを変更します。

20130508z

あらかじめ、画像サイズをしらべ、画像を準備する

IEから、プレビューをクリックし、表示します。そして、「名前を付けて拝啓を保存」をクリックし、デスクトップに保存

20130509

画像を、ポイントするとサイズがわかります。

20130509a

今回の場合は、873x431の画像をあらかじめ3枚準備します。

「エディタモード」にもどります。「Slide Show」をクリックし、「画像の整理」をクリック

20130509b

画像を追加、削除をします。「OK」ボタンをクリック

20130509c

以上で、完成です。必用に応じてテキスト部分を編集してください。

http://pcmanabu2.wix.com/wixa

20130509d

10分ぐらいで作りました。こんな素敵なホームページが、ソフトウェアなしで短時間で出来るなんて凄いですね!

-ホームページ作成
-