アミアンインターナショナル

貴社の売り上げアップをとことん支援します。オンラインショップ専門コンサルタント

CMS css コンテンツ 新着情報

cssで2段組にする方法 ⇒ トップページの作り込み7

投稿日:

さらにコンテンツを増やす

引き続き、コンテンツを加える。

このブロックは、2段組にする。

<div id="amiens-07" class="amiens-black">
<div class="amiens-1060w">
<h2>あなたのショップが成功しない理由</h2>
<div id="amiens-07-wrapper">
<div id="amiens-08-01">
<h3>成功しているショップのマネをしても売上が上がらない理由</h3>
本を買って読んだり、インターネット上の情報を集めていろいろ試しているのに、売上が伸びない。それは、当然です。なぜなら、本の中に方程式はないからです。

ユニクロが大企業に成長しましたが、今から同じ事をしたらユニクロと同程度の企業を作ることができるでしょうか?成功体験を知ることは大切ですが、それを真似ても成功するとは限らないのです。ですから成功しているショップのマネをしても、売上は上がりません。

</div>
<div id="amiens-08-02">
<h3>コンサルタントが有効な理由</h3>
成功企業の軌跡には、その企業独自の事情やその時代だったからこその環境要因が大きく作用しています。ですから単純に真似てもダメなのです。大切なのは、成功したエッセンスを理解すること。その上で、成功する確率の高い施策を実行し続けることです。

まずはあなたのショップに通用する成功の方程式を見つけること。そして、それを継続していきましょう。そのお手伝いをするのが、コンサルタントです。

日々の仕事が忙しいショップスタッフには、なかなかこうした事は難しいのが現実です。ルーチンワークでないことはプロに任せて、ショップスタッフはお客様対応に全力を注ぐべきなのです。

</div>
</div>
</div>
</div>

wrapperで包んで、flexboxにする。

cssはこちら。

.amiens-1060w h3{
box-sizing: border-box;
border: 1px solid #ccc;
padding: 1em 2em;
margin: 100px 0 30px;
text-align: center;
width: 100%;
color: #aaa;
}
#amiens-07-wrapper{
padding: 0 1em;
}

タブレット表示の時に、2段組にする。

@media screen and (min-width: 600px){
#amiens-07-wrapper{
display: flex;
}
#amiens-07-wrapper div{
margin: 0 0 50px 0;
width: 50%;

}
#amiens-07-wrapper div:first-child{
margin-right: 20px;
}
}

次のブロックは段組を解除し、600px幅で表示。

<div id="amiens-08" class="amiens-black">
<div class="amiens-1060w">
<h2>他社のコンサルティングがうまくいかない理由</h2>
<div class="amiens-600w">

世間には「モノやサービスを売る」経験のない人がコンサルタントと名乗っているケースをよく見かけます。これではうまくいくはずがありません。

ホームページ制作でも同じです。学生時代に友人からセンスがいいと褒められ、デザインが大好きで専門学校に進学し、新卒でデザイン会社やweb制作会社に就職した。そんなデザイナーが、たくさんいます。確かに、きれいなホームページを作ってくれます。最近流行のデザインを取り入れ、見た目に華やかなホームページができあがってきます。

でも、全然売れないのです。

なぜでしょうか?

当然です。社会経験が足りないのです。確かにデザインの知識は豊富でしょう。専門学校で理論を学び、多くのデザインに触れ、センスもあるのでしょう。でも、それだけです。モノやサービスを売る、という経験が皆無か、圧倒的に少なすぎるのです。もちろんマーケティングの知識もありません。

こんなデザイナーが作ったページで、売れるでしょうか。商売は、そんなに甘いものではないのです。

こうしたケースは、とても多いのです。きれいな、けれど売れないホームページを押しつけられて悩むショップを見る度に、胸が痛みます。高額な制作費用を支払った上に、赤字続きのショップを運営するしかない。なんと悲惨なのでしょうか。

それもこれも、コンサルタントと名乗りながら、単なるサイト制作でお茶を濁しているコンサルティング会社がほとんどだからです。ひどいところになると、住所や電話番号さえ自社のホームページ上で公開していない会社があります。これは詐欺ですよと、自分で言っているようなものです。こんなコンサルタントに騙されてはいけません。

</div>
</div>
</div>

表示に変化を付け、文字だらけのページのテンポを変える。

これで少しは読む気になるかも知れない。

-CMS, css, コンテンツ, 新着情報
-,

執筆者:

関連記事

au 無線ルータ DATA08W

auのポータブル無線ルータWiFi Waker DATA08Wを導入した人柱報告

au WiFi Waker DATA08Wを契約した 12月1日に発売になったau WiFi Waker DATA08Wを、さっそく契約した。 取り急ぎ使ってみた感想を書いてみる。 DATA08W D …

MacBook Pro with Retina Display

MacBook Pro with Retina Displayを設定した3日の戦い

MacBook Pro with Retina Display MacBook Pro with Retina Displayを購入した。 macでは実に4年ぶりとなるリプレイスで、今回初めてtime …

HDMIケーブル

HDMIケーブルにて価格破壊を考える

11月の話で恐縮だが、テレビを買った。 ご多分に漏れず、エコポイントを意識して駆け込みで購入したのだ。 ところが、その時点でテレビの納期が1ヶ月先とのこと。 そりゃあないでしょ! という気持ちになった …

foursquare

foursquareのiPhoneアプリからfacebookにポストできなくなったよ

位置情報サービスとして多くの利用者が使っているfoursquareだが、1ヶ月前くらいからfacebookにポストできなくなった。 いろいろ試してみると、どうやら認証方式が変わったのに自動対応していな …

Mavericksにアップデートすると空き容量が増える?

Mavericksにアップデートした Mac OS X の新しいバージョン「Mavericks」が出てからというもの、アップデートするべきか悩むことが多かった。 本来であればコンサルタントという立場も …