テーマ内CSSの使用例一覧

このページはCSS基本仕様について纏めたページです。このページを参考にclassを付与頂くとCSSが反映されます。
※文中のテキストはレイアウト確認用のサンプルテキストです。

H３の見出し(記事の見出しはh3から始めてください)

木曾路はすべて山の中である。あるところは岨づたいに行く崖の道であり、あるところは数十間の深さに臨む木曾川の岸であり、あるところは山の尾をめぐる谷の入り口である。一筋の街道はこの深い森林地帯を貫いていた。東ざかいの桜沢から、西の十曲峠まで、木曾十一宿はこの街道に添うて、二十二里余にわたる長い谿谷の間に散在していた。

H5の見出し

木曾路はすべて山の中である。あるところは岨づたいに行く崖の道であり、あるところは数十間の深さに臨む木曾川の岸であり、あるところは山の尾をめぐる谷の入り口である。一筋の街道はこの深い森林地帯を貫いていた。東ざかいの桜沢から、西の十曲峠まで、木曾十一宿はこの街道に添うて、二十二里余にわたる長い谿谷の間に散在していた。

H5の見出し(周囲枠付き)

枠をつける場合はclassに「bg」を付与してください。

H6の見出し

木曾路はすべて山の中である。あるところは岨づたいに行く崖の道であり、あるところは数十間の深さに臨む木曾川の岸であり、あるところは山の尾をめぐる谷の入り口である。一筋の街道はこの深い森林地帯を貫いていた。東ざかいの桜沢から、西の十曲峠まで、木曾十一宿はこの街道に添うて、二十二里余にわたる長い谿谷の間に散在していた。

蛍光マーカー着色

着色したい箇所を選択後、ビジュアルエディタ内メニュー「スタイル→文字のスタイル」からお選びください。

文字スタイル：蛍光ペン（青）

文字スタイル：蛍光ペン（黄）

文字スタイル：蛍光ペン（緑）

文字スタイル：蛍光ペン（赤）

吹き出し

ビジュアルエディタ内メニューの吹き出しアイコンから設定ください。

[word_balloon id=”mystery_men” size=”S” position=”L” name_position=”under_avatar” radius=”true” name=”false” avatar_border=”true” balloon=”talk” balloon_full_width=”true”]ここに吹き出しが入ります
[/word_balloon]

[word_balloon id=”mystery_men” size=”S” position=”R” name_position=”under_avatar” radius=”true” name=”false” avatar_border=”true” balloon=”talk” balloon_full_width=”true”]反転タイプの吹き出しです[/word_balloon]

関連記事

ビジュアルエディタ内メニュー「Quicktags」からお好みの関連記事タイプを選び、必要な情報を入力してください。

ラベルタイプ

サムネイルタイプ

コラムサンプル記事

リンク

１．ビジュアルエディタのリンクボタンでリンクを作成します

２．のビジュアルエディタ内メニュー「スタイル→リンク」からお好みのスタイルをお選びください。

通常リンクはは青字に下線のスタイルです

リンク：浮き出し（赤）

リンク：浮き出し（青）

リンク：浮き出し（緑）

リンク：外部参照アイコン

リンク：リンクアイコン

ブロック装飾

※アイコンは記述を省略することで省くことができます

UL/LUリスト形式

Type-1(ノーマルタイプ)

• li要素
• li要素

Type-2(装飾タイプ)

• li要素
• li要素

Type-2(パネルタイプ)

• li要素
• li要素

DL/DTリスト形式

Type-1(ノーマルタイプ)

dt要素

dd要素

dd要素

Type-2(表形式タイプ)

dt要素

dd要素

dt要素

dd要素

引用表現

引用表現

テーブル