賢威の記事一覧

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

賢威にはテンプレートが付属していて、これを使うことで、ＳＥＯ上有利なサイトを作成することができるようになってます。さらに、賢威のテンプレートには売れるサイトを作るための機能が、豊富に搭載されてています。前の記事、きれいで売れるサイトが簡単に作れる「賢威」～文字装飾編でも、そのことをご説明しました。前回は文字装飾のことについてお伝えしましたが、今回はリストタグ（<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">とするだけでＯＫ。それだけで、チェックリストを付きのリスト、角が丸い四角形でリスト全体を囲むという設定をすることができます。

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

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

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

• 通販システムを、賢威＋ショップサーブに決定した経緯１
• 通販システムを、賢威＋ショップサーブに決定した経緯２
• ワードプレスのパスワードを忘れた場合の対処法

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

• 通販システムを、賢威＋ショップサーブに決定した経緯１
• 通販システムを、賢威＋ショップサーブに決定した経緯２
• ワードプレスのパスワードを忘れた場合の対処法

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

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

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

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

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

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

「賢威」は、このサイトの中で何回かご紹介していますが、ＳＥＯについて解説されたテキストと、ＳＥＯ対策済みのホームページテンプレート、それにＳＥＯやネットビジネス関連のサポートフォーラム（掲示板）がセットになったもの。テキストや付属している動画でＳＥＯやサイトの基本的な作成方法を学んだあとで、付属しているテンプレートを使ってサイトを作成していきます。

このサイトも、賢威のワードプレス版のテンプレートを使って作成しています。非常に使いやすい、そして簡単にきれいなサイトが作れるテンプレートです。賢威には、このワードプレス版のほか、ＭＴ版や普通のＨＴＭLのサイトを作るときに使うＨＴＭL版のテンプレートがあります。テンプレートは専用サイトからダウンロードできるようになっていて、 追加料金なしでダウンロードし放題。いくつでもサイトを作ることができます。

さて、この賢威ですが、テンプレートが本当に使う人の立場になって作られているのでとても使いやすく、またきれいなサイトを作ることができる工夫が、随処にしてあります。たとえば、先ほど 追加料金なしでダウンロードし放題と青字の太字で書きましたが、これをするには、<span class="b blue">と書くだけで良いように、スタイルシートが設定されています。

黄色くぬりつぶして強調させて、さらに文字を大きくしたければ、<span class="b box-yellow f12em">とします。“b”が太字、“box-yellow ”が、黄色い塗りつぶし、“f12em”は、フォントを1.2倍にするという意味（設定）になります。そうやって設定すると、こんな感じになります。

文字サイズは、<span class=”f08em”>とすれば、 こんな小さい文字になるし、<span class=”f20em”>とすれば、こんな大きな文字にすることができます。数字を変えることで、文字サイズは自在に変えられます。

また、文字の色も、英語で文字の色を書くだけで指定できます。赤字にしたければ、<span class="red">とすれば良いし、青にしたければ、redをblueに変えるだけで青字になります。

<span class=”f12em b green”>とすれば、文字サイズ1.1倍で太字、緑の文字にすることができます。ある程度HTMLタグのことがわかる方なら理解していただけると思いますが、通常このような設定をするには、かなり長いタグを書かないといけません。その点賢威は、サイト作成の効率を高める工夫がされているので、とても楽にサイトを作っていくことが可能になっています。

文字の色は青や赤、緑の他に、

• 紫色（purple）とか
• ピンク(pink）とか
• ライム(lime）や
• オレンジ(orange）も
• 黄色(yellow）も
• グレー（gray）も
• アクア(aqua）という色も
• オリーブ(olive）という色も

あります。すべて<span class=”色の名前”>のようにclassで色名を英語で指定すれば文字色が変わるようになっています。タグは<span>のほか、<p>や<div>、<li>なども使うことができ、状況によって使い分けることができるようになっています。

他に強調をしたいときに使える文字装飾の方法として、蛍光ペンのような塗りつぶしを使うことができます。

• 既にご説明した黄色い塗りつぶし（box-yellow)
• 赤い塗りつぶし（box-red）
• 青（アクア）の塗りつぶし（box-aqua）
• グレーの塗りつぶし（box-gray）

を使うことができます。
<class="box-色名">と指定します。

赤い背景に白い文字（太字）のような設定もすることが可能です。

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

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

当サイト内のリンクから賢威をお買い上げの方には、特典を差し上げております。
SEOに優れた賢威のテンプレートを使い、商用（通販）サイトを作るためのカスタマイズ法方を解説したものです。
次のページを確認ください。

賢威テンプレートを、通販用の売れるサイトにするための技８つへ

関連情報