はじめまして！みよしです！
本日は、私のwebサイトにお越しいただき、ありがとうございます。
JINには、記事を装飾し、読みやすくするのに役立つ様々なショートコードが用意されています。
今回紹介するJINショートコード
- 余白
- 付箋
- 画像加工
- 区切り線
JIN（ジン）の、デザイン編集は初心者に優しいため、簡単にデザインできます。
一緒にやっていきましょう！！
JIN（ジン）とは？
「JIN」は、初心者でも簡単に高品質なブログを作れるWordPressテーマです。
JINを使って、あなたも魅力的なブログを作り上げ、ブログを成功させましょう！
JIN（ジン）の魅力について
こちらの記事も読んでみてくださいね！
余白
用途：余白をあけるためのショートコードです。記事を区切ったり、読みやすくしたりすることができます。
| [jin-yohaku10] | 10pxあける |
|---|---|
| [jin-yohaku15] | 15pxあける |
| [jin-yohaku20] | 20pxあける |
| [jin-yohaku25] | 25pxあける |
| [jin-yohaku30] | 30pxあける |
| [jin-yohaku35] | 35pxあける |
| [jin-yohaku40] | 40pxあける |
| [jin-yohaku45] | 45pxあける |
| [jin-yohaku50] | 50pxあける |
「って言われても…よくわかりません。」
「Enter で、余白作った方が楽じゃない？」
HTML上で余白は「 」と表記され、SEO的にNG!!
余白をあけるときは、ショートコードで余白をあけましょう！！
付箋
用途: 重要事項や補足説明などを目立たせるために、付箋風の吹き出しを作成することができます。
シンプルな付箋
吹き出し付箋
吹き出し付箋（角丸）
画像加工
用途: 記事中の画像に枠線、影、丸みを付けるなど、様々な加工を施すことができます。
影だけをつける
角丸デザインにする
枠ありデザインにする
丸枠デザインにする
区切り線
用途: 文章を区切ったり、視覚的に強調したりするために、線を追加することができます。
ノーマル
点線
二重線
色や線の太さを変えることも可能
| color | 線の色 |
|---|---|
| size | 線の太さ |
[jin-sen color="#f7f7f7" size="3px"]デフォルト（標準設定）は、グレーとなっています。
みなさん、カラーコード知っていますか？
カラーコードとは、ウェブページや画像などで色を指定するためのコードです。
ここでは、RGBのカラーコードを16進数で表記した6桁の英数文字
例：赤「#FF0000」
便利ツール
- 原色大辞典（色の名前とカラーコードが一目でわかるWEB色見本）
- カラーコード変換ツール（16進数のカラーコード、RGB値、HSV値の相互変換ができる）
出典：原色大辞典より
まとめ
おつかれさまです！
ブログ記事の文章は、わかりやすさと読みやすさが大切です。
SEO対策においても重要な項目です！！
これらのショートコードを活用することで、より魅力的なブログ記事を作成することができます。
そのわかりやすさと読みやすさをアップしていくには、
デザイン編集で「余白」「付箋」「画像加工」「区切り線」を使ってブログ装飾デザインをしましょう！
その他も気になる方は…
「会話」でブログが楽しく読める！
「吹き出し機能」を紹介しています。
←画像をクリック
さいごに
webマーケターを目指す！
４児のシングルマザーです！
私が楽しくwebマーケティングを学んでいるところは
【リモラボ】オンラインスクールです。
私の目標は、在宅ワークで月収50万円以上稼ぐことです。
私はまだ学び始めたばかりですが、
シングルマザーで子供が４人いても、 借金があっても、貯金がなくても
スキル０から在宅ワークで月50万以上稼げるまでの人生逆転劇を
届けていきたいと思っています。
そして、私と同じようにお金に困っているママやシングルマザーで頑張っているママに、
私のやり方を参考にしたいと思ったときのために、しっかりと成長過程を記録に残して、
発信していきます。
よかったら、どん底から這い上がっていく私の成長状況を見に来てください。
私は４人の子供達の為に絶対あきらめません！
最強の母を目指していきます。
詳しい経緯はプロフィール記事にまとめているので、よかったら読んでみてくださいね！
