『ゾーン状態(自分自身に没頭)』で生涯自由に生きる花月たちのstory
~ 第三章(億) インターネットビジネス編 ~
WordPressのplugin(拡張機能)

太さ(幅)指定の蛍光マーカーで文字装飾「 css html」をコピペしよう

7日間の自動化ブログ構築講義で月収10万円獲得↓

メルマガフォーム
※登録後につまらないと感じたら即メール内で配信停止できます
※メールアドレスなどのプライバシー情報は厳重に管理しております

太さを変更した蛍光マーカーってどうすれば使えるの??

太さ変更蛍光マーカーペン
あなた、こんな疑問でやっと僕のブログに辿り着きませんでしたか?


ヾ(*´∀`*)ノキャッキャ


なるほどです。でも安心してください!!
蛍光マーカーの太さ(幅)は簡単に変えることが出来るんです。



そこで今回は、CSSとHTMLを少し触って「簡単に蛍光マーカーの太さ」を変えてみたいと思います。


これであなたのブログもゴージャスになること間違いなし!!



便利なプラグイン【Simple Custom CSS】

まずは、CSSを触るのに抵抗がある人も多いと思います。


なので、便利なプラグインを使いますね^^


このプラグインを使えば、CSSの編集をミスってもすぐに元に戻せるので初心者さんには有り難いですよね。

また、テーマを変えてもプラグインがCSSを間接的に管理しているので引き続き変更した設定を引き継げます。


①WordPressの管理画面から「プラグインの新規追加」を選択
②プラグインの検索窓に「Simple Custom CSS」と入力してEnter
③表示されたページからプラグインを選択して「有効化」
一般的な方法で使えるようになります。簡単!!



では次に進みます~


外観⇒Custom css

Simple Custom CSS


以下のコードをコピーして下のサンプルのように貼り付けます。


.marker_lightyellow {
background: linear-gradient(transparent 70%, #ffff66 70%);
}

.marker_lightgreen {
background: linear-gradient(transparent 70%, #90EE90 70%);
}

.marker_lightskyblue {
background: linear-gradient(transparent 70%, #87CEFA 70%);
}

.marker_lightsalmon {
background: linear-gradient(transparent 70%, #FFA07A 70%);
}


Simple Custom CSS
蛍光マーカーの線を細くしたい場合には『70%⇒80%』などにしてみてくださいね。

色の変更はカラーコード『#ffff66』などを他の色に!




◆最後は↓↓

プラグインの「AddQuicktag」にタグを登録しておくといつでも使えて便利です。
2016-04-30_17h09_23
※色の順番は上から
黄色マーカー 緑色マーカー 水色マーカー オレンジ色マーカー

<span class="marker_lightyellow">黄色マーカー</span>
<span class="marker_lightgreen">緑色マーカー</span>
<span class="marker_lightskyblue">水色マーカー</span>
<span class="marker_lightsalmon">オレンジ色マーカー</span>


はい、これで完成です^^

CSSの設定が出来ていないと上のHTMLタグを打ち込んでも蛍光マーカーが文字装飾として反映されませんので注意。


終わりに…

CSSもプラグインを使えば簡単で安全ですので、ぜひぜひやってみてくださいね。

色や蛍光マーカーの太さ(幅)も変えられますので!



それでは、最後までありがとうございました。

7日間の自動化ブログ構築講義で月収10万円獲得↓

メルマガフォーム
※登録後につまらないと感じたら即メール内で配信停止できます
※メールアドレスなどのプライバシー情報は厳重に管理しております

RELATED POST

POSTED COMMENT

  1. HARUMIN より:
    こんなにわかりやく説明していただき
    ありがとうございます。すごいですね!
    実際にやってみます。
    応援して帰ります。
    • 花月 より:
      HARUMINさん
      こんばんは、花月です。

      ご連絡いただき有難うございます。
      また、蛍光マーカの記事がお役に立てて嬉しいです^^

      応援もありがとうございます。
      今後ともよろしくお願いします。

      花月より
      感謝の気持ちを込めて♪

COMMENT

メールアドレスが公開されることはありません。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください