バナー広告

 

FC2ブログの文字の変更方法を図解で丁寧に解説します。文字色や背景色、太さを変える方法、テキストや画像にリンク掲載や下線や引用文の使え方もお伝えします。また背景色で使うと効果的なカラーコードもまとめました。

ダラダラと文字を並べても読むのに疲れてしまいます。そこで文字色やサイズ、背景色を変更して文章にメリハリをつけて飽きられないように工夫をしましょう。

それによりブログ内の滞在時間も増えてグーグルの評価も高くなり掲載順位も上がっていきます。

【この記事で学べる事】

FC2ブログの文字の装飾方法をマスターできます。

  • 文字色変更
  • 文字サイズ変更
  • 文字の太さ変更
  • 文字の背景色変更
  • テキストにリンクを貼る方法
  • 画像にリンクを貼る方法
  • 文字に下線を引く方法
  • 引用文の使い方

覚えてしまえば超簡単なので、ぜひ一通り目を通しておいてください。

 

FC2ブログで文字色を変更する方法

まずは一番基本の文字色を変更する方法です。

 

FC2ブログ文字色変更

色を変えたい文字をマウスの左クリックを押しながらなぞって背景が青色の状態にします。

 

FC2色パレット

上部の絵の具のパレットのようなアイコンをクリックすると使えるカラーの一覧が表示されます。

お好きな色を選んでクリック。

 

色タグFC2

すると編集画面にこのように呪文のような記号(タグといいます)が表示されまが、これは「この文字にこの色をつけなさい」という指示をするためのタグで、実際にブログを見るときちんと表示されています。

FC2ブログでは「リアルタイムレビュー」という便利な機能があるので、実際にどのように表示されるのか確認しながら編集する事ができるので便利ですね。

この要領で他の文字色も変更してみます。

 

FC2カラー変更済

実際にブログでどのように表示されるか確認してみましょう。

「プレビュー」をクリック。

 

FC2カラーチェックプレビュー

このようにきちんと文字色が変更されていたら成功です。

FC2ブログの文字サイズを変える方法

お次は文字のサイズを変更する方法をお伝えします。

 

文字サイズ変更FC2

大きくしたい文字をドラッグします。

 

テキストを大きくFC2

「大」というアイコンをクリック。

 

文字サイズ変更確認FC2

このように編集画面では文字を大きくするための記号が入力されて、リアルタイムレビューでは実際に大きくなって表示されています。

この要領でサイズを変更したい文字をドラッグした状態で、

文字を少しだけ大きくする場合・・・「大」のアイコン
文字を小さくする場合・・・「小」のアイコン

をクリックしてください。

 

テキストサイズ比較

このようにサイズが変更されます。

【元のサイズに戻す方法】

文字サイズを変更したけど、なんかしっくりこないという場合もあると思います。

その場合は元のサイズにいったん戻してみましょう。

 

サイズタグ削除FC2

元のサイズに戻したいテキストを囲んでいるタグを削除。

 

ちなみに私はブログアフィリエイトで人生が激変しました。もし現状が不安な方はぜひ私の稼いでいる秘密をご覧ください。

後藤の稼いでいる金額や裏ワザ的なノウハウもお伝えしております。

後藤の稼いでいる方法と秘密を見る

 

 

 

文字サイズを元に戻すFC2

このように元に戻っていたら成功です。

FC2ブログの文字を太くする方法

次は文字を太くする方法をお伝えします。

FC2ブログ 文字を太く

太くしたいテキストを選択状態にして「B」と書かれたアイコンをクリック。

 

文字を太く完了

このように編集画面には文字を太くするタグが追加され、リアルタイムレビューでは太くなった文字が表示されています。

【太文字を元に戻す方法】

太文字を元に戻すにはタグを削除するだけです。

タグデリート

赤枠のタグを削除しましょう。

 

太文字リアルタイムレビュー

リアルタイムレビューを確認すると元の太さに戻っています。

FC2ブログの文字の背景色を変える方法

FC2ブログの文字の背景の色を変える方法をお伝えします。

文字色やサイズ、太さを変える方法はアイコン用意されていますが、背景色はなぜかありません。

文字の背景色を変えることにより、記事にアクセントがつきますし、見た目も華やかになりますので、ぜひマスターしておきましょう。

【文字の背景色を変えるタグ】

<font style=”background-color: #カラーコード;”>テキスト</font>

上記タグをコピーして記事に貼り付けてください。

カラーコード・・・変えたい色(下記カラーコードを参考にしてください)

テキスト・・・背景色を変えたい文字

文字の背景色によく使われるカラーコード

私が文字の背景色によく使うカラーコードをご紹介します。 基本的には黄色や薄い黄色、水色が多いです。

薄い水色 ccffff
黄色 ffff00
薄い黄色 ffff99
ピンク ffc0cb
薄い緑 ccffcc
薄い紫 cc99ff
薄いオレンジ ffcc99

 

それでは実際に文字の背景色を変えてみましょう。

今回は背景色を黄色にしてみます。

下記をコピーしてブログ記事に貼り付けてください。

<font style=”background-color: #カラーコード;”>テキスト</font>

カラーコードに黄色のカラーコードffff00を入力して、テキストに文字を入れます。

 

文字の背景色変更FC2

 

【おすすめコンテンツ】中断バナー

 

はい、このようにきちんと黄色の背景色になっていますね。

これを応用すれば文章の途中の文字だけ背景色を変えることもできます。

 

テキストの一部だけ背景色変更

このようにタグを入れる位置を借ることにより文章の一部の背景色だけの変更ができます。

FC2ブログのテキストにリンクを貼る方法

次は文字にリンクを貼る方法をお伝えします。

 

FC2ブログテキストリンク

リンクを貼りたい文字をドラッグ。

 

テキストリンクアイコンFC2

上部の「URL」というアイコンをクリック。

するとこのように別窓が表示されます。

タイトル・・・リンクさせるテキストを入力します。

アドレス・・・飛ばしたいURLを入力します。

新しいウインドウで開く・・・今のページを残したまま別ページでリンク先ページが開きます。

現在のウインドウで開く・・・今のページが閉じてリンク先ページに切り替わります。

入力出来たら「OK」をクリック。

 

fc2liktag-check

するとこのように編集ページにリンクタグが挿入されて、リアルタイムレビューのテキストが青い色に変わります。

最後に「プレビュー」からきちんとリンクされるかチェックして下さい。

FC2ブログの画像にリンクを貼る方法

次は画像にリンクを貼る方法をお伝えします。

FC2ブログの記事に画像を貼る方法は下記記事を参考にしてください。

参考⇒FC2ブログに画像を貼る方法

 

FC2ブログではブログにアップした画像をクリックすると通常は画像ページに飛ぶようになっています。

FC2画像クリック

画像をクリックすると、

 

画像専用ページFC2

このように画像ページに飛ぶようになっています。

この画像ページは編集画面だと、

 

実は私が稼げるようになった理由は美しいデザインや画像、文章力などの小手先のスキルを諦めて「最短で稼ぐためのノウハウに集中して取り組んだから」です。

最短で稼ぐためのノウハウを見てみる

 

イメージタグキウイFC2

この赤枠で囲った部分です。つまり、この部分を飛ばしたいURLに入れ替えることにより画像にリンクを貼る事ができるというわけです。

実際にやってみますね。

 

画像リンク変更FC2

<a href=”ここに飛ばしたいURLを入れる

今回は当ブログに飛ばしてみます。プレビューで確認していみましょう。

 

キウイ画像クリック

画像をクリックすると、

 

okane7ブログトップ

当ブログのトップページに新しいウィンドウで開きました。

これで成功です。とっても簡単ですね^^

FC2ブログのテキストに下線(アンダーライン)をひく方法

次は文字に下線を引く方法です。これもとっても簡単ですよ。

 

FC2下線を引く

下線を引きたいテキストをドラッグして「U」というアイコンをクリック。

 

アンダーラインFC2

編集画面に下線を引くタグが表示され、リアルタイムプレビューでは実際にアンダーラインが引かれています。

【下線を消すには】

下線を消すには<u>と</u>を削除します。

FC2ブログの引用文の使い方

最後に引用文の使い方に関して解説します。

引用文とは別のサイトだったり、本や雑誌、辞書などから文章や画像を引用する際に使います。

ネットの世界ではたびたび記事を盗用したり、画像を勝手に拝借したりなどの問題が起きています。

それを防ぐために他人のコンテンツを使う場合は、最低限、

  • 引用先の表示(URLも)
  • 自分の記事と引用部分が区分けされている事

を守る必要があります。

FC2ブログには引用文を簡単に入れられるアイコンがあるのでそれを利用します。

それでは実際にやってみましょう。

 

FC2ブログ引用方法

引用した箇所を全てドラッグして、上部の「Q」のアイコンをクリック。

 

引用文レビュー

リアルタイムプレビューを見るとこのように線で囲われています。

プレビューをクリックして実際どのように表示されるのかチェックしてみましょう。

 

引用分プレビューFC2

実際に記事にはこのように背景が灰色になって表示されます。

これで引用ルールの「自分の記事と引用部分が区分けされている事」がクリアになりますね^^

【引用の枠を外す方法】

引用の囲い枠を外すには「<blockquote>」と</blockquote>を消すだけです。

まとめ

お疲れ様でした。

FC2ブログではこのように、文字装飾のほとんどがアイコンを使って行う事ができます。

他にも絵文字で合ったり、動画投稿であったり、色々な事ができますが、ブログアフィリエイトで稼ぐという目的の場合は今回お伝えした下記をマスターすれば問題ありません。

  • 文字色変更
  • 文字サイズ変更
  • 文字の太さ変更
  • 文字の背景色変更
  • テキストにリンクを貼る方法
  • 画像にリンクを貼る方法
  • 文字に下線を引く方法
  • 引用文の使い方

ぜひ何度も練習して、わかりやすく、そして素敵な記事を書けるようにしましょう。

結果としてアクセスも増えるし売上もそれに比例して伸びていくはずです。

最後までありがとうございました。

 

記事を読んだらコチラをクリック
▼  ▼  ▼

バナー広告