超簡単!蛍光ペンとクレヨン風のアンダーラインの引き方
ブログ作成のど素人としては、他の人が作ったブログを見るのも勉強になります。
色々なブログを見ていると、文字の下にお洒落なラインが引いてある記事を良く見かけます。
ど素人から素人にステップアップするためにマスターする事に決めました。会得するまでに2日半掛かりました。ふぅ〜、大変。
誰でも出来る様に、蛍光ペンとクレヨン風のアンダーラインをまとめてみました。超簡単です。
プラグインで『AddQuicktag』をインストールします
WordPressダッシュボード(管理画面)のサイドメニューから、
プラグイン⇒新規追加
『AddQuicktag』を検索
今すぐインストール⇒有効化
『AddQuicktag』へ登録設定します
WordPressダッシュボード(管理画面)のサイドメニューから、
設定⇒AddQuicktag
登録するのは、下記の5項目です。※iPhoneのスクショあり。
・ボタン名
・ラベル名
・開始タグ
・終了タグ
・全てのチェックボックスにチェックを入れる
⇒変更を保存ボタンを押す
それでは、実際に『イエロー蛍光ペン』を登録してみましょう
・ボタン名:イエロー蛍光ペン
・ラベル名:yellow_marker
・開始タグ:<span style=”background: linear-gradient(transparent 60%,#f9ff52 0%);”>
・終了タグ:</span>
・全てのチェックボックスにチェックを入れる
⇒最後に『変更を保存』ボタンを押して登録完了です。
続いて『イエローのクレヨン風アンダーライン』の登録です
・ボタン名:イエローのクレヨン風アンダーライン
・ラベル名:yellowcrayon_marker
・開始タグ:<span style=”box-shadow: 0px -6px 5px -3px rgba(240,250,79,0.6) inset,0px 8px 4px -2px #f0fa4f;”>
・終了タグ:</span>
・全てのチェックボックスにチェックを入れる
⇒登録を保存ボタンを押す
登録した2つは、『QuickTags▼』のところに入ってます。既に文字入力した『あかさたな』を選んで『QuickTags▼』から『イエロー蛍光ペン』や『イエローのクレヨン風アンダーライン』を選ぶだけです。
『イエロー蛍光ペン』