素敵なホームページレイアウトを実現!カラムを活用しよう
![](https://static.wixstatic.com/media/bb1bd6_c5b6902a44b84c7291c8526c9ee7534d~mv2.png/v1/fill/w_49,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/bb1bd6_c5b6902a44b84c7291c8526c9ee7534d~mv2.png)
スライドショー機能に続く、Wixのイチ押し機能『カラム』!上手に使えていますか?
日本のホームページは、欧米のホームページに比べ、「ごちゃごちゃしている」と良くいわれます。でも、Wixエディタの『カラム』機能を使えば、どんなに情報量が多いホームページであっても、コンテンツをすっきり整理し、見やすいサイトを作ることができます。
カラムを使って、あなたのサイトをどのようにレイアウトできるか考えてみてください。サイトをブロック上に分割し、サービス内容やスタッフ紹介をしたり、問い合わせ欄を作ったり....
今回は、カラムの特徴や追加方法をご紹介します!
カラムとは?
カラムとは、ホームページ内のコンテンツを横並びに分割し、複数の項目を配置できる機能です。ストリップを最大で5つまで分割することができ、各ボックスの比率までも調整可能です。
以下のGIF動画は、カラムの使用例です。スタッフ紹介、サービス紹介、口コミページ、問い合わせセクションと内容は違えど、どれもホームページを分割することで、綺麗にコンテンツが整理できているのが分かりますね!
![カラム使用例](https://static.wixstatic.com/media/bb1bd6_bf08386d71144cd2903e708bec03956b~mv2.gif)
Wix カラムの特徴
テキストや画像だけでなく、動画も追加可能。複数の要素を組み合わせて配置もできます。
ボックスの間隔や余白などの細かい設定も可能です。
自動的にホームページが調整されるため、スマートフォンやタブレットなどの画面でもきれいに表示されます。
カラム機能を使って、目立たせたい部分を目立たせることも可能です。(例:以下画像のように、通販サイトであれば「売れ筋商品」に目がいくようデザインしてください。)デザインの可能性は無限大です!
![カラム使用理由](https://static.wixstatic.com/media/bb1bd6_ad414bc0cff240afa6c13f3eff7d5b58~mv2.png/v1/fill/w_65,h_50,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/bb1bd6_ad414bc0cff240afa6c13f3eff7d5b58~mv2.png)
カラムの追加方法
今すぐホームページにカラムを加えたいという方。早速、以下の手順で追加してください。追加方法は、とてもシンプルで簡単です!
エディタの左側にある追加をクリック
好きなストリップを選ぶ
選んだストリップをクリック、もしくはドラッグしてサイトに追加
追加したストリップをクリック
レイアウトアイコンをクリック
カラムを追加をクリック
![カラム追加](https://static.wixstatic.com/media/bb1bd6_39fc6c5ae7324146bee45b450676dfac~mv2.png/v1/fill/w_65,h_55,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/bb1bd6_39fc6c5ae7324146bee45b450676dfac~mv2.png)
追加後は、カラムのデザインを自由にカスタマイズすることが可能です。
カラムのデザインカスタマイズの方法
この注目機能、是非使ってみてくださいね!
▼カラムを使うと、こんな素敵なWixサイトができちゃいますよ!さて、どこにカラムが使われているでしょう?▼
![カラム例](https://static.wixstatic.com/media/bb1bd6_5c583a23bc174f9196db2b880fe7da06~mv2.png/v1/fill/w_65,h_41,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/bb1bd6_5c583a23bc174f9196db2b880fe7da06~mv2.png)
![](https://static.wixstatic.com/media/bb1bd6_af66f1a58c724a19aba56901b6ea5a40~mv2.png/v1/fill/w_60,h_60,al_c,q_85,blur_3,enc_auto/bb1bd6_af66f1a58c724a19aba56901b6ea5a40~mv2.png)
ライター: Wix Team