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

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

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

執筆者:

関連記事

ナナコ

日本のキャッシュレス決済の先行きは怪しい

現金→nanacoでは払えない 先日セブンイレブンを利用した時に、ちょっとしたトラブルがあった。 現金とnanacoを併用して支払おうとしたら、拒否されたのだ。 ちなみに、セブンイレブンとしてはこの可 …

Tポイントは衰退していくのか?

蔦屋書店でカードが使えない!? Tポイントは衰退していくのか?

蔦屋書店でクレジットカードもモバイルTカードも使えない 先日、高知蔦屋書店でランチを食べたのだが、その時に気になったのが支払いにカードが使えないことだ。 高知蔦屋書店 ⇒ 広い店内に多数のテナント 高 …

2段組

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

さらにコンテンツを増やす 引き続き、コンテンツを加える。 このブロックは、2段組にする。 <div id=”amiens-07″ class=”amiens-black”> <div …

cssアニメーション

cssのanimationで文字に変化を付ける ⇒ トップページの作り込み1

animationとは cssのanimationを使うことで簡単に動きを付けられる。 animationプロパティは、要素にキーフレームアニメーションを適用する場合に、 アニメーションについてまとめ …

code-prettify

google code-prettifyでコード表示をハイライト(動作しないので焦るが解決済み) ⇒ STINGER8設定その2

google code-prettifyを導入 設定その1の記事内で、コードを記載した。 wordpessテーマのSTINGER8にしてみた ⇒ 設定その1 これを見てみると、preタグで囲んだだけだ …