調べたい単語・フレーズを入力し、[Google]検索ボタンを押してください
Google
269gヘルプ内で検索

2005年04月17日

ツールボタンの使いかた

さまざまな入力欄の下に、図のような「ツールボタン」が表示されています。



これらのボタンを使って次のようなことができます。

  • 太字にする

  • 斜体にする

  • 下線を引く

  • 打ち消し線を引く

  • 引用箇所を示す

  • 左寄せにする

  • 中央寄せにする

  • 右寄せにする

  • 文字を大きく

  • 文字を小さく

  • 文字に色を付ける(カラーパレット)

  • ハイパーリンクを設定

  • 絵文字を入力

  • 画像を掲載する



操作方法は下記のとおりです。


●太字にする

  1. 記事の中で太字にしたい部分を反転させて選択します。

  2. tool_01a.gif

  3. ツールボタンの一番左をクリックします。

  4. tool_01.gif

  5. すると、以下のような「<>」で囲まれた文字が自動で挿入されます。


  6.   今日の天気は<strong>晴れ!</strong>気分もウキウキしてしまいます♪


  7. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  8.   今日の天気は晴れ!気分もウキウキしてしまいます♪


●斜体にする

  1. 記事の中で斜体にしたい部分を反転させて選択します。

  2. tool_01a.gif

  3. ツールボタンの左から2番目をクリックします。

  4. tool_02.gif

  5. すると、以下のような「<>」で囲まれた文字が自動で挿入されます。


  6.   今日の天気は<em>晴れ!</em>気分もウキウキしてしまいます♪


  7. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  8.   今日の天気は晴れ!気分もウキウキしてしまいます♪


●下線を引く

  1. 記事の中で下線を引きたい部分を反転させて選択します。

  2. tool_01a.gif

  3. ツールボタンの左から3番目をクリックします。

  4. tool_03.gif

  5. すると、以下のような「<>」で囲まれた文字が自動で挿入されます。


  6.   今日の天気は<ins>晴れ!</ins>気分もウキウキしてしまいます♪


  7. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  8.   今日の天気は晴れ!気分もウキウキしてしまいます♪


●打ち消し線を引く

  1. 記事の中で打ち消し線を引きたい部分を反転させて選択します。

  2. tool_01a.gif

  3. ツールボタンの左から4番目をクリックします。

  4. tool_04.gif

  5. すると、以下のような「<>」で囲まれた文字が自動で挿入されます。


  6.   今日の天気は<del>晴れ!</del>気分もウキウキしてしまいます♪


  7. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  8.   今日の天気は晴れ!気分もウキウキしてしまいます♪


●引用個所を示す

  1. 引用個所として示したい場所を反転して選択します。

  2. tool_05a.gif

  3. ツールボタンの左から5番目をクリックします。

  4. tool_05.gif

  5. すると、以下のような「<>」で囲まれた文字が自動で挿入されます。


  6.   ここで大好きな言葉をちょっと拝借。
      <blockquote>「何事も、なせば成る!」</blockquote>
      その通りです!



  7. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  8.   ここで大好きな言葉をちょっと拝借。
      
    「何事も、なせば成る!」

      その通りです!



●左寄せ・中央寄せ・右寄せにする

  1. 左寄せ・中央寄せ・右寄せにしたい場所をそれぞれ反転して選択します。

  2. tool_05a.gif

  3. 左寄せはツールボタンの左から5番目をクリックします。

  4. tool_06.gif
  5. 中央寄せはツールボタンの左から6番目をクリックします。

  6. tool_07.gif
  7. 右寄せはツールボタンの左から7番目をクリックします。

  8. tool_08.gif

  9. すると、以下のような「<>」で囲まれた文字が自動で挿入されます。


  10. <div style="text-align:left;">ここで大好きな言葉をちょっと拝借。(左寄せ)</div>
    <div style="text-align:center;">「何事も、なせば成る!」(中央寄せ)</div>
    <div style="text-align:right;">その通りです!(右寄せ)</div>



  11. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  12. ここで大好きな言葉をちょっと拝借。(左寄せ)

    「何事も、なせば成る!」(中央寄せ)

    その通りです!(右寄せ)



●文字を大きく

  1. 記事の中で文字を大きくしたい部分を反転させて選択します。

  2. tool_01a.gif

  3. ツールボタンの右から6番目をクリックします。

  4. tool_09.gif

  5. すると、以下のような「<>」で囲まれた文字が自動で挿入されます。


  6.   今日の天気は<span style="font-size:large;">晴れ!</span>気分もウキウキしてしまいます♪


  7. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  8.   今日の天気は晴れ!気分もウキウキしてしまいます♪

  9. もっと大きくしたい場合は、数字で指定します。

  10. 基本サイズがもともと「12px」で設定されていますので、それ以上の数字を指定することで好きなだけ大きくできます。例えば、

      今日の天気は<span style="font-size:30px;">晴れ!</span>気分もウキウキしてしまいます♪

    と、「large」の部分を「30px」に書き換えると、以下のように表示されます。

      今日の天気は晴れ!気分もウキウキしてしまいます♪

    ※あまり極端に大きくしすぎるとテンプレートのレイアウトが崩れる場合があります。


●文字を小さく

  1. 記事の中で文字を小さくしたい部分を反転させて選択します。

  2. tool_01a.gif

  3. ツールボタンの右から5番目をクリックします。

  4. tool_10.gif

  5. すると、以下のような「<>」で囲まれた文字が自動で挿入されます。


  6.   今日の天気は<span style="font-size:small;">晴れ!</span>気分もウキウキしてしまいます♪


  7. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  8.   今日の天気は晴れ!気分もウキウキしてしまいます♪

    ※ブラウザの文字の大きさの設定により、小さく指定した文字でも小さくならない場合があります。その場合は、以下の方法で小さくします。
  9. 小さくしても小さく見えない場合は、数字で指定します。

  10. 基本サイズがもともと「12px」で設定されていますので、それ以下の数字を指定することで好きなだけ小さくできます。例えば、

      今日の天気は<span style="font-size:8px;">晴れ!</span>気分もウキウキしてしまいます♪

    と、「small」の部分を「8px」に書き換えると、以下のように表示されます。

      今日の天気は晴れ!気分もウキウキしてしまいます♪

    ※あまり極端に小さくしすぎると文字が読みにくくなってしまうので、最小でも「8px」までで設定することを推奨します。


●文字に色をつける

  1. 記事の中で文字に色をつけたい部分を反転させて選択します。

  2. tool_01a.gif

  3. ツールボタンの右から4番目をクリックします。

  4. tool_11.gif

  5. すると、画面にこのようなカラーパレットが現れます。

  6. tool_11a.gif
    このカラーパレットから、お好きな色を選んでクリックします。

  7. すると、以下のような「<>」で囲まれた文字が自動で挿入されます。


  8.   今日の天気は<span style="color:#FF00FF;">晴れ!</span>気分もウキウキしてしまいます♪


  9. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  10.   今日の天気は晴れ!気分もウキウキしてしまいます♪


●ハイパーリンクを設定

    記事の一部にリンクを張ることができます。
  1. 記事の中でリンクを張りたい部分を反転させて選択します。

  2. tool_12c.gif

  3. ツールボタンの右から3番目をクリックします。

  4. tool_12.gif

  5. すると、このような画面が現れます。

  6. tool_12a.gif

    この「http://」と記入されている部分に、リンク先のURLを入力して「OK」を押します。
    tool_12b.gif

  7. すると、以下のような「<>」で囲まれた文字が自動で挿入されます。


  8.   オススメサイトです→ <a href="http://www.test.co.jp" target="_blank">ココ</a> をクリックしてね。


  9. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  10.   オススメサイトです→ ココ をクリックしてね。


●絵文字を入力する

  1. 記事の中で絵文字を入力したい部分にカーソルを合わせます。

  2. tool_13a.gif

  3. ツールボタンの一番左をクリックします。

  4. tool_13.gif

  5. すると、ツールボタンの下に絵文字パレットが表示されます。

  6. 絵文字パレットの中から、表示させたい絵文字を選んでクリックします。

  7. すると、カーソルを合わせた部分に、記号のようなものが自動的に挿入されます。

  8. 晴れ」を選択した場合は、 『今日の天気は晴れtool_13b.gif』 と表示されます。


  9. この状態で記事を投稿(保存)すると、ブログには以下のように表示されます。


  10.   今日の天気は晴れ晴れ


●画像を掲載する

  1. 269gヘルプ「○画像をアップするには?PC編」を参照ください。


  2.    ○画像をアップするには?PC編
ニックネーム 269gサポート at 14:01 | TrackBack(0) | 基本のABC!
この記事へのTrackBack URL
http://269g.jp/tb/183200