本ページ内で使用するクイックタグとは、入力エリアの上部にあるボタンをクリックすると、そのボタンに応じたタグが挿入されるという機能です。
ビジュアルエディタでは…
テキストエディタでは…
目次
- 3.目次のボックスの使い方
- 4.枠線と背景色ボックスの使い方
- 5.引用ボックスの使い方
- 6.動画を入れるとき
- 7.テキストの装飾
- 8.更新するときの注意点
見出しの使い方
中見出し:h2
青い下線がついたh2の見出しを使うにはクイックタグの「中見出し(h2)」を選択してください。id属性がついておりますので、アンカーの際等でお役立てください。
小見出し:h3
↑のようなオレンジ色の太文字の見出しを使うにはクイックタグの「小見出し(h3)」を選択してください。こちらもid属性がついておりますので、アンカーリンクの際にお役立てください。
目次のボックスの使い方
このページの上にあるような目次を設定する際はクイックタグの「目次のボックス」を選択してください。 このクイックタグを押すと
このようなものが挿入されます。
「└」は子の階層であることを表しています。
子の階層を目次に表示させる場合にお使いください。
※必ず親階層の<li>~</li>の中に入れるようにしてください。
各<a>タグ内はアンカーリンクになっています。
MT時代と同じく、設定すると該当箇所に飛びます。
枠線と背景色ボックスの使い方
強調したいコンテンツを囲むボックスにはクイックタグの「枠線と背景色つきボックス」を使用してください。
使用するとこのようになります。
引用ボックスの使い方
引用を表すボックスにはクイックタグの「引用ボックス」を使用してください。
使用のイメージはこちらです。
動画を入れるとき
※管理者権限のみ
動画を入れるときは必ずクイックタグ「動画を入れるボックス」で囲んでください。
囲まずに投稿するとスマホ時に崩れてしまいます。
使用した場合↓
使用しなかった場合↓
使用イメージ↓
テキストの装飾
ピンクの背景色
クイックタグ「テキスト装飾:ピンク」
使用イメージ:愛のあるユニークで豊かな書体
青色太字
クイックタグ「テキスト装飾:青太字」
使用イメージ:愛のあるユニークで豊かな書体
黄色の背景色
クイックタグ「テキスト装飾:黄色」
使用イメージ:愛のあるユニークで豊かな書体
黒色太字
クイックタグ「テキスト装飾:黒太字」
使用イメージ:愛のあるユニークで豊かな書体
赤色太字
クイックタグ「テキスト装飾:赤太字」
使用イメージ:愛のあるユニークで豊かな書体
文字のふりがな(ルビ)
※管理者権限のみ
使用イメージ:
こちらは該当の文字を選択し、クイックタグを押してください。
そして<rt>~</rt>の間にひらがなでふりがなを入力してください。
更新するときの注意点
WPではMTと違いエンターの押し方などで改行が決まります。
独自仕様で細かいルールが多いのでご注意ください。
改行について
ビジュアルエディタの場合
区切り | 入力キー | HTMLソース |
改行 | Shift + Enter | <br /> |
段落 | Enter | <p>◯◯◯</p> |
テキストエディタの場合 改行は「<br />」を自分で入力しない限りできません。
ちなみに、Wordからコピペすると「半角英数字」が<span>~</span>で囲まれてしまうという謎のルールも発見いたしました。
Wordの原稿の場合は1度テキストエディタに貼り付けてから再度コピーし更新画面の方に貼り付けてください。
画像について
画像の投稿はメディアを追加から行います。 メディアの追加画面の右下「添付ファイルの表示設定」はいじらないでください。
もし変更してしまった場合は↑の画像と同じく
配置→中央
リンク先→なし
サイズ→フルサイズ
にしてください。