SIRIUS　クラスの設定機能で蛍光ペンを設定方法

トップページ＞ SIRIUSのカスタマイズ＞ SIRIUSシリウスカスタマイズや小技＞ SIRIUS　クラスの設定機能で蛍光ペンを設定方法

SIRIUS　クラスの設定機能で蛍光ペンの設定方法

SIRIUSシリウスには、頻繁に使うクラス（class）を登録しておくための「クラスの設定」が搭載されています。

HTML や CSS があまりわからない方にはちょっと敷居が高いかもしれません。でも一回実際にやってみたら、なんとなく分かると思います、実践することが大切なのです。

ブログで書いた記事の中で強調させたい文章があるときは、蛍光ペンをよく使われていると思います。

ここで、クラスの設定機能で蛍光ペンを設定方法をご紹介したいと思います。

クラスの設定機能で蛍光ペンの設定方法

SIRIUSシリウスには黄色の蛍光ペンをセットされています。今回緑の蛍光ペンを追加します。

スタイルシートにコードを追加

シリウスの「編集」タブ　⇒　スタイルシートをクリックします。commonstyles.css　というタブを開きます。

「.ylw」の下に以下のようなコードを追加します。「.ylw」は黄色の蛍光ペンのコードです。

.green{
background-color:#3cb37a;
font-weight:bold;
padding:2px;
}

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

クラスの設定

シリウス画面、最上部にある「設定」　　⇒　「クラスの設定」　⇒　「新規追加」をクリックします。

「クラス名」に　green と入れて、「SPAN」をクリック、最後に「OK」をクリックします。

そうすると、装飾ボタン群２段目の右端にあるボタンの中に green と表示されます。

その green を選ぶことで、いつでも緑の蛍光ペンを使うことができます。

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

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

関連ページ

シリウス（SIRIUS）で2カラムサイドメニュー幅変更方法: デフォルトテンプレートの2カラムサイドメニュー幅変更方法について説明します。
シリウスでサイドメニューのフリースペースを増やす方法: シリウスでサイドメニューのフリースペースを増やす方法について説明します。
SIRIUSシリウスで更新履歴の位置を変更する方法: SIRIUSシリウスで更新履歴の位置を変更する方法について解説していきます。
SIRIUSシリウスで更新履歴の背景画像を変更方法: SIRIUSシリウスで更新履歴の背景画像を変更方法について、解説していきます。
SIRIUSシリウスの更新履歴枠の角を丸くする&影をつける方法: SIRIUSシリウスの更新履歴枠の角を丸くすると影をつける方法について解説していきます。
SIRIUSでカーソルを置くとリンク画像を動かす設定方法: SIRIUSでカーソルを置くとリンク画像を動かす設定方法について、詳しく解説していきます。
SIRIUS サイドバーに画像付きのプロフィールを設置方法: SIRIUS サイドバーに画像付きのプロフィールを設置方法について、詳しく解説していきます。
SIRIUSに無料でメールフォームを設置する方法: SIRIUS（シリウス）に無料でメールフォームを設置する方法について、詳しく解説していきます。
SIRIUSで記事途中に飾り枠を挿入する方法: SIRIUS（シリウス）で記事途中に飾り枠を入れる方法について、詳しく解説していきます。
SIRIUS　同じページ内で指定の場所にリンクする方法: SIRIUS　同じページ内で指定の場所にリンクする方法について、詳しく解説していきます。
SIRIUSで動くボタンを作成方法: SIRIUSで動くボタンを作成方法について、詳しく解説していきます。
SIRIUSでスクロールの途中でサイドバーが消えないよう固定する方法: SIRIUSでスクロールの途中でサイドバーが消えないよう固定する方法について解明します。
SIRIUSで1つの記事を複数のカテゴリに登録する方法: SIRIUSで1つの記事を複数のカテゴリに登録する方法について説明します。
SIRIUSで蛍光ペンをカスタマイズする: SIRIUSで蛍光ペンをカスタマイズする方法
SIRIUSでトップへ戻るボタンを実装する方法: SIRIUSでトップへ戻るボタンを実装する方法について紹介します。
SIRIUSシリウスの見出しフォントに影をつける方法: SIRIUSシリウスの見出しフォントに影をつける方法を紹介します。
SIRIUSのサイトにYouTube動画を『埋め込み』方法: SIRIUSのサイトにYouTube動画を『埋め込み』方法について紹介していきます。
SIRIUSでGoogleマップをサイトに埋め込む方法: SIRIUSでGoogleマップをサイトに埋め込む方法についてご紹介していきます。
SIRIUSでトップへ戻るボタンに画像を使用する方法: SIRIUSでトップへ戻るボタンに画像を使用する方法について紹介していきます。
SIRIUSで画像を横に自動スライドさせて動かす方法: SIRIUSで画像を横に自動スライドさせて動かす方法を紹介していきます。
SIRIUS(シリウス）で画像を振り子のように左右に揺らす実装方法: SIRIUS(シリウス）で画像を振り子のように左右に揺らす実装方法を紹介します。
SIRIUS(シリウス）で<MAQUEE>タグを使って簡単に画像を動かす: SIRIUS(シリウス）でタグを使って簡単に画像を動かす方法をご紹介します。