FC2ブログの記事編集欄でツールを使わずに文字色設定を簡単にやる方法

2018年08月19日
4
0
初級パソコン術

FC2リクエストで『 ブログ記入の際の文字色変更の容易化願い 』 このようなリクエストを読んでしまった(笑)ものですからこの記事を書くことにしました ^^


FC2ブロガーの皆さんの中には記事を書く時に色文字を使ったりする人もいますよね、筆者もけっこう使うんです ^^

そんな時には、記事編集欄(旧投稿画面)のツールを使って文字列に色を付けていることでしょう。

文字に色を付けるツール

これですよね~ でも、これってけっこう面倒なんですよね、色付けしたい文字列をマウスで余分にドラッグしてしまったり、不足していたりするともう一度ドラッグし直したり、色選択するマスも小さかったりとけっこう繊細な操作が必要になります。

具体的操作をGIFアニメーションにしてみましたので、クリックしてご参照下さい。


[ 画像クリックで GO & STOP ]

こんな具合です ^^

でも、筆者の場合には「いつも利用する文字色」の時には、この色付けツールは面倒だから使わないんですが、その方法を下のGIFアニメーションをクリックしてご参照下さいね ^^


[ 画像クリックで GO & STOP ]

もうお解りですよね(笑) 色付けツールを使う代わりに直接HTMLタグ打ちで色付けをしているんですが、よく使う文字色の場合にはこの方法の方が早いんです。

先ほども書きましたが、筆者が記事中で文字列に色を付けるのは、常用的には3色「赤・青・ピンク」と決めているんですが、要はこれらのカラーコードを含めたHTMLタグをパソコンの日本語入力変換の「辞書登録 とか 単語登録」しておけば良いのであって、この方法はもっと多用途に使えるんですから、使い倒さないと勿体ないですからね(笑)


あか と入力すると <span style="color:#FF0000"> のように変換される

とじ と入力すると </span> のように変換される

注) 入力語句 はあなたの任意文字で設定すれば良いんです。

必要な文字列にHTMLタグで色付けする時に気を付けることは、この閉じタグである </span> を忘れると、後ろの文字列全部に色が付いてしまうことになりますから気をつけましょう(笑)



[ なるほどぉ、ほんとに簡単だね ]

あなたのブログはモバイルフレンドリーですか?
Google モバイルフレンドリーテスト

あなたのブログ内分析はGTmetrixが強力です!
GTmetrix


検索からの方はトップページへもどうぞ



関連記事
ぼっちん

Comments 4

There are no comments yet.

FOUR 4to6  

おはようございます。

なるほど!
そういう方法もあるのですね!

さて、
テンプレートが変わりましたね。
しかしAkiraさんのテンプレートは
本当に洗練されたデザインですね!

そうそう、
今日、サーバのメンテが入り、
サブドメインも常時SSL化が可能になります。
ブログにも何らかの変化があって欲しいのですが、
公式なアナウンスが何もないので、
ブログに関してはたぶん現状のままなんだと思います。
SSL化も待てない状況、
現ブログも卒業するしかないかな。

2018/08/22 (Wed) 09:24
ぼっちん

ぼっちん  

To FOUR 4to6さん

FOUR 4to6さん、おはようございます コメントをありがとうございます ^^
ちょっと前に「WordPress」記事拝見しておりましたよ~(笑)
すぐ使い始めます?(笑) 私はFC2ブログにドップリと中毒気味に浸ってしまってますので、どうもWordPressのシステムってなじめなくてほったらかしのままなんですよ (^^ゞポリポリ

この記事でのHTMLタグ打ちで文字に色付けする方法は「FC2ブログで」ってことで書いているんですけど、他のブログサービスでの記事編集欄での機能面ってどうなんでしょうねぇ? このまま使えたら便利なんですけど (^^ゞポリポリ

テンプレートが変わりましたね。
しかしAkiraさんのテンプレートは
本当に洗練されたデザインですね!

ハーイ(^O^")/ とりあえずテスト的に各種設定して動かしておりまして、最終的にこれを固定的に使わせて戴くかは未だ未定なんですけどね ^^
まったく、Akira先生のデザイン感性や機能面の完成度の高さにはただただ驚かされる次第でして、私が心酔しちゃってることをFOUR 4to6さんも解って下さると思います ^^

SSL化も待てない状況、
現ブログも卒業するしかないかな。

やっぱり何処のブログサービスでも問題は抱えてるんですよね~ (^^ゞポリポリ
何処のブログサービスも一長一短はあるでしょうけど、、、
いっそのこと、FOUR 4to6さんもFC2ブログに引っ越しなさっては如何ですか?(笑)
「こんな筈じゃなかった!」って言われても責任は取れませんが (^_^; アハハ…

2018/08/22 (Wed) 09:44

よつば  

こんにちは~(^▽^)/

ぼっちん先生~♪ お久しぶりです~♪

テンプレ変えたんですね!そっか~色々試してみてるんですね~♪
あちこちに ぼっちん先生のアイコン画像出現!「ひょっこりはん」みたいね( *´艸`)

二階堂朱哩さんも ぼっちん先生の生徒さんになったようですね
朱哩さんとよつばが似た印象ですか?興味を持ったら熱心なとこかな?

やっぱりAkira大先生とぼっちん先生は、ブログの御師匠様♡
これからも頼りにしてます♡ よろしくお願いします v(*'-^*)-☆

2018/08/25 (Sat) 10:23
ぼっちん

ぼっちん  

To よつばちゃん

よつばちゃん、こんにちは♪ ちょっとぶりですね~(笑)

テンプレ変えたんですね!そっか~色々試してみてるんですね~♪
そそそ(笑) これ、FC2ブログの共有公開版ではなくて、Akira先生のブログ内配布専用で、今月末までDL出来る期限限定版なの (^^ゞポリポリ
GTmetrix分析での高スコア対応に設計してくださってて、導入しただけではいきなりは高スコアにはならないんだけど、それなりの必要努力(笑)をしたらダブルAスコアには出来る特殊版ってところ ^^
そういう意味もあって、いまテスト的にこれで動かしてます~ ^^

あちこちに ぼっちん先生のアイコン画像出現!「ひょっこりはん」みたいね( *´艸`)
(^Q^)/ ギャハハハ しつこい?(笑) けっこう私って目立ちたがりかも (≧ω≦。)プププ

二階堂朱哩さんも ぼっちん先生の生徒さんになったようですね
朱哩さんとよつばが似た印象ですか?興味を持ったら熱心なとこかな?

よつばちゃんが弊ブログを紹介してくれたそうで、朱哩さんとも知り合えて、嬉しい限りですよ~ (^_-)-☆パチッ
そそそ、Webテクにとっても前向きで、挫折(笑)してはまたチャレンジを楽しむ姿勢がほんとにお二人とも似てる気がしてね~ (^_^)ニコニコ 

やっぱりAkira大先生とぼっちん先生は、ブログの御師匠様♡
いや、Akira先生と並べたら先生に失礼でしょ (^Q^)/ ギャハハハ
でもそう言ってもらえると( ̄ー ̄)ニヤリってなっちゃうこの単純気質(爆)

コメントありがとです~ これからも仲良くしてくださいね~♪

2018/08/25 (Sat) 10:46

Leave a reply