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

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

CMS css コンテンツ 新着情報

説明文の加筆 ⇒ トップページの作り込み6

投稿日:

コンテンツを増やす

コンテンツを加える。

600px幅で表示。

<div id="amiens-05" class="amiens-black">
<div class="amiens-1060w">
<h2>コンサルティングとは</h2>
<p id="amiens-05-consulting"><img src="https://amiens.jp/wp-content/themes/stinger8-child/images/consulting-1x.gif" srcset="https://amiens.jp/wp-content/themes/stinger8-child/images/consulting-1x.gif 600w,https://amiens.jp/wp-content/themes/stinger8-child/images/consulting-2x.gif 1200w" alt="consulting"></p>

<div class="amiens-600w">

コンサルティングとサイト制作を混同している方がいらっしゃいます。弊社が行っているのは、コンサルティングです。ですから、「売上アップなんてどうでもいいから、安くホームページを作ってくれるところを探している」という方は、いますぐお立ち去り下さい。

もちろん弊社でもサイト制作は可能ですし、事業メニューとして受け付けてもいます。しかし制作だけということはなく、「売上をアップするにはどうするか」を合わせて指導させていただいています。

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

前回作ったgifアニメーションを挿入しておいた。

燃えるgifアニメーション文字の作成 ⇒ トップページの作り込み5

次のブロックは、提案部分を角丸ラインで囲む。

こちらも600px幅にした。

<div id="amiens-06" class="amiens-black">
<div class="amiens-1060w">
<h2>ネットショップ運営に悩んでいませんか?</h2>
<div class="amiens-600w">
<ul>
    <li>ネットショップをオープンしたが、赤字続き</li>
    <li>ライバル店は売り上げ好調なのに、自社店舗はいまひとつ</li>
</ul>
こんな悩みを抱えていませんか?それなら、ご安心ください。
私どもがお役に立てるかも知れません。

ネットショップの売上アップには、「コツ」があります。やるべきことをしっかり実行することで売上が50%アップ、それどころか2倍になることも珍しくありません。

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

cssはこちら。

.amiens-black ul{
border: 1px solid #aaa;
border-radius: 10px;
padding: 1em 1em 2em 3em;
margin: 5em auto 5em auto;
}
.amiens-black li{
margin-top: 1em;
}

ダラダラ書いても読みにくいので、ところどころにアクセントを入れるようにしている。

だいぶボリュームが出てきた。

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

執筆者:

関連記事

実質は国内シェア96%を握る ヤフー・グーグル提携の波紋

Amplify’d from diamond.jp 実際に検索サイト&#12 …

ビール券をプレゼント

ビール券が当たる!QUOカードも当たる!応募はフォロー&ツイートするだけ。簡単応募の365日懸賞、好評開催中。

ビール券をプレゼント ビール券を2枚組にして2名様にプレゼント★グイッと飲んじゃってくださいねw★応募はフォロー&ツイートするだけ。twitterで簡単に応募できます #365kD9YX #3 …

parallax

パララックス効果で画像を動かす ⇒ トップページの作り込み2

パララックス効果とは パララックス効果は、2つの要素を別々に動かすことで視覚的な効果を与えることだ。 iPhoneを動かすと、iPhoneのホーム画面上でアプリのアイコンが微妙にずれる、あの効果だ。 …

H2タグ

H2タグを修飾 ⇒ STINGER8設定その9

H2タグの設定 サイドバーのデザイン設定はひとまず終えたので、コンテンツエリアの設定を始める。 まず気になっていたのが、H2のバランスが悪いことだ。 STINGER8のデフォルトでは、上下にsolid …

ブラウザスピード対決:IE 9 Beta、Firefox 4 Beta、Chrome(Crankshaft)、Opera 11 Beta

Amplify’d from www.lifehacker.jp ■起動および読&#1241 …