記事画面を開くと、いろんな種類のツールボタンが並んだWYSIWYGエディタが表示します。
新規作成
記事表題はそのままに、本文のみ新たに表示します。
フルスクリーン
本文入力画面をフルスクリーンで表示します。
元に戻るときは、ブラウザの戻るボタンを押すか、再度フルスクリーンボタンを押します。
段落揃え
段落ごとに、左、中央、右、均等に揃えます。
スタイル
テンプレート画面で使用しているスタイルを使うことができます。
プルダウンリストからスタイルを選択します。
もちろん、記事独自のスタイルをツールバー下段左「CSS編集」ボタンをクリックまたはHTMLソース編集で挿入できます。
フォント
フォントは、ホームページを見る人のPCによって表示可能なもの、そうでないものがありますので、知識のないひとは使用しないことをお奨めします。
リスト
リストには、番号なしと番号ありの2種類があります。
リストボタンを押し文字を入力します。
改行すると、次のリストが自動で入力されます。
解除するには、解除したい行にカーソルを合わせもう一度リストボタンを押します。
インデント
インデント(字下げ)を使用するときは、その行頭にカーソルを合わせインデントボタンを押します。
解除するには、インデント解除ボタンを押します。
引用
インデントとよく似た表示法で引用があります。
インデントの左側字下げに対し、引用は前後左右に隙間が空きます。
引用したい文字列をエリア指定し、引用ボタンを押します。
例:
ここから引用を開始します。
この部分が引用文です。 引用文は、前後左右に隙間があきます。
引用が終了しました。
リンクの挿入/編集
リンクを貼る文字や画像を選択した状態でリンクの挿入/編集ボタンを押します。
「リンクURL」欄にファイル名やURLを入力します。
※アップロードした画像にリンクを貼る場合は、「<<IMAGE_DIR>>***.jpg」と<<IMAGE_DIR>>の右側に続けてファイル名(「***.jpg」など)を入れてください。
必要に応じターゲットやタイトル、クラスを入力します。
知識のない人は、「リンクURL」だけ入力してください。
PDFなどの非画像ファイルへリンクを貼る場合も同じです。
画像の挿入
画像を配置したいところにカーソルを合わせ、予めアップロードした写真(本文とツールバーの間に表示しています)のファイル名(記事番号-連番)を<<IMAGE_DIR>>のあとに続けて入力します。
画像の挿入については、「写真を掲載する」で詳しく説明しています。そちらをご参照ください。
HTMLソース編集
HTMLの知識のある方は、HTMLソース編集ボタンをクリックしてソースで編集が可能です。
また、他のHTMLエディタからコピーアンドペーストすることもできます。
テキストとして貼り付け
ホームページやWORDなどほかからテキストをコピーし直接本文画面にペーストすると、元のスタイルのまま貼りついてしまいます。
テキストだけ貼り付けたい場合は、テキストとして貼り付け画面を開き、いったんそこに貼り付けた上挿入ボタンで本文に貼り付けてください。
WORDから貼り付け
テキストとして貼り付け同様、WORDから貼り付ける場合もいったんWORDから貼り付け画面に貼り付けた後挿入してください。
CSS編集
CSSの知識のある方は、エリアを指定しCSS編集ボタンを押しスタイルを編集できます。
表を挿入ほか表について
表についての詳しい説明は、「表(テーブル)を使う」を参照ください。 ※現在ページは準備中です。
水平線
水平線を入れたいところにカーソルを合わせ水平線ボタンを押します。
(注)文字と文字との間には使用できません。行と行、段落と段落の間で使用します。
下付き、上付き
下付き、上付きにしたい文字をエリア指定しボタンを押すか、下付き、上付きしたい文字を入力する前にボタンを押しその後文字を入力して使用します。
レイヤーについて
レイヤー設定したい画像あるいはエリアを選択した後レイヤーボタンを押します。
指定したレイヤーを前面へ移動したい場合は前面へ移動ボタンを、背面へ移動したい場合は背面へ移動ボタンを押します。
改行なしスペースの挿入
スペースを挿入する時に使います。1回クリックするごとに半角スペースが入ります。
記事継続の挿入
長い文章などひとまず途中まで表示させ、あとの文章は「続きを読む」をクリックして全文表示させる場合、途中で区切りたい場所にカーソルを合わせ、このボタンを押します。
標準エディタの<more>と同じです。
特殊文字、表情アイコン
ホームページでは、記号や特殊文字はブラウザやOS、エンコードによって文字化けする場合があり、使用するにはコードに置き換えて使用します。
特殊文字をクリックすると、記号や特殊文字が一覧表示されますので、その中から使用したい文字を選びクリックしてください。
表情文字は、ブログや携帯電話専用ページを意識したページに利用すると効果的かもしれませんね。