高機能エディタで文字の背景色を変更する方法

ブログが作りたい!FC2ブログの作り方 > 高機能エディタで文字の背景色を変更する方法

高機能エディタで文字の背景色を変更する方法

高機能エディタで文字の背景色を変更する方法

FC2ブログの記事内の「文字の背景色」を変更してみよう!

前回は、高機能テキストエディタで文字の色を変更する方法をご紹介しました。

今回は、記事内の文字の背景色変更する方法をご紹介します。文字色の変更とほぼ同じ手順なので簡単です。


「高機能エディタで文字の背景色を変更する」とは?

一般的にブログの文字の背景は、透過が設定されています。(記事の領域の背景色が表示されます)

FC2ブログの高機能テキストエディタを使うと、次のように文字の部分の背景色だけを変更することができます。

重要な箇所の色を変更するのがポイント

文字の色もあわせて変更すると、さらに使い途が広がるかもしれません。

重要な箇所の色を変更するのがポイント

書いている途中で、文字の背景色を変更する方法

(01)

「高機能テキストエディタ」モードに、切り替えます。

「高機能テキストエディタ」モードに切り替える

(02)

お好きなように、文章を書いてみましょう。

文章を書く

(03)

文字の背景色を変更したい箇所にきたら、右の方にある「バケツを斜めにした」ようなボタンをクリックしてみてください。

「バケツを斜めにした」ようなボタンをクリック

(04)

カラーパレットが表示されます。

お好きな色を、選択(クリック)しましょう。

色を選択

(05)

続けて文字を書いてみると、前述(04)で選択した背景色で記述できます。

続けて文字を書く

(06)

文字の背景色を黒色に戻したい場合は、右の方にある「バケツを斜めにした」ようなボタンをクリックして・・・。

「バケツを斜めにした」ようなボタンをクリック

(07)

カラーパレットの中から、黒色を選択(クリック)しましょう。

黒色を選択

(08)

文章を書いてみてください。また、黒色で書けるようになります。

黒色で書ける

書いた後で、文字の背景色を変更する方法

(01)

後になって、「あぁ、ここの文字は違う色にすれば良かった~」なんてこともあるはずです。

変更したい文字列を範囲選択してください。

変更したい文字列を範囲選択する

(02)

右の方にある「バケツを斜めにした」ようなボタンをクリックし・・・。

「バケツを斜めにした」ようなボタンをクリック

(03)

カラーパレットの中から、文字の色とは別の好きな色を選択(クリック)しましょう。

色を選択

(04)

範囲選択されたままでは分かり難いでしょうから、適当な箇所をクリックして範囲選択を解除してください。

文字の背景色が、変わっているはずです。

適当な箇所をクリック

もっと違う色を使いたい場合

もっと違う色を使いたいという場合は、「その他の色...」を、クリックすればできます。

「その他の色...」をクリック
前の記事へ
次の記事へ

次回予告

次回は、FC2ブログの高機能テキストエディタで箇条書きを作成する方法について書きます。


関連記事

FC2ブログの作り方をご紹介している記事です。

作成日:2009/12/26 更新日:2009/12/26

コメントありがとうございます。

お手数ですが、コメント前に留意事項をご覧くださいませ。

また、現在ご質問にお答えする余裕がない状態にあります。よろしくお願いいたします。

時々使います♪

インパクトはつけられますが、これ、色の配色難しいですよねえ^^;センスってのか~w
濃い色だと文字を白くするとかしないと読みづらくなり、あまり薄い背景色だとあんまりわからない。。。匙加減がうまくできると効果的でしょうね。以前教えてくださった、色の配色パターンみたいなの(色の持つイメージなど)参考にするといいのかもですね^^でも、FC2本にあったような、ある区間の文章を囲むより簡単だし、うまくつかいたいなあと思ってまするん♪

用途

ありんこ中尉、こんにちは!(・∀・)/ぐもに
コメントありがとうございます。

そうですよねー。
おっしゃる通り、配色が難しいし、あまり用途が浮かばないかも。

何かおもしろい使い方ができると良いですねー。

コメントの投稿

内緒のときは、チェックしてください。

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/618-d8b0f70c
 | トップページ | 

FC2ブログの作り方・作成

GIMP2で画像を編集しよう

イラストが描ける Inkscape

初心者のためのSEO対策

Google Analytics入門

アクセス解析QLOOK

アイデアの作り方

超ビギナー向けHTML入門

超ビギナー向けのCSS入門

FC2ブログのカスタマイズ

初心者向けのCSS小技

Web制作に役立つ本

ブログでお小遣い稼ぎ

これはうまい!

誰にでも才能はあるのです

RSSフィード

プロフィール

KumaCrow(クマクロ)

KumaCrow

FC2ブログによるブログの作り方をご紹介しています。「初心者の人にも分かりやすく!」がモットーです。

Twitter KumaCrow

リンクフリー♪
フォローも、ふりっふり~

伝わる文章を書くコツ

最近の記事

最近のコメント

パソコン入門

アクセスの多かった記事

先月アクセスが多かった記事を、ご紹介します。

【1位】
GIMP2の使い方
【2位】
プリントスクリーンの方法
【3位】
GIMP2 パスの使い方
【4位】
GIMPとは?
【5位】
レイヤーとは?

初心者のデジカメ撮影術

ホームページ制作にJimdo

このブログの評価

自分を見つめなおす

ブログランキング

クリックしちゃいなよ!You、クリックしちゃいなよ!そして、Canして、Doしちゃいなよ!

FC2ブログランキングに参加してみませんか?見に来てくれる人が少しだけ増える・・・かもしれません。

FC2カウンター

ブログ開始(2007年7月)から、ユニークユーザ数が「のべ240万人」に達しました。いつもご覧いただきまして、ありがとうございます。(2011/01/05、FC2カウンター故障・データ消失により、10万人分くらいマイナスとなりました)

子どもの教育

最近のトラックバック

+++ お友達のブログ・お世話になっているサイトさま +++

ふわふわふわりん
無料ウェブ素材 Tyto-Style
海外のSEO対策・SEOツールをわかりやすく解説するブログ
日南商工会議所による情報化支援ブログ
気になるけど
聞き捨てならん!!
かちびと.net
ありのごとくあつまりて