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

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

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, コンテンツ, 新着情報
-,

執筆者:

関連記事

stinger8

wordpessテーマのSTINGER8にしてみた ⇒ 設定その1

STINGER8を導入 このサイトはwordpressで構築している。 数ヶ月間Grapheneテーマを使ってみたのだが、どうも重い気がする。 そこで試しに、国産テーマで人気が高いSTINGERを使っ …

ツイッター鯨

twitterは死んだのか?

ツイッター大丈夫? 友人と話をしている際に、「最近ツイッターが元気が無いのではないか?」という意見が出た。 どうやら、最近はフォロワー数の伸びに以前のような勢いが感じられないらしい。 また別の友人の意 …

ツイッターvsフェイスブック

facebookにtwitterを連動させることは禁じ手なのか?

最近爆発的に普及してきたソーシャルメディア。 私もfacebook、twitter、mixi、GREE、myspaceなど、いろいろなSNSを利用している。 しかしそれぞれのSNSで個別に発言していく …

Format Link

引用を効率化するため拡張機能Format Linkをgoogle Chromeに入れる ⇒ STINGER8設定その7

他のサイトからの引用の仕方 ブログを書く時に、他のサイトから引用することは多い。 この時に気をつけるべきなのは、SEO的な視点だ。 引用する時にblockquoteタグを使わないと、googleからマ …

卯

年賀状を年内に出して販促するという手法

毎年、年賀状は締切間際になって慌てて書いている。 どうやら今年も同じことになりそうだ。 なにせamazonでプリンターのインクを注文したのは今日だし ←遅いって…(汗;) 年賀状の「年賀」部分を塗りつ …