レイアウト見本:目次・見出し・引用・リスト

目次

↑の目次はCocoonの「目次」設定で表示したもの。

↓の目次はショートコードで表示したもの。

「Cocoon設定 – 目次」の設定が適用される。

「目次を表示したくない!」って場合は記事毎に「投稿 – ページ設定 – 目次を表示しない」にチェックを入れる。

見出しH2

見出しH3

見出しH4

見出しH5
見出しH6

ぶっちゃけH4~H6はまぁ使わん

引用<blockquote>

著書などから引用の際は権利関係を侵害していないか注意を払う必要がある。

引用か参照か転載か丸パクリか…それが問題だ…

しかし製品の仕様表やPDFマニュアルなどはメーカーの情報を丸パクリしてもいいかどうか迷うときがある。

その時はけせらせらスピリットで「引用してもいいんよ!」でいくのも一興

「では虎を屏風から出してください」ってそれは一休

岩爺

リスト<ul・ol・dl>

箇条書きリストul

  • 親リスト
  • 親リスト
    • 子リスト
    • 子リスト
  • 親リスト
    • 子リスト
      • 孫リスト
      • 孫リスト
    • 子リスト
  • 親リスト

番号付きリストol

  1. 親リスト
  2. 親リスト
    1. 子リスト
    2. 子リスト
  3. 親リスト
    1. 子リスト
      1. 孫リスト
      2. 孫リスト
    2. 子リスト
  4. 親リスト

定義リストdl

親リスト
親リスト
子リスト
子リスト
親リスト
子リスト
子リスト
親リスト

定義リストはビジュアルエディターを使用しているとリストブロックからでは選択できない。

一度「カスタムHTML-再利用ブロック」で登録しておきそこから選択する。

class:dl-bold

dt太字

親リスト
親リスト
子リスト
子リスト
親リスト
子リスト
子リスト
親リスト

整形済みテキスト<pre>

整 形済みテキスト  だと連続した半角スペース   も反映してくれるよ!
連続した全角スペース   はこんな感じ!

段 落 だと連続した半角スペース は反映されないよ!

連続した全角スペース   はこんな感じ!

ソース

<dl class="dl-bolt">&そーっすね!ソースっす!</dl&>

へぇ~”<”と”&”が直打ちできるんだと感心してみる

ふふ~んふんふん
鼻歌交じりでうたたねしつつ詩を吟じる

吹き出し

芋煮大会するよ!

それ炊き出しや!