WEB 脱・初心者⑤ 5-2｜商品レビュー記事の作り方（初心者向け）成約より先に“信頼”を作る型
toshi
ToshiLab
【超初心者向け】今日から始めるWEBの基本③-③ | JIN:R のブロックをもう少し使って記事を作ってみよう
toshi
記事内に商品プロモーションを含む場合があります
目次
JIN:R編
ブロックを使って記事を作ってみよう
【完全初心者向け】（③-③ 記事作成編）
JIN:Rブロックを使って記事を作る方法
ブログ初心者が最初に迷うのは…
- どんなブロックをどう使えばいいのか
- どの順番で文章を組み立てればいいのか
- 装飾を入れると不自然になってしまう…
という“記事の構成”そのもの。
この記事では、
実際に JIN:R のブロック（/アコーディオン、/比較表、/タブ など）をそのまま使いながら記事の作り方を再現します。
そのまま真似すれば「読まれる記事」が完成します。
無料登録でおこづかい…(Android版)
無料登録でおこづかいを貯めよう!(iOS版)
JIN:R のブロック
アコーディオン使用例
- ▼【先に結論】JIN:R記事の書き方はこの3つだけ覚えればOK
-
- 記事の流れ（構成）を 見出しで作る
- 情報の強弱を ボックス・吹き出し でつける
- 比較・補足は 比較表・タブ・アコーディオン を使う
Q
🔰 ステップ 1導入パート（読者の悩み → 共感）
導入パート（読者の悩み → 共感）
まずは、読者の心に寄り添う一言から。
「ブログを書きたいけれど、どんなブロックを使えば読みやすくなるのか分からなくて…」
―――等を作成 記事をどんな人に読んでほしいかを意識するのも大切です。
「自分のことだ！」と思ってもらえれば、読者は続きを読みたくなります。
🔧 ステップ 2見出しで“記事の骨組み”を作る
見出しで“記事の骨組み”を作る
見出しは 記事の設計図。
見出し構成の基本
- H2：章タイトル（大テーマ）
- H3：説明パート（小テーマ）
- H4：補足や詳細（必要なときだけ）
ここまでは、前の復習みたい😊
何となく分かるよー
この他にも、構成を強化するのに便利なブロックもあるんだ！
今回は次のステップで２つだっけ？３つだったかな？？
とにかく紹介するね！！
構成を強化❓️❓️❓️
なにがあるのかなぁー
そう言えば、今のところHTMLもCSSも使ってないよぉ…
他の人に聞いた時と違うけど。。まめくんを信じても大丈夫かなあ..💦
🎨 ステップ 3
比較表やテーブル と タブ を使うと“情報が整理される記事”になるここが今回のメイン。
🟦① /比較表 /テーブル を使って迷いを消す
比較表は初心者でも使いやすい“超便利ブロック”。
▼「JIN:Rの基本ブロック」と「WordPress標準ブロック」の比較
※あくまでも実際に使っている個人の感想なので異論は認めます。
| 項目 | JIN:Rブロック | WordPress標準ブロック |
|---|---|---|
| 装飾の手軽さ | ◎ ワンクリック | △ カスタム必要 |
| デザイン | ◎ 統一感あり | △ ばらつきが出る |
| 初心者向け操作 | ◎ とても簡単 | ○ 慣れが必要 |
| 情報整理 | ◎ 比較表・タブが強力 | ○ 基本機能のみ |
🟩② /タブブロック を使うと情報の圧縮ができるタブは
「情報が多いとき」に便利です。
▼ タブ切り替えで見せる情報例
初心者向けの説明
中級者向けの補足
実践テクニック
イメージ画像
ここに図解画面を表示
補足
設定の違いや、選ぶ基準などを少し深く説明します。
テスト記事
【超初心者向け】今日から始めるWEBの基本③-① | WordPressテーマの選び方と使い方 テーマ「JIN:R」
最後には画像や具体例とか操作動画のリンクとか
入れても良さそう！！
これだけで「伝えたい別や長い説明も読みやすく」なります。
🌱 ステップ 4アコーディオンで“初心者向け補足”をまとめる
アコーディオンで“初心者向け補足”をまとめる
初心者が抱えやすい質問を
細かく本文に書くと長くなるので、アコーディオンへ。
- ▼ なぜ補足を折りたたむのか？
-
- 文章がスッキリする
- 初心者だけ必要な情報を開ける
- 読者のレベルに合わせて進められる
Q
✏️ ステップ 5
記事の最後は “行動を促す” まとめにする
どれだけ良い記事を書いても、読者に次の行動を促さないともったいない。
今日のポイントまとめ
- /見出し や /デザイン見出し で記事の流れを作る
- /ボックス と /吹き出し で読みやすく
- /比較表 で迷いを減らす
- /タブ で情報を整理する
- /アコーディオン で補足をしまう
ポイ活ならワラウ
無料登録でお小遣いを..！(自宅PC版)
(コピペ用)
今回使用したブロック一覧
- /デザイン見出し
- /吹き出し
- /ボックス (タイトル付・タイトルなし)
- /アイコンボックス （強調・注意・タイトル付等）
- /アコーディオン
- /比較表
- /タブ
- /チェックリスト
- /カードリンク
さらに詳しい書き方や使い方については公式ページで解説がなされていて安心です。
購入者には会員専用パスワードで限定コミュニティ「BLOG CAMP」に参加できます。
ご興味がある方はデモ一覧はこちらから。マニュアルはこちらから閲覧できます。
下記リンクよりお買い求めできます
おすすめ商品
Recommend
WordPress Theme 「JIN:R」
JIN:Rは直感的にwebサイトを構築できるデザインテーマです。WordPressブロックエディターの『特有の取っ付きにくさ』を解消して「最高に使いやすいデザインツール」へと昇華させました。
ABOUT ME
C型肝炎や感染症の闘病を経て現在通院中
フリーランスとして今日を生きる、それがすべて。
静かな光の中で、歩みを止めずに生きていく。
実験大好きなので色々とやっていきます。
フリーランスとして今日を生きる、それがすべて。
静かな光の中で、歩みを止めずに生きていく。
実験大好きなので色々とやっていきます。
