はじめまして!みよしです!
本日は、私の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マーケターを目指す!
4児のシングルマザーです!
私が楽しくwebマーケティングを学んでいるところは
【リモラボ】オンラインスクールです。
私の目標は、在宅ワークで月収50万円以上稼ぐことです。
私はまだ学び始めたばかりですが、
シングルマザーで子供が4人いても、 借金があっても、貯金がなくても
スキル0から在宅ワークで月50万以上稼げるまでの人生逆転劇を
届けていきたいと思っています。
そして、私と同じようにお金に困っているママやシングルマザーで頑張っているママに、
私のやり方を参考にしたいと思ったときのために、しっかりと成長過程を記録に残して、
発信していきます。
よかったら、どん底から這い上がっていく私の成長状況を見に来てください。
私は4人の子供達の為に絶対あきらめません!
最強の母を目指していきます。
詳しい経緯はプロフィール記事にまとめているので、よかったら読んでみてくださいね!