WordPressでフォントをマーカーのような文字にする方法とは?

スポンサーリンク

Web集客の専門家、俵谷 龍佑(@tawarayaryusuke)です。

他の人のブログを見ていると勉強になります。

ブログのデザインもさることながら、フォントの種類も変えることができるので、面白いです。

色々なブログを見ていると、蛍光マーカーで引いたような文字が…

こんなやつです。

これ意外に目立つから良いですよね。

普通に赤文字太文字よりインパクトあるので。

background-colorタグを使用する

この蛍光マーカーで引いたような文字を表現する方法は、もっと複雑と思いきや意外と簡単なコードでした。

▼こんな感じ▼
サンプル

background-colorは直訳すると「背景色」という意味です。

そのあとの#~始まるコードが色を表すカラーコードになるので、ここを変えると背景色を変えることができます。

カラーコードを覚えている変態はそういないので、普通は下記のようなサイトで検索してコピペして使います。

スポンサーリンク
色の名前とカラーコードが一目でわかるWEB色見本

カラーコードを修正すれば、色も変えられる

上のサイトを参考にしながら、#~始まるコードをコピペ。

例えば、ちょっと濃い目のピンクならこんな感じ。

こんな感じ

サンプル

これ以外にも打消し線、下線など様々な組み合わせが可能です。

ぜひ試してみてください!

下線

こんな感じ

サンプル

打消し線

こんな感じ

サンプル

こちらも合わせて読まれています

Amazonアソシエイトの報酬で得たギフト券の使い方について解説する【ブロガー必見】

Macで画面の色のカラーコード調べるなら「Digital Color Meter」が便利

短時間でアイデアを生み出すには、常に「情報の波」に埋もれること

スポンサーリンク
The following two tabs change content below.
俵谷 龍佑

俵谷 龍佑

新卒入社から半年で社内失業に。社会不適合を自覚して2015年4月に独立。チームで働くのが苦手でWebを使って「マイクロ起業」を実践中。 ライター/ブロガー。音楽×地域活性×ITでオモシロイことを仕掛けるべく、音楽イベント団体「Musicrowd」を運営中。 試行錯誤しながら、薬に頼らずにADD(注意欠陥障害)の症状を改善する方法を模索中。元吃音者(今でもラ行の発音は苦手)
LINE@の登録はこちらから!

スマホの方はこちらから↓
友だち追加

PCの方はこちらから↓

良いと思ったらシェア!

よく読まれている記事はこちら

Twitterでも情報発信しています