ブログをおしゃれに｜蛍光ペンを使った記事の作り方｜5分で完了
数ある中から当ブログを訪問していただきありがとうございます
ブログ記事に蛍光ペンみたいなラインを引きたいなーって思ったことありませんか？
この記事では
ブログをおしゃれにするをテーマに
蛍光ペンみたいなラインの引き方が出来る設定を
分り易く解説していきます
こんな方におすすめ
- アフィリエイト未経験もしくは初心者である
- ブログ記事に蛍光ペン風なラインを引きたい
こんなやつです
自分のブログ記事に取り入れたらオシャレだしより伝えやすい記事になりますよね
簡単なんで是非やってみてください
CSSコード
蛍光ペンの装飾を使うには
デザインコードをCSSファイルに追加します
蛍光マーカーのCSSコード
こんな感じになります
蛍光マーカー（黄）
蛍光マーカー（桃）
蛍光マーカー（青）
蛍光マーカー（緑）
はてなブログCSSコードの追加
マーカーのデザインコードをCSSに追加します
CSSの追加
- 【デザイン】⇒【カスタマイズ】⇒【｛｝デザインCSS】
- コードを追加
- 変更を保存するをクリックして追加完了
蛍光マーカーの使い方
次に使い方です
マーカーを引きたい箇所を『HTML編集』で下記の様にコードで囲みます
＜HTML編集＞
＜結果＞
ラインを引く箇所
オシャレにカスタマイズ
ラインの色を変更する
色の変更は画像の部分を変えることで変更できます
色のコードはこちらから取得できます
ラインの色の濃さを変更する
色の濃さは画像の部分を変えることで変更できます
色の濃さ0％の場合
色の濃さ50％の場合
色の濃さ100％の場合
ラインの太さを変更する
ラインの太さは画像の部分を変えることで変更できます
ラインの太さ20％の場合
ラインの太さ60％の場合
ラインの太さ100％の場合
便利ツール
蛍光マーカーの使い方は分かりました
ですが毎回HTML編集からコードを入力するのが面倒ですよね
太字・斜体・下線にコードをあてることもできますが
SEO的にマイナスとなる行為ですので却下
私は『Clibor』を使うことで
定型文としてコードをいつでも呼び出せるようにしています
100％楽になるわけではありませんが
何もしないより作業効率は格段に上がります
使い方はこちらの記事で分かり易く解説しています
あわせて読みたい記事
まとめ
いかがでしょうか
蛍光マーカーがあると
読者に伝えたい部分をより明確にできますよね
あとは
記事全体オシャレにまとまります
当ブログでは
アフィリエイトで収入を目指したい！
しかし
ブログ運営は未経験で初心者である
そんな方に向けて
ブログ運営の仕方からアフィリエイトの始め方までを
初心者アフィリエイターにおすすめなブログサービス
はてなブログ
を使用して分かり易く解説していく
ブログを目指しています
他の記事も参考にしていただければ幸いです
最後まで読んでいただきありがとうございました
あわせて読みたい記事
