「AFFINGER」の下線蛍光マーカー（ボールド）を強制的に通常文字（太字ではない）にする方法

2024年6月8日

WordPress のテーマ「AFFINGER」には、下線傾向マーカー機能があり、文章中に強調したい箇所にマーカーを付けることができます。

マーカーは青や赤など色鮮やかですが、マーカーを付けると文字がボールド（太字）になり、主張が強くなりすぎると感じる場合があります。

ポイント

本記事では、

「AFFINGER」の下線蛍光マーカーを

強制的に通常文字（太字ではない）にする方法を解説します。

見た目フラットな感じのスタイリッシュな表現になりますね。

ポイント

通常利用の場合（太字）

ポイント

太字やめた場合

太字を辞めたほうがすっきり見えます。（ただし強調度合いは下がります）

＼AFFINGER でオシャレサイトを作る方法はこちらをクリックしてください／

1 AFFINGAR のマーカー
- 1.1 ■ ブロックエディタでマーカーを使う方法（２種類）
- 1.2 ■ クラシックブロック（クラシックエディタ）の場合（４種類）
2 AFFINGAR のマーカーの太字を止める方法
3 まとめ：下線蛍光マーカーを強制的に通常文字する方法

AFFINGAR のマーカー

AFFINGER のマーカーは２種類（合計６色）設定できます。

■ ブロックエディタでマーカーを使う方法（２種類）

ブロックエディタの場合は、文章を選択し、ツールバーから「マイ細マーカーＡ」もしくは「マイ細マーカーＢ」を指定することで下線傾向マーカーを利用します。

■ クラシックブロック（クラシックエディタ）の場合（４種類）

クラシックブロック（クラシックエディタ）の場合は、文章を選択し、スタイルからマーカーで各色を指定することで下線傾向マーカーを利用します。

AFFINGAR のマーカーの太字を止める方法

AFFINGAR のマーカーの太字を止めたい場合は、CSS を利用して設定を上書きします。

各マーカーのクラス名

マーカー	クラス名
マイ細マーカーＡ	st-mymarker-s
マイ細マーカーＢ	st-mymarker-s-b
マーカークラシック１（黄マーカー）	ymarker-s
マーカークラシック２（赤マーカー）	rmarker-s
マーカークラシック３（青マーカー）	bmarker-s
マーカークラシック４（鼠マーカー）	gmarker-s

フォントをボールドから通常文字（ノーマル）に指定を変える場合は、「font-weight:normal」を利用します。

WordPress の管理画面から「外観」→「カスタマイズ」→「追加CSS」を表示します。

追加CSSに、通常文字に変更するためのCSSを入力します。

通常文字に変更するためのCSSコード

.st-mymarker-s{
    font-weight:normal;
}
.st-mymarker-s-b{
    font-weight:normal;
}
.ymarker-s{
    font-weight:normal;
}
.rmarker-s{
    font-weight:normal;
}
.bmarker-s{
    font-weight:normal;
}
.gmarker-s{
    font-weight:normal;
}

保存して完成です。表示して確認しましょう。