蛍光ペンで動くラインを!プラグインでマーカー簡単設定 – ざったなぶろぐ
超特価クーポンを毎日アップロード!!ギアベストクーポン
あさりの消費量日本一は実は静岡県!?

病気や年収、消費、人口動向等いろいろな情報をグラフで表示して分析します!まずはご自身がお住いの都道府県をチェック!

くりっく

蛍光ペンで動くラインを!プラグインでマーカー簡単設定

この記事は約 3 分で読めます。

動くラインマーカー

前説

ブログで記事を紹介するときに、特にみて欲しい場所は下色を付けて目立つようにすると思います。

例えばこんな感じですね!!

ただ、大学生のノートのように

こんな感じで線を引っ張るとちょっとおしゃれに見えませんか?

本日はプラグインを使ってこんなおしゃれなラインを引く方法を紹介します!!

まずはプラグインのインストールを!!

プラグインを使うことによってこのライン下地は簡単に設定することができます。

プラグインの名前は

どはで装飾らいと

です!

プラグインはこちらからダウンロードできます

文字装飾 プラグイン【どはで装飾らいと】
CSSが苦手な人でも簡単に文字をど派手に装飾します!安心の国産プラグイン【どはで装飾らいと】です!!ショートコードを登録しておけば簡単に文字列をど派手に装飾してついクリックしたくなるようなリンクなり蛍光ペン風のアンダーラインを作る事が可能です。!

導入方法なども記載していますので詳細は確認してください!

導入が終わったら個別設定を行います。

左側のメニューから

を選んで、カラーの設定をしていきます。

 

下地色を引くオプションは id5番ですので5番を選択した状態で色を設定します!

淡い感じのを設定するとおしゃれな感じになります。

逆に濃ゆい色を選択すると、どぎつく目立つような感じにすることができます!

あと、好みの太さを色1~色5で選びます。

今回は淡い感じで真ん中ぐらいまでの太さの色を設定してみましょう!!

設定を以下のように color5だけ入れて、残りは空白で設定し、

色は【#a0d67a】を選択しています。

送信ボタンを押して以下のようになれば成功です。

 

設定してみる

それでは以下の通り書いてみてください。

[do@ class=c5 word=大学生のノートのようにおしゃれな感じになっているかな?]

↑@の部分を h に変換してください。

すると・・・

こんな感じになります!!

+++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++

※古いブラウザやie,edgeの人は表示されない場合がありますので画像版も

動く蛍光ペン

ちゃんと引けましたか?

そして、ここまで言っていませんでしたが、このライン

びっくりですねー

蛍光ペン風の装飾をするプラグインやCSSの紹介は結構ありますけど動く蛍光ペンの設定ができるのはこの

どはで装飾らいと

ぐらいだと思います!!※たぶん

記事を目立たせたい人はぜひ試してください!!

※ダウンロードはこちらから

(´◉◞౪◟◉)

 

 

 

 

関連記事(一部広告含む)
スポンサーリンク
WPプラグイン
kazuyoumeをフォローする
ざったなぶろぐ