賢威装飾タグ一覧表

賢威では専用装飾タグが用意されています。

WordPressのビジュアルエディタでも変更可能ですが

スタイルシートのタグを使用したほうがHTML構文が見やすくなり

検索エンジンがクロールしやすくなるという効果が期待できます。

 

<p class="wakaba">○○○<p/>
初心者アイコン画像
<p class="mail">○○○<p/>
メールアイコン
<p class="pdf">○○○<p/>
PDFアイコン
<p class="zip">○○○<p/>
ZIPアイコン
<p class="rss">○○○<p/>
RSSアイコン
<p class="rss-mini">○○○<p/>
小さいRSSアイコン
<p class="mail-back">○○○<p/>
後ろにメールアイコン
<p class="pdf-back">○○○<p/>
後ろにPDFアイコン
<p class="zip-back">○○○<p/>
後ろにZIPアイコン
<p class="rss-back">○○○<p/>
後ろにRSSアイコン

賢威用装飾タグ 文字の色

<p class="red">○○○</p>
文字赤
<p class="blue">○○○</p>
文字青
<p class="green">○○○</p>
文字緑
<p class="yellow">○○○</p>
文字黄
<p class="navy">○○○</p>
<p class="orange">○○○</p>
文字橙
<p class="pink">○○○</p>
文字ピンク
<p class="purple">○○○</p>
文字紫
<p class="olive">○○○</p>
文字黄土色
<p class="lime">○○○</p>
文字黄緑
<p class="apua">○○○</p>
文字水色
<p class="blaack">○○○</p>
文字黒
<p class="gray">○○○</p>
文字灰
<p class="white">○○○</p>
文字白

賢威装飾タグ 文字ハイライト色

<p class="box-yellow">○○○</p>
ハイライト黄色
<p class="box-apua">○○○</p>
ハイライト水色
<p class="box-gray">○○○</p>
ハイライト灰色
<p class="red">○○○</p>
ハイライト赤色

賢威装飾タグ フォントサイズ

<p class="small">○○○</p>
0.8emのサイズ
<p class="big">○○○</p>
1.2emのサイズ
<p class="big3">○○○</p>
1.8サイズ
<p class="f15em">○○○</p>
15サイズ
<p class="f24em">○○○</p>
24サイズ

賢威装飾タグ 文字装飾

<p class="b">○○○</p>
文字の太字
<p class="underline">○○○</p>
文字の下線
<p class="noteline">○○○</p>
点線を引く
<p class="del">○○○</p>
取り消し棒
<p class="noborder">○○○</p>
枠線を消す

賢威装飾タグ 文字の表示位置

<p class="al-c">○○○</p>
文字中央寄せ
<p class="al-r">○○○</p>
文字右寄せ
<p class="al-l">○○○</p>
文字左寄せ
<p class="vl-t">○○○</p>
文字の上寄せ
<p class="vl-m">○○○</p>
文字の中央寄せ
<p class="vl-b">○○○</p>
文字の下寄せ
賢威装飾タグ リストタグ
  • ここにテキスト
  • ここにテキスト
  • ここにテキスト

———————————————————–

<div class="contents"> 
<ul class="checklist"> 
<li>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</li> 
<li>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</li> 
<li>ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。</li> 
</ul> 
</div>

——————————————————————

ランキング形式
  1. ランキング1

    テキスト

  2. ランキング2

    テキスト

  3. ランキング3

    テキスト

  4. ランキング4

    テキスト

  5. ランキング5

    テキスト

—————————————————————-

<ol class="ranking">
	<li class="no01">
<p class="item-name">ランキング1</p>
テキスト</li>
	<li class="no02">
<p class="item-name">ランキング2</p>
テキスト</li>
	<li class="no03">
<p class="item-name">ランキング3</p>
テキスト</li>
	<li class="no04">
<p class="item-name">ランキング4</p>
テキスト</li>
	<li class="no05 end">
<p class="item-name">ランキング5</p>
テキスト</li>
</ol>

————————————————————-

             夢実現プロジェクト・メールマガジン講座

AYUMI&HIROの夢実現プロジェクト始動
あなたは現状に満足されてますか?


magajin

本気で稼ぐ気があるのならご参加下さい。
アフィリエイトで稼ぐためのメールマガジン講座

btn043

この記事はお役に立てましたでしょうか? また他の誰かの役に立ちそうだと思っていただけたら、下のボタンから共有をいただけましたら運営者のモチベーション維持にもつながります。

ブログランキング・にほんブログ村へ
にほんブログ村

One Response to “賢威装飾タグ一覧表”

  1. Roco より:

    あゆみさん

    こんにちは。
    賢威デビューしたばかりのRocoです(笑)
    お世話になります。

    とっても見やすいです。
    どうもありがとうございます!
    早速お気に入りに入れました。

    記事を書く際は是非参考にしたいと思います。
    本当にありがとうございます。

    応援完了です。

コメントを残す

サブコンテンツ

このページの先頭へ