装飾デザイン PR

【JIN(ジン)】ブログデザイン:「ボックス」全21種類!「ボックス」活用して読みやすいブログ作りをしよう!

本ページはプロモーションが含まれています

はじめまして!みよしです!
本日は、私のwebサイトにお越しいただき、ありがとうございます。

「重要な情報を目立たせたい!」
「記事のポイントをうまくまとめたい!」

もちろん!できますよ!

ブログ記事の文章は、わかりやすさと読みやすさが大切です。
JINのオリジナルボックスを使って、重要なことを伝えることができます!!

JINの「ボックス」は見やすいデザインでおすすめです!
またボックスのタイトルや色も変更することができるので、
さらにオリジナルのデザインができあがります!!!

わかりやすさと読みやすさをアップしていくために、
JINのデザインツール「ボックス」を活用していきましょう!

本記事では、WordPress(ワードプレス)テーマである「JIN(ジン)」の
デザイン編集の「ボックス」全21種類を紹介したいと思います。

JIN(ジン)のは、デザイン編集は初心者に優しいため、簡単にデザインできます。
一緒にやっていきましょう!!

それでは、わかると楽しいwebマーケティングスタート♪

JIN(ジン)とは?

「JIN」は、初心者でも簡単に高品質なブログを作れるWordPressテーマです。
JINを使って、あなたも魅力的なブログを作り上げ、ブログを成功させましょう!

JIN(ジン)の魅力について
こちらの記事も読んでみてくださいね!
こちらから

 

参考:JIN公式サイト:https://jin-theme.com/ 

「ボックス」の効果

JINのオリジナルボックスは、記事内にボックスを簡単に挿入できる機能です。
記事のポイントや重要な情報をわかりやすく伝えたりするのに役立ちます。

  • 記事を視覚的に訴求し、読みやすくする
  • 重要ポイントを強調し、読者の注目を集める
  • デザインにアクセントを加え、記事の個性を演出する

JINのオリジナルボックス一覧

スタイル > 各ボックス に表示されている順に紹介します。

太枠ボックス

  1. ポイント
  2. ポイント
  3. ポイント

太点線ボックス

  1. ポイント
  2. ポイント
  3. ポイント

二重線ボックス

  1. ポイント
  2. ポイント
  3. ポイント

細枠背景色ボックス

  • ポイント
  • ポイント
  • ポイント

細点線背景色ボックス

  1. ポイント
  2. ポイント
  3. ポイント

背景色ボックス

  • ポイント
  • ポイント
  • ポイント

太枠背景色ボックス

  1. ポイント
  2. ポイント
  3. ポイント

左線ボックス

  • ポイント
  • ポイント
  • ポイント

端折れボックス

  1. ポイント
  2. ポイント
  3. ポイント

注意点ボックス

  • ポイント
  • ポイント
  • ポイント

良い例ボックス

  1. ポイント
  2. ポイント
  3. ポイント

悪い例ボックス

  • ポイント
  • ポイント
  • ポイント

参考ボックス

  1. ポイント
  2. ポイント
  3. ポイント

メモボックス

  • ポイント
  • ポイント
  • ポイント

ポイントボックス

  1. ポイント
  2. ポイント
  3. ポイント

「ショートコード」→「ボックス」から選択

ボックス16(要約リスト)

ボックス16


[box01 title="ここにタイトルを入力"]ここに本文を入力

・タイトル変更可能: title=”ここにタイトルを入力
・本文:「ここに本文を入力」に入力
・タイトル参考:要約リスト

ボックス17(要約リスト)

ボックス17


[box02 title="ここにタイトルを入力"]ここに本文を入力

・タイトル変更可能: title=”ここにタイトルを入力
・本文:「ここに本文を入力」に入力
・タイトル参考:要約リスト

ボックス18(要約リスト)

ボックス18


[box03 title="ここにタイトルを入力"]ここに本文を入力

・タイトル変更可能: title=”ここにタイトルを入力
・本文:「ここに本文を入力」に入力
・タイトル参考:要約リスト

ボックス19(要点まとめ)

ボックス19


[box04 title="ここにタイトルを入力"]ここに本文を入力

・タイトル変更可能: title=”ここにタイトルを入力
・本文:「ここに本文を入力」に入力
・タイトル参考:要点まとめ

ボックス20(要点まとめ)

ボックス20


[box05 title="ここにタイトルを入力"]ここに本文を入力

・タイトル変更可能: title=”ここにタイトルを入力
・本文:「ここに本文を入力」に入力
・タイトル参考:要点まとめ

ボックス21(あわせて読みたい)

「アイコンボックス」の使い方

◆ビジュアルエディター
※ボックスは2箇所にあります。

①「スタイル」
「1~15.〇〇〇ボックス」→「利用したいボックス」を選択

②「ショートコード」
→「ボックス」→「ボックス16~21」→「利用したいボックス」を選択

まとめ

おつかれさまです!

ブログ記事の文章は、わかりやすさと読みやすさが大切です。
SEO対策においても重要な項目です!!

そのわかりやすさと読みやすさをアップしていくには、
デザイン編集で「アイコンボックス」を使ってブログ装飾デザインをしましょう!

その他も気になる方は…

「会話」でブログが楽しく読める!
「吹き出し機能」を紹介しています。
←画像をクリック

さいごに

webマーケターを目指す!
4児のシングルマザーです!

私が楽しくwebマーケティングを学んでいるところは
リモラボ】オンラインスクールです。

私の目標は、在宅ワークで月収50万円以上稼ぐことです。

私はまだ学び始めたばかりですが、
シングルマザーで子供が4人いても、 借金があっても、貯金がなくても
スキル0から在宅ワークで月50万以上稼げるまでの人生逆転劇を
届けていきたいと思っています。

そして、私と同じようにお金に困っているママやシングルマザーで頑張っているママに、
私のやり方を参考にしたいと思ったときのために、しっかりと成長過程を記録に残して、
発信していきます。

よかったら、どん底から這い上がっていく私の成長状況を見に来てください。
私は4人の子供達の為に絶対あきらめません!
最強の母を目指していきます。

詳しい経緯はプロフィール記事にまとめているので、よかったら読んでみてくださいね!

最後まで読んでいただきありがとうございました

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です