きれいで売れるサイトが簡単に作れる「賢威」~リスト編

きれいで売れるサイトが簡単に作れる「賢威」~リスト編

このサイトでご紹介している「賢威」は、SEOの最新理論や情報が手に入るSEO教材。購入者から極めて高い評価を受けている教材です。

賢威にはテンプレートが付属していて、これを使うことで、SEO上有利なサイトを作成することができるようになってます。さらに、賢威のテンプレートには売れるサイトを作るための機能が、豊富に搭載されてています。前の記事、きれいで売れるサイトが簡単に作れる「賢威」~文字装飾編でも、そのことをご説明しました。前回は文字装飾のことについてお伝えしましたが、今回はリストタグ(<ul>)に使われている装飾についてお伝えします。

リストタグというのは、<ul>というタグで、リストを作るときに使うタグです。これを使うことで、検索エンジンにも、これがリストにであることを認識させることができるようになります。

通常のリストタグを使ってリストを作ると、下のようなタグの書き方になります。賢威の特長を、リストタグを使ってまとめてみました。

<ul>
<li>テンプレートに文字を記入するだけで、SEOを考慮したタグの書き方ができる</li>
<li>豊富なデザインから、サイトのデザインを選べる</li>
<li>画像を右でも左でも真中でも、簡単に置くことができる</li>
<li>行間隔(margin:マージン)を、簡単な操作で自由に設定できる</li>
<li>下のような

お客様の注意を引く画像を簡単に入れられる

</li>
<li>文字や文などのサイトの装飾を簡単にすることができる</li>
<li>難しい操作なしで簡単に美しいサイトが作れ、お客様にアピールしやすくなる</li>
</ul>

これをブラウザーで表示させると、下のようなリストになります。

  • テンプレートに文字を記入するだけで、SEOを考慮したタグの書き方ができる
  • 豊富なデザインから、サイトのデザインを選べる
  • 画像を右でも左でも真中でも、簡単に置くことができる
  • 行間隔(margin:マージン)を、簡単な操作で自由に設定できる
  • 下のような

    お客様の注意を引く画像を簡単に入れられる

  • 文字や文などのサイトの装飾を簡単にすることができる
  • 難しい操作なしで簡単に美しいサイトが作れ、お客様にアピールしやすくなる

このリストをもっと強調してお客様にアピールするために、チェックリスト形式にしてみましょう。賢威なら簡単にそれをすることができます。
<ul>の後に「class=”checklist”」を入れて、<ul class=”checklist”>とするだけで、下のようなチェックリスト付きのリストを作ることができます。

  • テンプレートに文字を記入するだけで、SEOを考慮したタグの書き方ができる
  • 豊富なデザインから、サイトのデザインを選べる
  • 画像を右でも左でも真中でも、簡単に置くことができる
  • 行間隔(margin:マージン)を、簡単な操作で自由に設定できる
  • 下のような

    お客様の注意を引く画像を簡単に入れられる

  • 文字や文などのサイトの装飾を簡単にすることができる
  • 難しい操作なしで簡単に美しいサイトが作れ、お客様にアピールしやすくなる

上のリストには、チェックマークが使われていて、リスト全体を角が丸い四角形で囲まれてます。
通常このようなことをしようとすると、かなり面倒なタグの書き方やスタイルシートの設定が必要ですが、賢威には、あらかじめこのようなことが簡単に行える設定がなされています。

上のようなリストを作るには、<ul class="checklist">とするだけでOK。それだけで、チェックリストを付きのリスト、角が丸い四角形でリスト全体を囲むという設定をすることができます。

これができると、重要な項目を目立たせることができて、売上アップにつなげられるのではないでしょうか?

チェックリストの色は、赤で設定していますが、青や緑、黒などの画像も用意されているので、挿しかえれば、自分のサイトに合った色に変えることができます。

また、<ul class="contents">とすると、下のように矢印付きのリストにデザインを変えることができます。

<ul class="topics">とすると、リスト全体が枠で囲まれて、表のようになります。ぜんぜん雰囲気が変わりますよね。

横並びのリストも簡単に作ることができます。<ul class="tag">とするだけです。

  • 商品1の特長
  • 商品2の特長
  • 商品3の特長
  • 商品4の特長

<class="menu">を使うと、四角い囲みを作ることができます。たとえば、上のリストを<div class="menu"> </div>で囲むと、下のようになります。

かなりいい感じになりましたね。サイトのいろいろな場所で、お客様の注意を引くために使えるのではないでしょうか?

このように、賢威を使うと簡単な操作でサイト内の文字を装飾することができ、美しいサイトを作ることができます。この賢威の機能を使いこなすことで、お客様にアピールできる売れるサイトを作れるようになると思います。

賢威の売れるサイトを作るための優れた機能は他にもありますが、今回はこのくらいにします。


当サイト内のリンクから賢威をお買い上げの方には、特典を差し上げております。ドロップダウンメニュー付き賢威4.0で、より売れるサイトに!をご確認ください。

タグ

トラックバック&コメント

この記事のトラックバックURL:

まだトラックバック、コメントがありません。

コメントを投稿する




きれいで売れるサイトが簡単に作れる「賢威」~文字装飾編 »
« ショップサーブの豊富な送料設定機能