1カラムでサイトを作るときに注意したい4つのポイント

1カラムのレビューサイトは、2・3カラムのサイドバーが
ないので、メインカラムのコンテンツに集中して読んで
もらうことができるという大きなメリットがあります。

これまで多くの1カラムサイトを作ってきましたが
作る際に注意している3つのポイントを説明しましょう。

1カラムでサイトを作るときに注意したい4つのポイント

まずはこちらのサンプルサイトをご覧ください。
海を愛する男の必需品:SUUNTO D6i ALL BLACKの魅力

7-01

このサンプルサイトはAXISというテンプレートを使って
作りましたがこのサイトを元に、説明していきます。

サイトの幅は適切か?

AXISの場合、1・2・3カラムともサイト幅は960pxです。
そのままでも問題はありませんが、ここ最近の傾向で
1000~1200pxくらい大きめにしているサイトが多くあります。

7-02

サンプルサイトは1100pxで作っていますが、大き目の画像で
インパクトを与えたいときは、大き目の幅にすることをおススメします。

サイト幅の変更方法は購入特典「AXIS秒速カスタマイズマニュアル」で追加していきます。)

コンテンツの両サイドの余白は適切か?

テンプレートによって違いはありますが、多くのテンプレートが
コンテンツ部分両サイドの余白が狭いんですよね。

7-03

人それぞれ好みがあると思いますが、ある程度大きめに
余白を設定すると、スッキリとしたイメージになります。
サンプルでは余白110pxで設定してみました。

7-04

余白幅の変更方法は購入特典「AXIS秒速カスタマイズマニュアル」で追加していきます。)

見出し3・4・5・6は読みやすいか?

見出しはサブヘッドコピーとも呼ばれています。

サイト訪問者は、最初からコンテンツの1行1行をじっくり
読みはじめるということは、まずありえません。

最初にヘッダーを見て、見出しをたどりながら流し読みを
するのが通常と言われています。

ですから
見出し文字は、ある程度文字サイズを大きくして読みやすくする必要があります。

7-05q-11

7-06
見出し文字サイズ更方法は購入特典「AXIS秒速カスタマイズマニュアル」で説明してます。)

背景画像はサイトにマッチしているか?

AXISの背景はデフォルトで薄いグレーですが、背景画像を
入れ替えるだけで、サイトイメージは一新します。

サンプルサイトでは大き目の背景画像を使っていますが
AXISは簡単に設置することが可能です。

7-07

大き目の背景画像が不足している方は、こちらを参考にしてください。
参考記事:商用利用OK!大きいサイズのフリー写真素材提供サイトを3つ紹介!

スタイリッシュな背景素材厳選50個

そして今回、AXISをさらに有効に使っていただくために
購入特典に「スタイリッシュな背景素材厳選50個!」を追加しました。

t-01t-02

背景画像を変えた例

明るい色調・ダークな色調などスタイリッシュな
背景素材を50個準備しました。

他のAXISユーザーと差別化する意味でも、
背景素材は役に立つと思います。

CMS型サイト作成ツール「AXIS」のご購入はこちら

CMS型サイト作成ツール「AXIS」を当ブログからご購入の方に
豪華特典を準備しております。CMS型サイト作成ツール「AXIS」を
あなたのビジネスの武器の一つに加えることをおススメします。

a04yaji-010

この記事が気に入ったら
いいね ! しよう


未来派野郎hiro公式メルマガ「プロパガンダ」
メールマガジン『PROPAGANDA:プロパガンダ』は完全無料で登録できます。

もしあなたが、ネットビジネスで「経済的自由」「時間的自由」「場所的自由」を手に入れたいのであれば、このメルマガに登録してください。ネットビジネスに関する最新情報をタイムリーに発信しています。

今なら登録者の方に豪華特典を差し上げています。また、メール内でも随時特典を配布させていただきますので、楽しみにしていただければと思います。

おすすめノウハウ+ツール

FAAP
FAAP(フルオートメーションアドセンス)は、これからアドセンスに取り組みたい、アドセンスでなかなか収益が伸びないという方におススメです。
Danganページビルダー
「Danganページビルダー」はLP(ランディングページ)作成機能を追加するWordPressプラグインで、インストールするだけで使うことができます。
バカ売れランディングページの奥義
「バカ売れランディングページの奥義」は、ランディングページに必要なものは何か、LP鉄板の構成などをわかりやすく解説しています。

コメントを残す