超簡単!蛍光ペンとクレヨン風のアンダーラインの引き方

ブログ

超簡単!蛍光ペンとクレヨン風のアンダーラインの引き方

ブログ作成のど素人としては、他の人が作ったブログを見るのも勉強になります。

色々なブログを見ていると、文字の下にお洒落なラインが引いてある記事を良く見かけます。

ど素人から素人にステップアップするためにマスターする事に決めました。会得するまでに2日半掛かりました。ふぅ〜、大変。

誰でも出来る様に、蛍光ペンとクレヨン風のアンダーラインをまとめてみました。超簡単です。

 

プラグインで『AddQuicktag』をインストールします

WordPressダッシュボード(管理画面)のサイドメニューから、

プラグイン⇒新規追加

AddQuicktagを検索

今すぐインストール⇒有効化

 

『AddQuicktag』へ登録設定します

WordPressダッシュボード(管理画面)のサイドメニューから、

設定⇒AddQuicktag

登録するのは、下記の5項目です。※iPhoneのスクショあり。

・ボタン名

・ラベル名

・開始タグ

・終了タグ

・全てのチェックボックスにチェックを入れる

⇒変更を保存ボタンを押す

8166A1F2-C525-4CFF-97F8-7E05A2713A5F.jpeg

 

それでは、実際に『イエロー蛍光ペン』を登録してみましょう

・ボタン名:イエロー蛍光ペン

・ラベル名:yellow_marker

・開始タグ:<span style=”background: linear-gradient(transparent 60%,#f9ff52 0%);”>

・終了タグ:</span>

・全てのチェックボックスにチェックを入れる

⇒最後に『変更を保存』ボタンを押して登録完了です。

4FFC36FA-61E0-47D1-B9C9-C3300A785166.jpeg

 

続いて『イエローのクレヨン風アンダーライン』の登録です

ボタン名:イエローのクレヨン風アンダーライン

・ラベル名:yellowcrayon_marker

・開始タグ:<span style=”box-shadow: 0px -6px 5px -3px rgba(240,250,79,0.6) inset,0px 8px 4px -2px #f0fa4f;”>

・終了タグ:</span>

・全てのチェックボックスにチェックを入れる

⇒登録を保存ボタンを押す

02AD9F54-8473-42CF-8A7B-19E1CD03BF9D.jpeg

登録した2つは、『QuickTags▼』のところに入ってます。既に文字入力した『あかさたな』を選んで『QuickTags▼』から『イエロー蛍光ペン』や『イエローのクレヨン風アンダーライン』を選ぶだけです。

26E94414-2E13-4649-886F-408E2932414B.jpeg

イエロー蛍光ペン