装飾一覧と書き方の注意点

本ページ内で使用するクイックタグとは、入力エリアの上部にあるボタンをクリックすると、そのボタンに応じたタグが挿入されるという機能です。

ビジュアルエディタでは…

テキストエディタでは…

見出しの使い方

中見出し: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度テキストエディタに貼り付けてから再度コピーし更新画面の方に貼り付けてください。

画像について

画像の投稿はメディアを追加から行います。 メディアの追加画面の右下「添付ファイルの表示設定」はいじらないでください。

もし変更してしまった場合は↑の画像と同じく
配置→中央
リンク先→なし
サイズ→フルサイズ
にしてください。

投稿日:2018年7月2日 更新日:

コラム

コラム最新記事

教育官ブログ
\風俗業界時評/シン・コラム
英語スタッフブログ!