ツールパレットの使い方

2006年09月26日

ツールパレットの使い方記事投稿画面の画像挿入や文字色をつけるなどに使うツールパレットの使い方をまとめます。

■HTML・デザインモード切替アイコン

この表示が HTML モード時の表示です。
クリックするとデザインモードになります。
このモードで記事を書く場合、装飾が HTML タグで囲われ表示されます。


この表示がデザインモード時の表示です。
クリックすると HTML モードになります。
このモードで記事を書く場合、装飾が記事に反映される状態で表示されます。

■画像挿入アイコン
 1枚ずつ画像を挿入アイコン

画像を表示させたい位置にカーソルを合わせ、このアイコンをクリックすると画像のアップロード画面がポップアップ表示され、設定選択後、カーソルの位置に画像が挿入されます。

ファイル選択
・「参照」ボタンをクリックして記事に入れる画像を選択します。

オプション設定
・ファイルサイズ:アップロードする画像と同じ大きさのままアップロードする場合はオリジナルサイズを、
リサイズする場合はリサイズを選択しサイズを指定します。

・表示方法:画像をそのままの大きさで挿入するか、サムネイル(縮小画像)で表示させ、サムネイル画像に元の画像へリンクを張るかどうか選びます。

・回り込み:画像と文章の配置を決めます。
なしを選ぶと画像の左に一行だけ文章が入ります。
左寄せを選ぶと画像の右側に文章が上から入ります。
中央寄せを選ぶと画像が中央に表示され、文章は画像の下に表示されます。
右寄せを選ぶと文章が左側に上から入り、画像が右側に表示されます。
※右寄せでたくさんの画像や大きな画像を挿入するとレイアウトが崩れることがあります。

挿入
・「記事に入れる」ボタンをクリックし、画像を登録します。
横の「同じ名前のファイルを上書きする」をチェックすると同名の画像が合った場合、上書き保存されます。

 画像一覧から挿入アイコン

基本的に上の1枚ずつ画像を挿入アイコンと使い方は同じですが、こちらは画像のアップロードがまとめてでき、
以前アップロードした画像も挿入することができます。

◆文字装飾
■文字を大きくする、小さくするアイコン

大きくしたい文字を選択した状態でこのアイコンをクリックすると文字が大きくなります。


小さくしたい文字を選択した状態でこのアイコンをクリックすると文字が小さくなります。

■強調文字アイコン

強調したい文字を選択した状態でこのアイコンをクリックすると文字が強調されます。

■イタリックアイコン

タリック(右方向に若干傾いた文字・書体)にしたい文字を選択した状態でこのアイコンをクリックすると文字がイタリックになります。

■打ち消し線アイコン

打ち消したい文字を選択した状態でこのアイコンをクリックすると文字が打ち消されます。

■引用アイコン

引用したい文字を選択した状態でこのアイコンをクリックすると
文字が引用された状態になります。

■下線アイコン

下線を引きたい文字を選択した状態でこのアイコンをクリックすると文字に下線が引かれます。

■文字色アイコン

色を変えたい文字を選択した状態でこのアイコンをクリックすると文字に色がつきます。

■リンクアイコン

リンクを張りたい文字や画像等を選択した状態でこのアイコンをクリックするとリンク先URLを入力する欄がポップアップされるので、リンクしたいアドレスを入力しOKをクリックするとリンクを現在と別のウインドウで開くかどうか選択できます。
この手順でリンクを張ることができます。


■文字表示位置指定アイコン

表示位置を変更したい文字や画像等を選択した状態でこのアイコンをクリックするとそれぞれ左・中央・右の指定の位置に表示させることができます。


■アイコン挿入アイコン

アイコンを挿入したい位置にカーソルを合わせ、このアイコンをクリックするとカーソルの位置にアイコンが挿入されます。


■テキストエリア変更
本文や追記入力欄右下横の▲や▼

この▲や▼をクリックすることで記事入力画面の『本文』または『追記』部分の入力欄を大きくしたり小さくしたりすることができます。


それぞれのアイコンの上や各項目の横にあるアイコンにマウスを持っていくと簡単な説明が出ます。



この記事へのトラックバックURL

http://faq.otemo-yan.net/t48