初心者でもできる簡単FC2ブログの作り方

まずはWYSIWYGって意味どころか読み方もわからないと思うので、最初に用語の説明からします。WYSIWYG（うぃじうぃぐ）とは、What You See Is What You Get の頭文字をとったもので、直訳すると、「あなたが見るものはあなたが得るもの」という意味です。

リンクをクリックするとテキスト入力欄がこの様に変わるのですが、簡単に何が変わったのか説明すると文章を書く時の使えるツールが普通の時よりも3倍ぐらいに増えたという事です。

普通に新しく記事を書く時は便利なツールがあると言っても、少しはタグの知識がないとできない事がたくさんあると思いますが、この機能を使うとツールがたくさんあるからより便利になります。

そして普通に新しく記事を書く時はツールを使うとタグがテキスト入力欄に記入されますが、WYSIWYGテキストエディターはブログで表示されるのと同じ様に文字に色がついたり画像が表示されたりとより直感的に記事をつくる事ができるようになるんです。



WYSIWYGテキストエディターを使うとテキスト入力欄にタグが表示されなくてブログで確認した時と同じ見え方になるのですが、ソースのボタンを押すとこの様に本当はどんなタグが記入されているのかを表示してくれます。

また逆に自分でタグを入力したりブログパーツなどのタグを張り付けたい時は、ソースの画面にしてからでないと実際の記事に反映されませんので気をつけて下さい。


プレビューを押すと新しい窓が開いて記事のプレビューを表示してくれます。


切り取り　−　選択した範囲の文字やタグを切り取ります。
コピー　−　選択した範囲の文字やタグをコピーします。
ペースト　−　切り取り・コピーした文字やタグを張り付けます。
プレーンテキスト貼付　−　太い文字や色つき文字、画像などのタグをコピーしてもこのツールを使って張り付けしたら、純粋な文章だけが張りつけられます。
Wordテキスト貼付　−　ワードの文章をコピーしてそのままテキスト入力欄に張り付ける事ができます。


元に戻す　−　ツールをクリックした分だけ前の状態に戻す事ができます。
やり直し　−　元に戻すツールを使って前の状態にした時に後の状態に戻す事ができます。


検索　−　テキスト記入欄に入力した文字などを検索して探すことができます。
置換　−　記事を書いた後に書き間違えていた単語などを検索して他の単語に自動で置き換える事ができます。
すべて選択　−　テキスト記入欄に書いた文章をこのツールを押すだけですべて選択してくれます。
フォーマット削除　−　文字に色をつけたり太くしたりなど装飾をしたものを解除してもとの文字に戻す事ができます。


文字色　−　この様に文字に色をつける事ができます。

背景色　−　この様に文字の背景に色をつける事ができます。


太字　−　文字を太字にできます

斜体　−　文字を斜体文にできます

下線　−　文字を下線を引く事ができます

打ち消し　−　文字を打ち消し文にする事ができます

添字　−　文字を_{添え字にする事}ができます

上付き文字　−　文字を^{上付き文字}にする事ができます


段落番号の追加/削除　−　段落番号のついたリストを作る事ができます。最初にこのツールをクリックすると[1.]が表示されるのでその後に文章を書きます。そしてEnterを押すと[2.]が現れるのでその後ろに文章を書きます。最後は2回Enterを押すと段落番号がつかない様になります。

1. 初心者
2. FC2ブログ
3. 作り方

箇条書きの追加/削除　−　普通のリストを作る事ができます。最初にこのツールをクリックすると[・]が表示されるのでその後に文章を書きます。そしてEnterを押すと[・]が現れるのでその後ろに文章を書きます。最後は2回Enterを押すと[・]がつかない様になります。

1. 初心者
2. FC2ブログ
3. 作り方

インデント解除　−　インデントを解除します。
インデント　−　インデントというのは通常は左端から始まる文章を好きな位置から始めることができる機能です。ツールをクリックした文だけ右によっていきます。

初心者でもできる簡単FC2ブログの作り方

左揃え　−　文字・画像などを左端に配置します。


中央揃え　−　文字・画像などを中央に配置します。


右揃え　−　文字・画像などを右端に配置します。


両端揃え除　−　文字を両端揃えにします。



リンク挿入/編集　−　色々な種類のリンクを作る事ができます。
『ハイパーリンク情報』
<リンクタイプ>
・URL　−　Yahoo!　（普通のリンクを作ります）

・このページのアンカー　−　リンク・アンカーTOPに移動します　（ページ内移動リンクを作ります）

・E-mail　−　メールはこちらへ　（メール送信リンクを作ります）

<プロトコル>
[http://]　[https://]　[ftp://]　[news://]　[その他] とありますが [http://] 以外はほぼ使わないと思います。

<ＵＲＬ>
この入力欄にアドレスを記入します。

『ターゲット』
<ターゲット>
[なし]　　[フレーム]　　[ポップアップウインドウ]　　[新しいウインドウ(_blank)]　　[最上位ウインドウ(_top)]　　[同じウインドウ(_self)]　　[親ウインドウ(_parent)]　とありますが普通に使う場合は [なし] [新しいウインドウ(_blank)] 以外ほぼ使わないと思います。フレームタグを使いたい場合は他のターゲットも使います。

<目的のフレーム名>
フレームを使う時に目的のフレーム名をこの入力に記入欄します。

『高度な設定』
初心者の方はほぼ使う事がない機能だと思うので使いたい場合は、各々で調べて使って下さい。

リンク削除　−　作ったリンクを削除する事ができます。

アンカー挿入/編集　−　アンカー （Anchor）とは船のイカリの事です。だから絵がイカリのマークですよね。船のイカリは綱や鎖をつけて水底に投下し、これによって船をその場所に停止させておく役割があります。

ネットのアンカーもほぼ同じ役割で、ブログ上にイカリを降ろして（挿入して）目印をつける事が役割です。目印をつけると[このページのアンカー]で作るリンクでアンカーを挿入した場所まで移動させることができます。

ページ内の使いたい場所（目印をつけたい場所）でこのツールをクリックして下さい。アンカー名は自分の好きな半角英数字を入力します。挿入されたアンカータグは画面上では見えません。

具体例として、このページの「リンク・アンカー」のTOPにこのアンカータグが挿入されています。「リンク・アンカーTOPへ」そしてこの[このページのアンカー]で作ったリンクで移動する事ができます。


フォント指定　−　文字の種類（フォント）を変える事ができます。
FC2ブログ
FC2ブログ
FC2ブログ
FC2ブログ
FC2ブログ
FC2ブログ
FC2ブログ
FC2ブログ
FC2ブログ
これだけの種類のフォントを選ぶ事ができて、実際の見え方の見本は右側の「FC2ブログ」で確認して下さい。上から順番に対応しています。
※ブログを見ている人のパソコンに指定してあるフォントが入っていないと普通のフォントでしか見えないので誰でもが見れるわけではないので注意して下さい。

文字サイズ指定　−　文字の大きさを変える事ができます。
FC2ブログ　　FC2ブログ　　FC2ブログ
FC2ブログ　　FC2ブログ　　FC2ブログ



イメージ挿入/編集　−　画像を記事に載せたり、サイズの変更・枠の太さ・横の間隔・縦の間隔・画像の横に文字を書くなどを編集する事ができます。
テキスト入力欄の下にあるツールから画像をアップロードしてテキスト入力欄に載せます。

テキスト入力欄にこの様に画像が載ったら、画像をクリックして選択しておいてイメージ挿入/編集ツールをクリックします。

そうするとこの様な窓が表示されます。
[URL]−画像のアドレス
[代替テキスト]−画像が表示されなかった時に変わりに表示されるテキスト　
[幅・高さ]−画像の横の長さと縦の長さを指定できる　
[ボーダー]−画像の枠線の太さを指定できる　
[横間隔]−画像と横の文章の間隔を指定することができる　
[縦間隔]−画像と縦の文章の間隔を指定することができる　
[行揃え]−画像の横に文章を書く指定をする事ができる

Flash挿入/編集　−　Flashを挿入/編集する事ができます。
Flash（フラッシュ）は、アドビシステムズ（旧マクロメディア）が開発している動画を扱うための規格及びそれを制作する同社のソフトウェア群の名称。

フラッシュファイル（.swf）も画像と同じ様にアップロードする事ができます。ツールではURL・幅・高さ・プレビューを見る事ができます。

これはくす玉のフラッシュです。「クリック」をマウスでクリックしてみて下さい。

テーブル挿入/編集　−　テーブルとは表の事です。表を作る事ができます。

表

数値を選ぶだけで	この様に
簡単に	表（テーブル）を
作る事が	できます。

[行]−表の縦の数　　　　　　[列]−表の横の数　　
[ボーダーサイズ]−数値を大きくすると表の外枠線が立体的になります
[テーブル幅]−表の横の長さを指定できる
[テーブル高さ]−表の縦の長さを指定できる
[セル内余白]−数値を大きくすると表の枠が太くなります
[セル内間隔]−数値を大きくすると枠と中の文字との間隔が広がります
[キャプションの整列]−表の位置を決める事ができる
[キャプション]−ここに表のタイトルを記入します
[テーブルの目的/構造]−視覚障害者に対して音声ブラウザ等で表の簡単な説明を伝えることができます

横罫線　−　水平線を引く事ができます。

---

絵文字挿入　−　 WYSIWYGテキストエディター専用の絵文字を使う事ができます。


特殊文字挿入　−　特殊文字を使う事ができます。



WYSIWYGテキストエディターのヘルプの窓が表示されます。でもヘルプは英語なので英語が堪能な人でないと使えないと思います。


＜WYSIWYGテキストエディターを使う時の注意点の箇条書き＞

1. 行を開けずに1段だけ改行したい時は「Shift+Enter」をする事
   
2. WYSIWYGテキストエディターで記事を作っている途中から使用しない普通のモードに切り替えると改行のタグなどが自動で入ってしまうので途中で変えない事
   
3. 普通モードから途中でWYSIWYGテキストエディターにすると今度は逆に改行が消えてしまうので途中で変えない事
   
4. 画面が重たくて表示されるまでに時間がかかる事

＜WYSIWYGテキストエディターのおすすめ＞
WYSIWYGテキストエディターはみんながブログで表現したい事（表を作る・画像の横に文字を書く・画像と文字の間隔をあける・リストを作る・文字や画像の配置を決める・文字や背景の色を変える）がほぼ揃っているので非常に便利です。

本来ならタグを覚えないとできない事だけど、WYSIWYGテキストエディターがあれば数値を選ぶだけでよいので感覚的にできてしまいます。なのでタグをこれからまったく覚える気のない人は是非使った方が良いと思います。

WYSIWYGテキストエディター自体の使い方も最初は多少戸惑うことがあると思いますが、タグを一から色々覚えるよりは全然楽なのでそれは使い慣れて下さい。

• 前の記事へ ： 続きを読む・プレビューを使う
  
• 次の記事へ ： ユーザータグの使い方

◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。