INFORMATION インフォメーション

Sample
2017.10.11

【サンプルページ】ブログ機能を追加しました


フォントサイズ・カラー変更

ダミーテキストです。
ダミーテキストです。ダミーテキストです。ダミーテキストです。
ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。

表を作る

https://def-4.com/wp-table-responsive/

▼シンプルな構成で、文字量が少なめなら表を作成できます。

PC版なら、特に気にしなくても良いのですが、スマホサイズは画面が小さいので、レイアウトが異なります。
現在開いているブラウザを小さくすると、スマホ版に切り替わるので、確認してみてください。

no.1 あああ いいい
no.2 かかか ききき
no.3 さささ ししし

▼シンプルな構成でも、情報量が多い場合は、表を画像にして貼り付けてください。

no.1 アイウエオアイウエオ カキクケコカキクケコカキクケコ サシスセソサシスセソサシスセソサシスセソ タチツテトタチツテトタチツテトタチツテト ナニヌネノナニヌネノナニヌネノナニヌネノナニヌネノ
no.2 aaaaaaaaaaaaaa bbbbb cccccccc dddddd eeeee
no.3 aaaaaaaaa bbbbbbb cccccccccc ddd eeeee

帯(中)見出し

<h2></h2>タグで囲ってください。(< >も小文字で)
ダミーテキストです。ダミーテキストです。
ダミーテキストです。ダミーテキストです。ダミーテキストです。
ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。

帯(小)見出し

<h3></h3>タグで囲ってください。(< >も小文字で)

ダミーテキストです。ダミーテキストです。
ダミーテキストです。ダミーテキストです。ダミーテキストです。
ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。

引用

書籍やネットから、引用される場合は、引用だとわかるように囲います。

引用文を<blockquote></blockquote>タグで囲ってください。(< >も小文字で)

引用される文章はこのように表示するようにします。引用される文章はこのように表示するようにします。引用される文章はこのように表示するようにします。引用される文章はこのように表示するようにします。引用される文章はこのように表示するようにします。

XXXXXXXより引用

目次について

最低3つ(中)(小)の見出しを使用することで、自動的に目次が入るようになります。

▶︎ ダッシュボードサイドバーの「設定 > TOC+」で、目次のデザイン等の変更ができます。

マーカー

ダミーテキストです。ダミーテキストです。
ダミーテキストです。このように注目させたい場所にマーカーラインを入れられるようにしました。ダミーテキストです。
ダミーテキストです。ダミーテキストです。ダミーテキストです。ダミーテキストです。

youtubeの埋め込みタグ

youtubeから、「共有 > 埋め込む > iframeタグをコピペ」で貼り付ける際に使用してください。