AFFINGER

【AFFINGER】下線蛍光マーカーの使い方(CSS記載不要)@WordPress


蛍光マーカーペン

WordPress の優良テーマ「AFFINGER」では、通常は CSS を利用しなければ(書かなければ)実現できない下線蛍光マーカーを(AFFINGER の)標準機能で実装しています。

記事作成時の画面操作だけで下線蛍光マーカーを実現できます。

下線蛍光マーカーとは?

下線蛍光マーカーとは、文字(文章)の下半分程度に蛍光ペンでアンダーライン(下線)を引いたような表現方法です。

下線蛍光マーカーを使うと、記事の中で注目するべき部分を上品に目立たせることができ、記事にメリハリがつきますので、とても便利な表現方法です。

黄色の下線蛍光マーカーです。

赤色の下線蛍光マーカーです。

青色の下線蛍光マーカーです。

灰色の下線蛍光マーカーです。

WordPress の標準機能では、この機能はありません。

また多くのテーマでは採用していないため、これを書くためには、CSS+HTMLで自分で描かなければなりませんが結構大変です。

テーマ「AFFINGER」の場合、下線蛍光マーカーが実装されているので、画面からの操作で利用することが可能です。

下線蛍光マーカーの利用方法(AFFINGER)

■「マーカー(黄色、赤、青、灰色)」の使い方

AFFINGER では標準で4色(黄色、赤、青、灰色)の蛍光マーカーが用意されています。こちらの利用方法を紹介します。

Step.1 ボックスで「クラシック」を利用します

クラシックのバー

ブロックで 「クラシック」 を指定します(通常のブロックでは下線蛍光マーカーを利用するメニューが出てきません)。

Step.2 文章を選択して 「マーカー」 を指定します

マーカーメニュー

下線蛍光マーカーを引きたい部分を選択して、「スタイル」 → 「マーカー」 → 「〇マーカー(細)」 をクリックします。利用できる色は「黄」「赤」「青」「鼠(灰色)」の4色です。

Step.3 下線蛍光マーカーを表示します

マーカーの例

下線蛍光マーカーを表示しますので、配色、他の文章とのバランスを確認してください。

※ 自動で太字(ボールド)になります。

■「マイ細マーカー」の使い方

イ細マーカーは、あらかじめ自分で設定した色(1色のみ)で下線蛍光マーカーを表現することができます。

(本サイトでは、「マイ細マーカー」の色を緑色(#7FFFD4)で設定しています。

マイ細マーカーの色を設定する方法

マーカーの蛍光色指定

WordPress の管理画面から 「AFFINGER 管理」 → 「Gutenberg 設定」 をクリックします。

「全般」 の 「カラー設定」 で マイ細マーカA、マイ細マーカーB の色を指定します。

AFFINGER5 の場合

AFFINGER5 の場合は、 WordPress の管理画面から 「AFFINGER 管理」 → 「投稿・固定記事」 で、 マイ細マーカーの (マーカー)の色を指定します。

色をご検討の際は以下のページを参考にしてください

ブログで使う色・カラーコードサンプル集(自分で色を作る機能つき)

サイトに大事な色設定、いろいろ配色ためしたい。そんなときに必要なカラーを試作するページ。カラーコード打ち込んで、実際の色を確かめる。あれよこれよと悩んでいたら、いつまでたっても決まらない。……いや、そこは決めましょう!コードを打つと色が確認できるページです。配色考えるときの参考にしてください。

続きを見る

マイ細マーカーの利用方法(ブロックエディタの場合)

マイ細マーカー

下線蛍光マーカーを引きたい部分を選択して、「マイ細マーカーA」 または「マイ細マーカーB」を指定します。

マイ細マーカーの利用方法(「クラシック」ブロックの場合)

「細マ」ボタン

下線蛍光マーカーを引きたい部分を選択して、「細マ」 ボタンをクリックします。

AFFINGER をお使いではない場合

WordPress の優良テーマ「AFFINGER」をお使いではない場合(ご利用のテーマで本機能が無い場合)、CSS と HTML で実現しなければなりません。

CSS と HTML で実現する場合、手動でマーカーを引きたい文章に <span> タグなどをつけなければならないため記事作成効率が良くありません。

ぜひ AFFINGER テーマのご利用をおすすめします。

AFFINGER の購入・インストール方法はこちら

AFFINGER6 のメリット・デメリットを徹底解説!WordPress 優良テーマ「アフィンガー6(ACTION)」

ブログアフィリエイトを目指している皆様向けの強力な味方!WordPress の優良テーマ AFFINGER6(アフィンガー6)です。SEO に強く、検索順位アップも期待できます。「AFFINGER6」のメリット、デメリットを紹介します。

続きを見る

まとめ

WordPress の優良テーマ「AFFINGER」では、通常は CSS を利用しなければ(書かなければ)実現できない下線蛍光マーカーを(AFFINGERの)標準機能で実装していますので、記事作成時の画面操作だけで下線蛍光マーカーを実現できます。

  • 下線蛍光マーカーを使うと、記事の中で注目するべき部分を上品に目立たせることができます
  • 下線蛍光マーカーを使うと、記事にメリハリがつきます
  • 下線蛍光マーカーはブロック「クラシック」で、「スタイル」 → 「マーカー」 で指定します

全部の文字に下線蛍光マーカーを引いたら、引いてないところが目立つ説(そんなわけない!)

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










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




Presented By Irojiro Haraguro .Com