AFFINGER

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

広告:ページ内にてアフィリエイト広告を利用しています。

下線蛍光マーカーの文字を太字にしない方法

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

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

ポイント

本記事では、

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

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

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

ポイント

通常利用の場合(太字)

太字の場合

ポイント

太字やめた場合

太字を辞めた場合

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

おすすめ副業

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

PR

AFFINGAR のマーカー

AFFINGER のマーカーは2種類(合計6色)設定できます。

■ ブロックエディタでマーカーを使う方法(2種類)

ブロックエディタでマーカーを使う方法(2種類)

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

■ クラシックブロック(クラシックエディタ)の場合(4種類)

クラシックブロック(クラシックエディタ)の場合(4種類)

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

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

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

各マーカーのクラス名

マーカークラス名
マイ細マーカーAst-mymarker-s
マイ細マーカーBst-mymarker-s-b
マーカークラシック1(黄マーカー) ymarker-s
マーカークラシック2(赤マーカー)rmarker-s
マーカークラシック3(青マーカー)bmarker-s
マーカークラシック4(鼠マーカー)gmarker-s

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

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

追加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;
}

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

AFFINGER もっと!お役立ちテクニック

AFFINGER のお役立ちテクニックはこちら

AFFINGER もっと!お役立ちテクニック

AFFINGER のお役立ちテクニックはこちら

まとめ:下線蛍光マーカーを強制的に通常文字する方法

「AFFINGER」の下線蛍光マーカーを強制的に通常文字(太字ではない)にする方法です。

ポイント

  • CSS でマーカーのクラスに対して「font-weight:normal」を指定する

AFFINGER を使って素敵なサイトをデザインしてくださいね。

おしゃれサイト
ノートパソコン

AFFINGER の利用方法などについてココナラにて「支援作業」を販売しております。

よかったらご利用くださいませ。

WordPress のテーマ「AFFINGER」の情報、テクニック一覧はこちらをクリック!

PR
―― 今日のおみくじ ――

第 20 番

吉


今日のメッセージ

副業のおススメはブログです。とりま20の記事を書いてみよう。自分に合うか、わかります。
ブログの始め方
レンタルサーバー
WordPress
AFFINGER

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

Presented By Boon Boon Blog .Com

広告の設置・収入について

当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。

当サイトは Google アドセンスを利用し、広告により収入を得ています。

当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。

電気通信事業法改正に伴う表記