風吹です。

賢威公式サポートサイトでWordPress版賢威7用スタイルシートが公開されたのですが、知らなかった物もあったので追記です。

 

 

 

最新情報（テキストのみ）

 

 

<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>

 

 

最新情報（サムネイル付）

 

 

<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>

 

文字装飾

傍点

テキスト上に傍点を打ちます。

 

<p>テキスト上に<span class="dot">傍</span><span class="dot">点</span>を打ちます。</p>

 

注意書き

※注釈・注記です。最初の一文字だけ飛び出て、それ以降の文字がぶら下がります。注釈・注記です。最初の一文字だけ飛び出て、それ以降の文字がぶら下がります。注釈・注記です。最初の一文字だけ飛び出て、それ以降の文字がぶら下がります。

 

<p class="note"><small>※注釈・注記です。最初の一文字だけ飛び出て、それ以降の文字がぶら下がります。</small></p>

 

 

リスト表示

横並びリスト

 

  • リストが入ります。
  • リストが入ります。
  • リストが入ります。

 

<ul class="inline">
<li>リストが入ります。</li>
<li>リストが入ります。</li>
<li>リストが入ります。</li>
</ul>

 

リストの先頭に表示するマーカー文字を非表示

  • リストが入ります。
  • リストが入ります。
  • リストが入ります。

 

<ul class="none">
<li>リストが入ります。</li>
<li>リストが入ります。</li>
<li>リストが入ります。</li>
</ul>

 

 

その他の賢威7のデフォルトで用意されているスタイルシートはこちら。

賢威7にデフォルトで用意されているCSSについて

 

 

最新ネットビジネス速報をいち早くお届け！

有益な情報を最新で配信しています。

メルマガ登録