2023.12.30 2025.03.22

【実践レビュー】JIN:Rでブログ運営している感想をお届け

web-kumitatekoubou

記事内に商品プロモーションを含む場合があります

アシスタントさん

ブログを始めようと思ってWordPressテーマのいろんなレビューを見ていて。初めてなんですが、お洒落なサイトを作りたいなと思っていて。

じゅん

だったら、このサイトで使っているJIN:Rのレビューもぜひ参考にしてほしいです！

JIN:Rは比較的新しく2022年に発売されたWordPressテーマです。そのため、使用している人のレビュー記事が少なくて、気になっていても購入に踏み切れない人も多いのではないでしょうか。

そこで、JIN:Rを使って2つのブログを運営をする私が、実際に使用して感じたこと、ブログを作り運営する上での体験を記事にまとめました。この記事を読めば、ブログが初めての人でもおしゃれなデザインで作れること、簡単な操作で自分らしいブログに仕上げられることがわかります。

WordPressテーマ選びに迷っている人や、運用しているリアルな感想を聞いてから決めたい慎重派な人は、ぜひ最後まで読んでいってください。

もし、WordPressテーマを「JIN:R」にしようかと迷っているなら、あなたの決断を後押しする情報になっていると思います。

簡単な操作でおしゃれなサイトが作れる

JIN:R 公式を見る

Contents

JIN:Rを使ってブログを作った感想
- JIN:Rでブログ運営して感じていること
- 便利なオリジナルブロックを厳選
JIN:Rのここがすごい
- ブログのデザイン編
- 記事の執筆編
JIN:Rをおすすめできる人
JIN:Rの導入方法
まとめ：ブログのデザイン面を安心して任せられる

JIN:Rを使ってブログを作った感想

JIN:Rを使っている率直な感想と、役に立っているブロックをご紹介します。

JIN:Rでブログ運営して感じていること

私はこのウェブ組み立て工房の他に、趣味のブログも運営していて、2サイトをJIN:Rで運用しています。

1つ目の趣味ブログは、当初JINで運営をしていました。JIN:Rのデモ一覧などを見てデザイン性と直感的な操作で使えるというところに惹かれて、JINからの乗り換えを決心。JIN:Rを2023年2月に購入しました。

独自のカスタマイズをする知識はなかったので、デザインプリセットを使ってデモデザインをダウンロードしました。ブログ記事などデータは、JINからJIN:Rへの移行プラグインで大きなトラブルなくテーマ変更ができました。

このウェブ組み立て工房は、ゼロからJIN:Rで作るのは初めてのブログです。

JIN:Rはブロックエディターに完全対応していて、初心者でもデザインのカスタマイズや機能の変更が自由にできます。トップページのデザインなどは、表示したいブロックを選んで並べるだけで手軽に見栄え良くブログの完成度を向上できます。記事を執筆するときも、機能の違うブロックを並べていくだけなので、感覚的に操作できて筆が進みます。

余白の設定などの細かな設定やブロックを重ね合わせるなど、JIN:Rオリジナルブロックを熟知するほど、表現の幅が広がることも嬉しいポイントです。

ブロックの色やデザインの変更は設定を切り替えるだけできるので、大抵のことはプログラムコードを書かずに済んでしまいます。

便利なオリジナルブロックを厳選

JIN:Rのオリジナルブロック19種類から、よく使うブロックを厳選しました。

実用的なボックスが多くて、およそ半数を紹介するので厳選とは言わないかもしれませんが、最後までお付き合いください。

トップページやカテゴリーページなどで便利なブロック

JIN:Rのトップページやカテゴリーページは、固定ページを使ってデザインしています。固定ページで便利に使えるブロックをご紹介します。

タブブロック

タブタイトル1

タブタイトル2

タブタイトル3

タブタイトル4

タブ1の内容が表示されます。

ファイルのタブを開くように、選んだタブによって表示されるブロックが切り替わります。タブタイトルに合わせた内容を表示できて、限られたモニター画面を有効に使えます。2024年12月の大型アップデートで追加された待望の新ブロックです。

横スクロールに対応したタブ型と、折り返して並ぶボタン型のデザイン設定があります。

デザイン見出しブロック

サブテキストを入力

見出しテキストを入力

サブテキストを入力

見出しテキストを入力

記事執筆の見出しではなくて、トップページなどの固定ページで装飾用として使えます。オリジナルアイコンなどのシンボルや線で区切りができて、段落でテキストを書くより目立たせられます。もちろん見出しとして、h2やh3のタグを設定もできます。

「中央寄せレイアウト・シンボル装飾あり・上下線ありの設定」と、「左寄せレイアウト・下線ありの設定」です。他にもカスタマイズ項目があります。

リッチメニューブロック

メニュー名を入力

画像を使ってデザイン性高く記事の覧を固定ページなどで表示できます。画像の縦横比やメニューテキストの表示場所が選べて、表示する数はPCとスマホで横並びの数を分けて設定できます。

「PC4カラム、スマホ2カラム・画像5：2・メニュー中央コンパクトの設定」です。他にも選択肢がありいろんな表現方法があります。

記事リストブロック

知っておくべきWordPressでページ内リンクの簡単な作り方

1166 views

JIN:Rのトップページ構造とカスタマイズの豆知識

1113 views

ライブドアブログとWordPressで収入を得やすいのはどっち？後悔しない選択

1080 views

アメブロとWordPressで収入を得やすいのはどっち？後悔しない選び方

1068 views

公開済みの記事を新着、カテゴリー、PV順、ピックアップの4通りの方法で一覧表示できます。表示数や表示するブログカードのデザインを選べます。PV順では、ランキングラベルやView数の表示非表示が切り替えできます。

記事を書くときに使うブロック

比較表ブロック

ラベルを入力

商品名その1

料金

1,000円

ボタンテキスト

ラベルを入力

商品名その2

料金

1,000円

ボタンテキスト

ラベルを入力

商品名その3

料金

1,000円

ボタンテキスト

汎用の表作成ブロックがなくてプラグインに頼ることが、JIN:Rの弱点でした。でも、2023年4月のアップデートで、比較表ブロックが追加され改善されました。

ブログ記事で表を使う場面は、ランキングや違いを示すなど比較に使われる事が多いです。画像やボタンと組み合わせてデザインされた、横スライドに対応の表ブロックが使えるようになり、記事でのPR方法に幅が広がりました。

ボタンブロック

マイクロコピーが入力できます

テキストを入力

マイクロコピー

テキストを入力

ボタンブロックには、URLをリンクできます。ボタンデザインやマイクロコピーの有無・デザイン、矢印アイコン、配置を選べます。アフィリエイトタグ管理を使って、アフィリエイトタグの設置が簡単にできます。

背景ブロック

色や模様、画像を他のブロックの背面に置けるようにして装飾できます。影や枠線、パターン、色が選べます。ボタンと共に使うことが多く、用意されているパターンもストライプやドットなどおしゃれです。

ボックスブロック

タイトルを入力

ここにタイトルを入力

文字や箇条書きなどを囲み枠や線で装飾できます。豊富な20種類のデザインと1種類の引用ボックスを選べ、色の変更やタイトルの追加のカスタマイズできます。

吹き出しブロック

じゅん

プリセット６

アイコンの位置や吹き出しの形・色などが選べ会話形式を表現できます。よく使うアイコン・吹き出しの形を10個登録できて時短になります。プリセットも6個あるので、誰でも気軽に使えます。

タイムラインブロック

タイトルを入力

テキストなど

ラベルを入力

タイトルを入力

テキストなど

ラベルを入力

手順や工程など、順序が大切なことを説明するときに使えます。ラベルはSTEPだけではなく、テキスト入力や非表示、記事のリンクにも対応しています。デザインも2種類あります。

アコーディオンブロック

タイトルを入力: 詳細の説明などを入力

質問の内容を入力: 回答を入力

細く説明やQ&Aなどで見かけるクリックで開閉できる部分です。補足や用語の説明が続いてしまうとき、見た目をスッキリできます。デザインとタイプ、色が選べ、通常とQ&A形式の表示ができます。

リッチメニューと記事リスト以外は、WordPressに標準のカラムブロックを使ってサンプルを2つ横並びで表示しています。

WordPressテーマ「JIN:R」の概要は、こちらの記事でまとめています。

「JIN:R」の魅力紹介【テーマ選びで迷っている人へ】

JIN:Rのここがすごい

引用元:JIN:R公式サイトより抜粋

ブログのデザイン編

JIN:Rの最もすごいところは、美しいデザインのブログが簡単に設定できることです。

JIN:Rでは、デモデザインが23種類も用意されています。オリジナル機能のデザインプリセットで、デモサイトと同じデザインをダウンロードしてそのまま使えます。

デザインプリセットは、WordPressの管理画面からクリック操作するだけです。他のプラグインをインストールするなど、煩わしい手順がなく簡単に行えます。

このサイトはDEMO No.1 Cute をベースにしています。カラー設定を変えることで、印象はデモサイトのイメージから変化させています。

ブロックは、主要なところはデモデザインに含まれているリッチメニューや記事リストの画像比率や表示数などを変更しているだけです。オリジナルで追加したのは、次の4つだけです。

段落（テキスト）
デザイン見出し
記事リスト
プロフィール

特別な知識がなくても、ブロックを追加するだけでカスタマイズしてオリジナルのブログにできます。

今回は追加しなかったですが、

区切り線ブロックを追加して、デザインされた線や点線のパターンで仕切りをする
フルワイドブロックを使って背景に画像を設定して、リッチメニューを置く演出

なども検討しました。

デザイン見出しなどは、表示する範囲をPCとスマホ両方、PCだけ、スマホだけから選べます。また、リッチメニューや記事リストなどはPCとスマホで表示設定をそれぞれ行えます。スマホでブログを読む人も多く、PCとスマホそれぞれに適した内容で表示にできるので、とても助かります。

記事の執筆編

ブロックエディターに完全対応していて、記事もブロックを並べながら書いていく感覚でとてもスムーズです。

ブロックエディターは、「 / + ブロック名」のショートカットで、ブロックを呼び出して書いていくとスムーズに記事を書くことができます。JIN:Rのオリジナルブロックは、それぞれのブロック名がわからなくても、「/ + JIN」で一覧を呼び出し可能です。

デザイン見本帳というオリジナル機能があり、パーツ単位でデザイン済みの見本・デモがあります。

ブロックは色々な組み合わせ方で表現が可能です。ただ、ブロックのことをよく知った上で、デザインセンスも問われます。このデザイン見本帳には、ボタンやチェックボックスなどの多くのカテゴリーがあります。コードをコピーすることで使うことができて、普通のオリジナルブロックと同じようにカスタマイズも可能です。一番使うのはこのボタンです。

ここにテキストを入力

ここにボタンテキスト

背景とボタン、段落のブロックが組み合わさっています。組み合わせ方が分かれば、他にも応用ができますね。