JINの使い方

ワードプレスJINで記事の見出しやマーカーの色などを設定する方法

見出し
こんちゃす!
記事の設定は、ブログの雰囲気作りや精読率にも繋がると思う有川 です。

わかる~!

記事がかわいい色合いだったり、デザインだったりすると「いいな」って思うし、読みたいって思う!

ネットには同じような情報が転がってるんだから、せっかくならセンスや感覚が合いそうな人から情報を得たいよね。

というわけで、今回は!

JINをカスタマイズ!

記事の見出しマーカーを変更する方法

を伝授するよ!

細かい見出しなどの設定の前に、ブログデザインの根幹である「配色」は決めた?
まだだったら、↓この記事↓を読んでテーマカラーを決めてね!

配色
ブログのデザインを考えるときに絶対押さえておきたい配色の基本ルールブログのデザインはまず配色から!配色の基本ルールを押さえればアイキャッチにも応用できます。70:25:5のベースを守ればOK!...

ブログの色を決めてからのほうが、それにあったマーカーの色を考えたり、見出しの形を選んだりできます。

まだの場合はぜひ、決めてくださいね。

では参りましょう!

 

1.JINの見出しをカスタマイズ設定する

ワードプレスにログインします。

  1. 外観
  2. カスタマイズ
  3. 見出しのデザイン設定

これで設定ができます。

midasi0

外観設定の画面で、記事を表示させておいて…

ラジオボタンで番号をかえると、

記事のほうでも反映されるのでお好きなものを選びましょう。

↓GIFアニメになってます

midasigif

選び終えたら最後に、一番上にある「公開」ボタンを押すのを忘れずに!

 

2.コピペCSSでさらに見出しを可愛くする

JIN公式サイトで紹介されている↓下記ブログで見出しをさらに変更することが可能!

3.JINのマーカーの色設定

ワードプレスにログインします。

  1. 外観
  2. カスタマイズ
  3. 記事のデザイン設定

これで設定ができます。

2色設定できるので、ブログの配色に合わせて選びましょう。

えー、どうしよう。何色がいいかな?

基本的には淡い色のほうがいいかな。あまり濃いと文字色と被ったとき見えにくくなるよ。

太さの3種類は、JIN公式サイトから紹介します。

見出し5『JIN公式サイト』より

2-1.JINのマーカーを記事で使ってみる

ところでこのマーカーってどうやって使うの?

じゃあ、実際記事で使うときのやり方も紹介しておくね。

マーカーの使い方

  1. 文章を書く
  2. テキスト画面で、マーカーを引きたい部分を選択
  3. 「マーカー」のボタンを押す

①文章を書く

マーカー5

②テキスト画面で、マーカーを引きたい部分を選択

マーカー7

マーカーを引く時は、特別な設定をしない限り、「テキスト画面」を使います。

③「マーカー」のボタンを押す

マーカー8

選択した部分に<span class=”maker”>もしくは、<span class=”maker2″>と入ればOKです。

④完成!

マーカー9

4.JINはカスタマイズしてこそかわいくなる!(まとめ)

以上!

JINで見出し・マーカーの色を設定する方法

でした!

JINは外観カスタマイズが簡単にできて、デザインも豊富なのが特徴的です。
お好きなものを選んで自分らしいブログにしてみてくださいね。

ではここまでお読みくださりありがとうございました!

次の記事で会おうね★

 

↓私がブログ開始1年目、収益ゼロだったときの話(*’ω’*)↓

CTAマンガ

 

COMMENT

メールアドレスが公開されることはありません。

CAPTCHA