cocoonでの記事の文章・デザイン・レイアウトの装飾について

WEB制作

よく使う装飾方法について、わかりやすく解説しちゃうよん

H1 ページ自体の見出しはこれ

H2 大見出しだね 

H3 中見出し

H4 小見出し ここまであれば十分かな

H5 見出し H5以下は目次に反映されないよう設定している

テキスト装飾

バッチだぜ 

マーカーラインをひくぜ

マーカーラインをひくぜ

マーカーラインをひくぜ

マーカーラインをひくぜ

太文字をかくぜ

基本的なレイアウト整形

  • リスト表示
  • リスト表示
  • リスト表示
  • リスト表示

引用タイトル

これは引用文章
ソースコードを書く
ソースコードを書く
ソースコードを書く
ソースコードを書く
ソースコードを書く
詳細タイトル

詳細文章詳細文章詳細文章詳細文章

詳細文章詳細文章詳細文章詳細文章

整形済みテキストだよ
テーブルテーブル
テーブルテーブル
詩だってさ
詩だってさ
詩だってさ
詩だってさ
詩だってさ
詩だってさ

ブロック左

33:66パターン

ああああああ

ブロック右

33:66パターン

あああああああ


上には「スペーサー」が入っている。下は「区切り」。


抜粋H2 まずは見出し H3 まずは見出し H4 引用タイトル これは引用文章 整形済みテキストだよ テーブル…

続きのテキスト
これは続きのテキスト
これは続きのテキスト
これは続きのテキスト
これは続きのテキスト
これは続きのテキスト

メディアの埋め込み

カバー

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

cocoon専用の装飾デザイン

アイコンボックス

案内ボックス

白抜きボックス

タブボックス

付箋風ボックス

吹き出しだぜ。左の画像も簡単に変えれるぜ

あああああああああああああ

あああああああああああああああ

あああああああああああああ

TESTタイムラインのタイトル
  • 手順1
    左の「手順」について

    右の設定エリアで「アイテム数」を選べばよい

  • 手順2
    タイトル
  • 手順3
    タイトル
バッジ アイコンリスト
  • リスト項目1
  • リスト項目2
  • リスト項目3
Q
質問
A

回答だよん

テストだよんあああああああああああああああああああああ
xxxxxxxxxxxxxxxxxxxxxxxx
あああああああああああああああああああ

上記は「テンプレート」を呼び出しているサンプル

暇人ヒマ太郎による暇つぶしコンテンツを配信中。
日常エッセイはじめ、思い付きの奇妙な漫画、動画、何らしらの解説記事等のコンテンツを制作しています。

ヒマ太郎をフォローする
テスト見出し

右の設定エリアからアイコン表示とかできるよ

テスト見出し1

タブ付ボックス

見出し

ラベルボックス

マイクロコピーバルーン
マイクロコピーテキスト
H5 見出し

wordpressの設定でH5は目次に反映されないようにしている

あああああああああああああああ

ああああああああああああああああ

あああああああああああああああああ

H5 見出し

コメント

タイトルとURLをコピーしました