お写んぽなうのh1~h6タグの使い方ガイド

「特にタピオカとアイスクリームがお気に入り。おすすめは台中の宮原眼科」5点
「あっさりしてるので胃もたれせず沢山食べられる。店員さんのサービスもよい」5点
「何で強い店は駄目だった。」4点
「台湾素食(日本でいう精進料理)は低カロリーでダイエット中の人にオススメ。」4点
「ヘルシーかつバリエーションも豊富。フルーツもうまい。」5点

スターを入れる時。

先頭にテキストを挿入しました。
あああああ

えええええ

えええええ

スポンサーリンク

タイトルh1~h6の表示のされ方

<h1>h1タグはこうなる</h1>

<h2>h2タグはこうなる</h2>

<h3>h3タグはこうなる</h3>

<h4>h4タグはこうなる</h4>

<h5>h5タグはこうなる</h5>

<h6>h6タグはこうなる</h6>

h1タグはこうなる

本文を入れてください

h2タグはこうなる

本文を入れてください

h3タグはこうなる

本文を入れてください

h4タグはこうなる

本文を入れてください

h5タグはこうなる

本文を入れてください

h6タグはこうなる

本文を入れてください


装飾classを付けた時のタイトルh1~h6の表示のされ方

<h2 class="heading2">h2タグはこうなる</h2>

<h3 class="heading3">h3タグはこうなる</h3>

<h4 class="heading4">h4タグはこうなる</h4>

<h5 class="heading5">h5タグはこうなる</h5>

<h6 class="heading6">h6タグはこうなる</h6>

h2タグはこうなる

本文を入れてください

h3タグはこうなる

本文を入れてください

h4タグはこうなる

本文を入れてください

h5タグはこうなる

本文を入れてください

h6タグはこうなる

本文を入れてください


ランキングの王冠を表示させる

<h4 class="heading4">【観光客が多い国ランキング(順位を入れる時)】</h4>
<div class="ranking-item-name"><div class="g-crown"><div class="rank-no">1位</div></div><div><h2>フランス</h2></div></div>
<div class="ranking-item-name"><div class="s-crown"><div class="rank-no">2位</div></div><div><h2>メリケン</h2></div></div>
<div class="ranking-item-name"><div class="c-crown"><div class="rank-no">3位</div></div><div><h2>スペイン</h2></div></div>
<div class="ranking-item-name"><div class="o-crown"><div class="rank-no">4位</div></div><div><h2>中国</h2></div></div>
<div class="ranking-item-name"><div class="o-crown"><div class="rank-no">5位</div></div><div><h2>イタリア</h2></div></div>

 ↓

【観光客が多い国ランキング(順位を入れる時)】

1位

フランス

2位

メリケン

3位

スペイン

4位

中国

5位

イタリア


Cocoonのランキングのショートコードを入れるとこうなる

[rank id=1]

これを表示するとこうなる

ここ
の数で評価します。「なし」を選択した場合は表示されません。 画像・バナータグ

明文(※必須)

名前です。タグ・シ
の数で評価します。「なし」を選択した場合は表示されません。 画像・バナータグ

の数で評価します。「なし」を選択した場合は表示されません。
画像・バナータグ

スポンサーリンク
ちゃみっこ編集長をフォローする
お写んぽ!