Top / セクション

最終更新日

2019-06-07 (金) 17:34:16

セクション 4種類

パーツ > セクション

セクションは、コンテンツの一部に背景画像を設定したりできる領域を作成できるプラグイン。


デフォルト1

書き方

#section(bgcolor=#6C7A89,color=#ffffff){{
// bgcolor に背景の色、color に文字の色を指定します。
* ここに見出し
強調したい内容などを書く
}}


セクション > デフォルト1の記述

  • 背景色と文字色の設定は「書き方」と同じで変更はしていない。


セクション > デフォルト1の表示実験

セクション > デフォルト1の表示実験をやってみた。




デフォルト2

書き方

#section(bgcolor=#F7F6F6,color=#363636,left){{
// bgcolor:背景色にうすい色、color:文字色に濃い色を指定します。
* ここに見出し
強調したい内容などを書く
}}


セクション > デフォルト2の記述

  • 背景色と文字色の設定は「書き方」と同じで変更はしていない。


セクション > デフォルト2の表示実験

セクション > デフォルト2の表示実験をやってみた。




背景色型

書き方

#section(bgcolor=#1F3A93,color=#ffffff){{
// bgcolor に背景の色、color に文字の色を指定します。
* ここに見出し
強調したい内容などを書く
}}


セクション > 背景色型の記述

  • 背景色と文字色の設定は「書き方」と同じで変更はしていない。


セクション > 背景色型の表示実験

セクション > 背景色型の表示実験をやってみた。




背景画像型

書き方

#section(背景画像){{
* ここに見出し
強調したい内容などを書く
}}


セクション > 背景画像型の記述

  • 背景色と文字色の設定は「書き方」と同じで変更はしていない。
  • 画像は「section_01.png」を使用した。


セクション > 背景画像型の表示実験

セクション > 背景画像型の表示実験をやってみた。




セクションの感想

  • 実験後にどういう表示になるのかは把握したが、今のところ「セクションプラグインを、どのような場面で使ったら良いのかが分からない」というのが正直なところ。
  • セクションに限らずだが、HAIKには背景色や文字色を一目で選択できるパレットツールがない為、背景色と文字色を探すのが面倒である。


参考サイト