風吹です。
賢威公式サポートサイトでWordPress版賢威7用スタイルシートが公開されたのですが、知らなかった物もあったので追記です。
最新情報（テキストのみ）
タイトルがはいりますタイトルがはいります
ニュース商品情報
サイトをリニューアルしました。サイトをリニューアルしました。サイトをリニューアルしました。サイトをリニューアルしました。
|
1 2 3 4 5 6 7 8 9 10 11 |
<div class="news"> <article class="news-item"> <h3 class="news-title"><a href="#">タイトルがはいりますタイトルがはいります</a></h3> <div class="news-date"><time datetime="2015-12-12">2015年12月12日</time></div> <div class="news-cat"> <span class="cat cat001">ニュース</span><span class="cat cat002">商品情報</span> </div> <p class="news-cont">サイトをリニューアルしました。サイトをリニューアルしました。サイトをリニューアルしました。サイトをリニューアルしました。</p> <p class="link-next"><a href="#">続きを読む</a></p> </article> </div> |
最新情報（サムネイル付）
タイトルがはいりますタイトルがはいります
ニュース商品情報
サイトをリニューアルしました。サイトをリニューアルしました。サイトをリニューアルしました。サイトをリニューアルしました。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<div class="news"> <article class="news-item"> <h3 class="news-title"><a href="#">タイトルがはいりますタイトルがはいります</a></h3> <div class="news-thumb"> <a href="#"><img src="./images/sample07.jpg" alt="猫5" width="150" height="150"></a> </div> <div class="news-date"><time datetime="2015-12-12">2015年12月12日</time></div> <div class="news-cat"> <span class="cat cat001">ニュース</span><span class="cat cat002">商品情報</span> </div> <p class="news-cont">サイトをリニューアルしました。サイトをリニューアルしました。サイトをリニューアルしました。サイトをリニューアルしました。</p> <p class="link-next"><a href="#">続きを読む</a></p> </article> </div> |
文字装飾
傍点
テキスト上に傍点を打ちます。
|
1 |
<p>テキスト上に<span class="dot">傍</span><span class="dot">点</span>を打ちます。</p> |
注意書き
※注釈・注記です。最初の一文字だけ飛び出て、それ以降の文字がぶら下がります。注釈・注記です。最初の一文字だけ飛び出て、それ以降の文字がぶら下がります。注釈・注記です。最初の一文字だけ飛び出て、それ以降の文字がぶら下がります。
|
1 |
<p class="note"><small>※注釈・注記です。最初の一文字だけ飛び出て、それ以降の文字がぶら下がります。</small></p> |
リスト表示
横並びリスト
- リストが入ります。
- リストが入ります。
- リストが入ります。
|
1 2 3 4 5 |
<ul class="inline"> <li>リストが入ります。</li> <li>リストが入ります。</li> <li>リストが入ります。</li> </ul> |
リストの先頭に表示するマーカー文字を非表示
- リストが入ります。
- リストが入ります。
- リストが入ります。
|
1 2 3 4 5 |
<ul class="none"> <li>リストが入ります。</li> <li>リストが入ります。</li> <li>リストが入ります。</li> </ul> |
その他の賢威7のデフォルトで用意されているスタイルシートはこちら。
最新ネットビジネス速報をいち早くお届け！
有益な情報を最新で配信しています。
| メルマガ登録 |
