ホームページ作成ツール:絶対に知っておきたい5つのWix機能


Wix のホームページ作成ツールには便利な機能がたくさんありますが、そのすべてを使いこなすには、それなりの努力と時間が必要です。そこで、今回はWix を使って HTML5 サイトを作る際にこれだけは「絶対に知っておきたい5つの機能」をご紹介します。さあ、あなたもプロのウェブデザイナーを目指そう!


ページの変換

ページの変換スタイルに変化をつけることでウェブサイトがより洗練された印象になります。スタンダードなページ変換の代わりに、「アウト・イン」や「クロスフェイド」、「スワイプ」など、お好みのスタイルを選びましょう。


  1. HTML5 エディタにて「ページ」をクリックします

  2. ページ設定画面の下から変換スタイルを選びます


  1. ウェブサイトを確認して完了です!


ボタンに影をつける

サイト上のボタンに影をつけて目立たせましょう。


  1. エディタの左側にある「追加」アイコンをクリックして[ボタン&メニュー]をクリックします




  1. デフォルト、大きなボタン、強調ボタンのいずれかを選択します




  1. サイト上に現れたボタンをクリックして「スタイルの変更」を選択します




  1. 表示された画面で「スタイルの編集」をクリックします




  1. スタイルの詳細画面が開くので、影付きのスタイル(左下)を選びます



グリッドアニメーションを使った画像ギャラリー

グリッドアニメーションを使って、画像を美しく、分かりやすく表示しましょう。画像にマウスを合わせると、画像のタイトルと説明が表示されます。画像をクリックすると、その画像が拡大表示されます。


  1. 「追加」メニューの中からギャラリーを選択します




  1. グリッドアニメーションギャラリーを選択します




  1. オリジナルの画像を追加しましょう



カラーパレットのカスタマイズ

HTML5 エディタ内の配色は Wix デザイナーによって厳選されたものばかりです。しかし、自分だけのオリジナルカラーを設定したい場合は「パレットのカスタマイズ」から設定することができます。


  1. 「デザイン」アイコンをクリックして、「色」を選択します




  1. 表示された「カラー」の下にある「パレットのカスタマイズ」をクリックします




  1. メインカラーの中から好きな色を選んで自由にカスタマイズしましょう



Facebook のサムネイルを設定する

Facebookで HTML5 サイトをシェアすると、サイトの概要と小さな画像(サムネイル)が表示されます。この画像を上手く設定することで、クリック数のアップにも繋がります。既存の Wix 画像を使うかオリジナルの画像をアップロードしましょう。ウェブサイトを思わず覗いてみたくなるような画像を選ぶのがコツです。


  1. 「設定」アイコンをクリックして「ソーシャル」をクリックします




  1. 「サムネイルをアップロード」をクリックします




  1. 画像を選択して OK をクリックします




  1. サムネイルが適用されたことを確認し「完了」をクリックすれば完了です!




他にも多くの機能や裏ワザをどんどんご紹介していきます。お楽しみに!


ライター: Wix Team





#HTML5ウェブサイト #新機能

ja03.png