黄色以外の蛍光ペンも使いたい

蛍光ペン 黄色以外も使いたい

 

ブログで書いた記事の中で強調させたい文章があるときは

 

そこを太字にしたり、文字サイズを大きくしたりすると思いますが

 

もう1つ、目立たさせる文字装飾がありますよね。

 

そうです。 蛍光ペンです。

 

 

 

蛍光ペンっていうと
まず、ポピュラーな色として定着しているのは、黄色でしょう。

 

 

たしかに、私も学生時代、
教科書や参考書に引いてた色は、ほとんど黄色でした。

 

あなたも引いてましたよね。

 

 

 

ブログをシリウス (SIRIUS) で作っているという方、

 

 

シリウスに予めセットされている色は、黄色ですよね。
あっ、黄色っていってもちょっと濃い系の山吹色って感じですかね。
レモンイエローではないですね。

 

 

まあ、そのセットされている黄色の蛍光ペンをよく使われていると思いますが、

 

「他の色の蛍光ペンもあったらなあ・・・」

 

そう思ったことないですか?

 

 

黄色のワンパターンよりは、ちょっとアクセント的に他の色があれば、
使ってみたくなりますよね。

 

 

 

その色、増やすことできますよ。

 

ご紹介しますね。

 

 

シリウスの「編集」タブ → スタイルシート を開けると

 

commonstyles.css というタブがあるので、そのタブを開きます。

 

 

そのページの235行目(付近)
こちら↓のような記述があります。

 

 

.ylw{
background-color:#FFE566;
font-weight:bold;
padding:2px;
}

 

 

これが記事を書いているときに使う装飾ボタンのなかで
黄色い蛍光ペンを引くときの指令文なんですね。

 

 

#FFE566は、カラーコード
bold は、太字
2px は、蛍光ペンの四角い枠と文字との間隔(上下左右) を指定しています。

 

 

これに、例えば、

 

青い 蛍光ペンを追加したい場合は、
こちら↓の構文をその下に追記して保存します。

 

 

.blue{
background-color:#0000FF;
font-weight:bold;
padding:2px;
}

 

 

そのあと、

 

シリウス画面、最上部にある「設定」メニューの中に「クラスの設定」がありますので、
その画面にある「クラス名」blue と入れてください。

 

そうすると、

 

装飾ボタン群2段目の右端にあるボタンの中に blue と表示されますので
その blue を選ぶことで、いつでも青い蛍光ペンを使うことができます。

 

 

 

 

他の色もセットしたいという場合は、

 

commonstyles.css ページにある上記の構文の

 

.blue そして、カラーコードを表す #0000FF の部分を変えれば
様々な色の蛍光ペンをセットすることが可能です。

 

 

カラーコードの一覧は、こちら を参照くださいね。

 

 

 

ここまでお伝えしたのは、

 

シリウスの中に蛍光ペンのHTML構文を埋め込んだ形での設定です。

 

まあ、よく使う色の蛍光ペンなら

 

このような設定をすれば使うときラクでいいですよね。

 

 

でも

 

頻繁に使うわけではなく

 

今だけ、この記事のこの部分だけ、この色の蛍光ペンを使いたい!

 

というときもあるかもしれませんよね。

 

 

 

そのようなときは、

 

こちら ↓ のHTMLタグを直接、記事入力エリアに入れてしまえばOKです。

 

 

<span style="padding: 2px; background-color: #0000FF">蛍光ペン</span>

 

 

#0000FF のカラーコードの部分だけ、好きな色のコードにするだけです。

 

この例は、テキストが太字にはなっていませんが、
太字にしたいときは、このタグをマークして、太字にするB ボタンを押せばOKです。

 

 

 

 

このようにして

 

いくらでも様々な色の蛍光ペンをシリウスで引くことができます。

 

 

 

でも、たくさんセットすることはできますが、

 

1つの記事内でいろんな色を使いすぎると、

 

かえって読者の方が不快に感じたりするかもしれませんから

 

どうでしょうかぁ・・・多くても3色? いや、2色までに抑えるのがいいでしょうかねぇ。

 

記事の内容に合わせて使うといいかもしれませんね。

 

 

 

 

青い蛍光ペン

 

私はこの記事を書いたときに使用しました。

 

        ↓ ↓ ↓

 

http://managatsuo.com/rakuten/entry15.html

 



*-----------------------------------------------------------------------------------*

   最後までお読みいただき、ありがとうございます。
   記事が少しでも参考になれば幸いです。

                  ブログランキング・にほんブログ村へ    

関連ページ

ツールは機能面より使いやすさが大事
サイト作成ツール『シリウス』は、アップロード機能まで兼ね備えているのが、ひとつの特徴。記事作成後、FTPアプリを単独で立ち上げなくてもその場でアップロード画面につながるので快適に記事更新ができます。サイト作成に限らず、どんな分野に使われるモノでもツールは、機能面より使いやすさが大事。シリウスは使いやすさが売りです。アップロード以外でも・・・
シリウスからサイトを消してしまった時の対処法
シリウスから大切なサイトデータを消してしまった! 長年に渡って作り上げてきたサイトデータが一瞬にしてなくなってしまったら凹みますよね。また一から作り直さないといけない?いやいや、そんなことしたくないですよね?することないです!慌てない、慌てない。こうしましょう!
シリウスの質問を口頭で受けました
先日、シリウスに関して質問を受けました。受けたと言ってもメールではなく、口頭でなんです。なんと久しぶりに会った同じ会社の同僚から。最近ブログを始めたと・・・。
シリウスの予約投稿で忘れてはいけないこと
シリウスを使っているあなたは、予約投稿機能を利用しているでしょうか。外出している時間帯に投稿したいなんていう時には、便利な機能ですよね。しかし、この「予約投稿機能をつかうとき、注意しなければいけないことがあります。それは記事に画像を載せているときなんです。 えっ、何故?
シリウスメニューからエントリー? いや、リンク張り
シリウスでサイドメニューからエントリーを作成して記事を書くとき、意外に使われていない手があるのですが、ご存知ですか?それは、エントリーの位置づけでリンクを張るということです。メニューから記事のタイトルをクリックすると記事の画面が出るではなく、リンクに飛ぶというちょっとした離れワザですが、その仕掛けはこうやります・・・。
シリウス トップメニュー追加時の注意点
あなたのブログ、ホームページに設置しているトップメニュー(グローバルメニュー)に新たなメニューを追加したいという場合、シリウスでは簡単に追加できますが、アップロードしたら、あれ?トップメニューが2段になってしまったぁ・・・・何で? 実は・・・
メイリオというフォント 頑固一徹
シリウスからヘッダーを作っているとき、手入力したタイトルや説明文を斜めにしたいけど、できない〜、 傾いてくれない〜 そう思ったことないですか? その理由は・・・今、あなたがヘッダー入力しているフォントは何になってますか? 実は・・・
SIRIUSアップロード・エラー  - ロリポップパスワードの更新 -
シリウスから記事をアップロードしたとき、エラーメッセージが出てアップ出来ませんでした。理由はロリポップサーバーサイト側でFTPパスワードを更新したから。それに合わせてシリウス側でのFTP関連の設定画面でも更新したパスワードに変更しました。しかし、ダメ!まだアップロードできない!なぜだ!? あぁ、そうかぁ、なるほど・・・
ヘッダー画像をオリジナルに変更するときの注意点
シリウスを使ってのサイト作り。今までヘッダー画像は、シリウスに用意されている画像を使ってきたが 明日からはオリジナルのヘッダー画像に変えたい、というとき。シリウスからオリジナル画像に呼び出してサイトタイトル、説明文を入れようとしたが、「あれ!?」 新画像が出ない! そのときはこうしましょう。
シリウス斜体文字にでるアンダーラインを消したい
シリウスで記事を作成しているとき、入力した文字を 斜めに傾けたい ときってありますよね。しかし、プレビューでみると文字は斜めになっても下線がついてしまうんです。何でだろう?でも、こうすれば下線を消すことができます。こちらから確認を!
シリウスから音声ファイルをアップさせるには
ブログに音声ファイルをアップさせました。ブログの作成・更新をシリウスを使って行なっている方へ。音声ファイルをアップしたことありますか? どうやってアップさせればいいのか、シリウスのマニュアルには載っていないんです。ご紹介しましょう。こうすれば出来ますよ。
ファビコンをシリウスにセットする方法
シリウスは初心者でもサクサク・・・ホント驚くほどカンタンに綺麗なサイトを作ることができるサイト作成の神ツールです。そのシリウスからサイトのシンボルであるファビコンを設置する方法をご紹介します。
オリジナル画像をシリウスにセットする方法
ホームページやブログの記事を読んでいるとき、ただ、文章だけだとなんか読んでても面白くないですよね。画像が入っていると記事全体が映えますし、読者の方にも楽しんでもらえると思います。自分オリジナルの画像をブログに載せたい方、こちらを。
ホームページの裏を知りたい
自分のホームページを持ちたい持ちたいと思ってましたが、教えてくれる人は周りに誰もいないし・・・ できれば、専門学校に行きたいと思いましたよ、マジで。ホント身につけたいと思った。そしたら、こんなサイトをたまたま見つけることができたんですよ。
プロにも負けないヘッダーを作る方法
あなたのブログやホームページのヘッダー画像は、 オリジナリティーを持ってますか?人の目を引く自信ありますか?サイト作成ツールに準備されているヘッダー画像をそのまま使っていますか? 世界でただ1つのヘッダー画像を作りましょう。コチラから。
シリウスとの出会い
自分のホームページを持ってみたい。むか〜しから思っていましたけど、どうやれば出来るんだろう・・・ 当時は、ホームページを作るツールと言ったら、ホームページ・ビルダーしか知りませんでした。今はワードプレスもありますが、シリウスも便利ですよ。今すぐ詳細をこちらから。

 
トップページ プロフィール 目次 オススメ 商品 メルマガ SNS お問い合わせ