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

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

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

執筆者:

関連記事

domo Todo+

iPhoneの神アプリをおすすめ【3】domo Todo+

私のiPhoneのホーム画面1画面目に鎮座する神アプリを紹介するシリーズ。 1画面目のヘビーに使い込んでいるiPhoneアプリ 第3回目は、domo Todo+を紹介する。 domo Todo+ do …

parallax

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

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

二科展

弊社専属デザイナーが第98回二科展で特選を受賞しました

弊社専属デザイナーが第98回二科展で特選を受賞しました。 弊社のデザインにおけるレベルの高さを証明する受賞であると、謹んでご報告申し上げます。

stinger8

おまけ:wordpress設定手順を公開してみて ⇒ STINGER8設定その15

おまけ ここまでやって気づいたのだが、画面右下にページトップに戻るリンクがある。 これが色が薄すぎて、白背景だと全く気がつかない。 すこし色を濃くしておこう。 #page-top a{ backgro …

MacBook Pro with Retina Display

MacBook Pro with Retina Displayを買うべきこれだけの理由

先日から話題となっているMacBook Pro with Retina Displayを注文した。 当初はMacBook Air 13″を購入しようと思っていたのだが、急遽変更した。 &n …