「美デザイン」と「高速」を両立！表示の速いサイトで、回遊率を高めて、SEOに有利に立ち回ろう
croover-site
JIN:R DEMO #8
WordPressテーマ「JIN:R」の特徴｜3年の長期開発にかけた想い
croover-site
この記事では、WordPressテーマ「JIN:R」がどういったテーマなのか、詳しく詳しーく解説をさせて頂こうと思います。
もともとJINは本当に多くのユーザーさんに選んでいただき、
「ブログが楽しくなりました😆」
「ジンがあったから稼げました🙌」
といった嬉しい報告もたくさんいただきました。
そんなJINを「さらに直感的に使いやすいツールに進化させたい」という思いがあり、今回の開発に踏み切ったわけです。
これまでJINのブランドが大切にしてきたのは
『読む人にとっても、書く人にとっても、わかりやすく使いやすいテーマ』です。
それのコンセプトはそのままに、WordPressの新エディター（Gutenberg）に特化して、時代にあわせて１から開発し直しました。
なので、JINとJIN:Rは同ブランドですが、内容としては全くの別物のテーマです。
本当に妥協なく作ってしまったので、開発には３年という期間がかかりました。
しかし、それだけやったからこそ、制作者が自信を持って「最高のWordPressテーマです」と言えるものに仕上がりました。
開発者だからできる裏話もたくさん交えつつ、どういったテーマなのか説明をさせていただきましょう。
著者プロフィール
ひつじ hituji_1234
自由な生活に憧れて「パソコン１台で食っていく」と決意して、24歳で会社を辞める。現在は法人化し、会社経営者となる
実績 Achievement
- 2016年からブログアフィリエイト開始
- 開始1年で月100万円のブログ収入を達成
- WordPressテーマ「JIN」「JIN:R」開発
- 目次プラグイン「RTOC」開発
- Twitterでのフォロワー数、7万人以上
JIN:Rの特徴！ブログで稼ぐを全力で後押し
JINのチームとして目標としたのは普通のWordPressテーマではありませんでした。
『せっかく作るなら、WEBデザイン業界の根幹を揺るがすような、そんな革命児のようなサービスを作りたい。』
といった気持ちで作り上げてきた作品です。
JIN:Rが目指したもの
- 業界最高クラスに美しいデザイン
- 完全初心者でも一瞬で、ページが作れる
- しかも、裏側の操作画面も整っている
- しかも、SEOに強く、速度も高速
- しかも、稼ぐための「環境」も揃っている
そんな自分たちが欲しかったテーマを、妥協なく作り上げました。
1
JIN:Rの特徴
誰でも美しいブログが、一瞬で作れる！
JIN:Rが目指したのは「誰でも、美しい本格的なブログが、一瞬で作れる」です！
JIN:RはDEMOページを豊富に取り揃えていて、これらすべての配色・デザインがそのまま流用できるのが特徴（※ 画像だけは用意してもらう必要あり）
JIN:Rの「デザインプリセット」を使うと、DEMOを１発で反映できる
JIN:Rの「デザインプリセット」を使えば、このように一瞬で美しいデザインを反映することができます！（現状、こんなに一瞬でデザインが効くWordPressテーマは他にありません。）
だから、デザインはプロに任せて、
ブログ作りにかかる時間を大幅短縮することが可能。
配色・デザインはJIN:R側ですべてお任せでやっちゃうからね。
ブログで1番大事な「執筆」の部分に、しっかり時間をかけられるよ！
2
JIN:Rの特徴
内側も、考え抜かれたデザイン
JIN:Rが大切にしているのは、内側のデザインも磨き上げることです。
JIN:Rは「1クリックでDEMOが使えるから、デザイン変更なしでも使えるテーマ」です。
でも「自分流にデザインを楽しみたい！」という人のために、デザインチェンジが直感的にできるような操作画面を設計しています。
説明書を読まなくても、触っていけばなんとなく使い方がわかる。
直感的なデザイン変更ができるよう追求して、テーマ内に作り上げました。（といっても、デザイン変更しなくても使っていけるのですが。）
3
JIN:Rの特徴
執筆「エディター」の完成度
JIN:Rで見てもらいたいのは執筆画面（エディター）の完成度です。
「実際の画面」と「執筆画面」は、できるだけ見た目を近づけて
ストレスのない直感的な書き味が出せるよう仕上げました。
たまに表示画面を編集しそうになります・・・w
そして、JIN:Rではさまざまな「執筆アイテム」を取り揃えています
執筆ツールの代表例
- ボックス
- ボタン
- マーカー
- 吹き出し
- ブログカード
- タイムライン
- デザイン見出し
- アコーディオン
- アイコンボックス
などなど、、すべてのアイテムの「使いやすさ」にこだわって仕上げています。
WordPressの新エディター（Gutenberg）って、海外ツールらしい「難しくて使いにくい」の印象が強いです。いまだに旧エディターを使っている人も多いと思います。
そんな印象を「めちゃくちゃ書きやすい」と思えるように、JINブランドらしく「使いやすさ」にとことんこだわっった仕上げとなっています。
4
JIN:Rの特徴
ブログの「売上UP」を後押しする機能
JIN:Rは「ブログで稼ぐ！」を後押しできるよう、必要な機能を結集して作り上げています。
僕はこれまでSEOやSNSを活用して、個人ブログで月100万円超の収益を出してきました！
そうやって培ってきたブログノウハウを、JIN:Rにも反映しています！
売上UPを後押しする機能
- クリック率をUPするCVボタン
- 出現アニメーションに対応
- マイクロコピー表示に対応
- アフィリエイトタグ管理と連携
- 矢印アイコン を一括表示もOK
- 広告管理
- 広告を指定場所に一括表示
- カテゴリ毎に広告を出しわけOK
- 有料記事を販売できる
- 有料noteのような感覚で販売可能
- 手数料3.6%（業界最安クラス）
- JIN側への手数料なし
- SEOの最適化
- 内部SEO対策済
- 構造化データの自動出力
- 指定ページの一括noidex化
- 指定ページのCanonical正規化
- スマホへの最適化
- スマホ専用の追尾CVボタン
- スマホ専用のヘッダーナビ
JIN:Rは「１PVの売上を増やす」を重視して、「クリック率の高いボタン」「カテゴリごとの広告チェンジ」「有料記事の販売機能」などを実装。
特に「有料記事」に関しては、現状でWordPressテーマレベルで対応しているものは国内にはなく、完全にJIN:Rオリジナル機能となっています。
また、SEOもしっかり意識してHTMLマークアップを作成。その上で、プラグインなしでも一括noindex付与や正規URL指定など、細かな調整機能を取り揃えて搭載しています。
5
JIN:Rの特徴
「美しいデザイン」と「高速」を両立
JIN:Rは「高速に表示されること」にも、かなり重きをおいて作りました。
表示が速いことは離脱防止＆回遊率UPにもつながる重要な指標。SEOで有利に立てることはもちろん、最終的な売上UPにもダイレクトに関わってきます！
表示が速いことのメリット
- ブログの離脱率が減少する
- ブログの回遊率が増える
- SEOで有利になりやすい
- 結果的に、売上UPにもつながる
だからこそ、JIN:Rは「高速に表示される」を追求して作っているよ！
JIN:Rは、特別に「高速化設定」を盛り込んでいる訳でもなく「普通に使っていれば高速に表示される」ようにテーマを作っています。
最近はレンタルサーバー側の高速化機能が超充実しているので、あえてJIN:R側にはキャッシュ機能などを持たせていません。（下手に使うと大きな不具合のもとになるため）
JIN:Rで高速化努力を行なっているのは
- 高速読み込みができるHTML/CSS構造にする
- 画像サイズを端末ごとに自動最適化
- 重いデザイン表現を使わず、できるだけ自前のJSで書く
- アイコンは外部から読み込まず、すべてJIN側で用意する
といった、かなり地味な努力の積み重ね。基礎が固まっているから、誰が使っても高速な表示を実現できるWordPressテーマとなっています。
6
JIN:Rの特徴
本気で稼ぐための「ブログコミュニティ」を用意
JIN:Rは「本気でブログで稼ぐ人のためのWordPressテーマ」なので、
限定参加の「ブログコミュニティ」を用意し、収益化を環境でも後押ししています！
コミュニティは「Slack」というアプリ内で行います。
ブログコミュニティについて
- コミュニティの参加券
- 完全無料で参加できる権利
- 2800人が参加済！
- 業界最大規模のブログコミュニティ
- できること
- ブログ仲間を作れる
- 困った時に仲間に相談できる
- 定期イベントのブログ講座を視聴できる
- イベント「ブログ講座」の内容
- ブログの相談者を募る
- ひつじが「ブログ診断」を実施
- 1人あたり20分以上かけてアドバイス
ブログコミュニティは、通常なら2,000〜6,000円の月謝がかかるのが相場です。
それが、JIN:Rなら永久無料。
上級者からアドバイスを受けられる環境が手に入ります。（これが月額無料なの、我ながら頭がおかしい）
コミュニティ内の「ブログ診断」は、僕が開催＆アドバイスしているよ！
（過去100人以上実施済み）
自分で言うのもなんだけど、これだけでも相当価値があると思うよ 笑
はっきり言って「ブログで稼ぐための環境が、ここまで丁寧に整っているWordPressテーマは他にない」と思います。断言できます。
7
JIN:Rの特徴
迷わない「マニュアル」と、相談できる「フォーラム」
有料テーマを選んでくれているからこそ、『ブログのスタートでつまずくことがないように』、進み方をマニュアル・フォーラムでバックアップします！
すべて僕が記事＆動画を作っています！
これからWordPressを始める初心者の方でも、サイト作成で迷うことがないようにサポートさせてもらいますね。
ただ、マニュアルを見ていても「わからない」ということも多くあると思います。
しかし、そんなもし困ったことが起きた場合でも、JIN:Rユーザーなら「フォーラム」で気軽に相談することができます！
もしWordPressを使っていて困ることがあっても、JIN:Rならサポート環境があるので、ひとりで解決に悩む必要はありません。もちろん、サポート費用は無料。
テーマの完成度はもちろん、「ブログで稼ぐ環境」をしっかりJIN:Rは用意しています。
直感的なデザインを、今すぐ
DOWNLOAD
JIN:Rの仕様｜搭載している「機能」のまとめ
では、JIN:Rの機能をザッと列挙すると、こういった感じになります。
こうやって文字で並べても多いです。
それでも各ブロックの詳細は解説できていないので、、もうとんでもない量の機能が入っています。
| 機能一覧 | |
| 執筆アイテム | １：JIN:Rオリジナルブロック - ボックス - ボタン - マーカー - タイムライン - アコーディオン - ブログカード - デザイン見出し - 背景 - 記事リスト - リッチメニュー - フルワイド - カテゴリー区別 - コードエディター - アイコンボックス - 有料コンテンツ（有料記事） ２：記事ページの表示設定 - アイキャッチ非表示 - 広告非表示 - SNSボタン非表示 - 関連記事非表示 - プロフィール非表示 ３：記事毎のSEO設定 - title設定 - description設定 - keyword設定 - ハッシュタグ設定 - canonicalのURL設定 - noindex設定 ４：付属機能 - 文字サイズの個別調整 - 表示切り替え（ スマホでは非表示..など） - 各ブロックへのCSS追加 - 各ブロックの上下余白追加 |
| デザイン設定 | １：デザインインポート機能 ２：サイトデザイン設定 - 全体 - 1カラム or 2カラムの切替 - ページフレームの切替 - フラット or マテリアルの切替 - アイテム丸みの一括調整 - 日本語フォント選択（7種） - 英語フォント選択（14種） - ヘッダー - デザインパターン（2種） - ヘッダー追尾 - ヘッダー背景装飾（4種） - ヘッダーの一部非表示機能 - ロゴ画像の設定 - グローバルメニュー（2種） - 記事 - デザインパターン２種 - 記事幅の調整（680 or 740） - 文字サイズの調整 - SNSシェアボタンのデザイン - アイキャッチ等の表示設定 ３：カラー設定 ４：メインビジュアル設定 - 記事スライドショー - 画像スライドショー - ヘッダー画像 - ヘッダー動画 ５：見出しの一括管理 - H２のデザイン（10種） - H３のデザイン（8種） - H４のデザイン（7種） ６：ボックスの一括管理 - 全20種のそれぞれの色管理 - アイコンボックスの色&アイコン選択 ７：ボタンの一括管理 - デザイン選択（３タイプ） - 色選択（単色 or グラデ） - 文字サイズ/ 丸み / 大きさ調整 - 影のON/OFFとサイズ調整 - hoverアクション登録 - 表示アニメーション登録 ８：吹き出しの一括管理 - キャラクター登録 - 吹き出しデザイン（３タイプ） - 吹き出しの色登録 - レイアウトの登録（左 / 右） ９：アニメーション一括設定 - 全体アニメーションの設定 - デザイン見出しの出現アニメーション - カラムの出現アニメーション １０：著者プロフィール登録 １１：SNSアカウント登録 １２：インフォメーション設定 - インフォバー（通常デザイン） - インフォバー（ボタン付デザイン） １３：スマホ専用機能 - スマホメニューの作成 - スマホコンバージョンボタンの作成 |
| JIN:R設定 | １：SEO管理 - noidex設定 - トップページ２ページ目以降 - カテゴリーの一覧ページ - タグの一覧ページ - タグの２ページ目以降 - カテゴリーの２ページ目以降 - アーカイブ/検索/画像ページ - パンくずリスト - 「HOME」の文字置き換え - 表示 or 非表示 - みかけ上のサイトタイトル設定 - タイトル区切り線「｜」の変更 ２：広告管理（新） - 全体一括設定 - はじめのH2前 - 記事おわり - 関連記事上 - Multiplex広告 - カテゴリごとの個別設定（4つまで） ３：計測タグ設定 - Googleアドセンス - Googleアナリティクス - Search Console - head内 - bodyタグ開始直後 - bodyタグ終了直前 ４：アフィリエイトタグ管理 - よく使うアフィコードを30個まで登録 - 「ボタン」に反映できる |
| その他の機能 | １：有料記事の販売機能 ２：YouTube連携アイキャッチ ３：オリジナルアイコン400種類 ４：カテゴリーの作り込み機能 ５：公式カスタムパターンの呼び出し機能 ６：共著（プロフィール出しわけ）に対応 |
以上、ブログで必要な機能は網羅的に取り揃えました！
ここでは、代表的なブログアイテムの紹介をさせていただきますね。
1
ブロック紹介
ボックスデザイン（合計20種類）
- ボックス
- 内容を書きます
- 色は自由に変更可能
- ボックス
- 内容を書きます
- 色は自由に変更可能
- ボックス
- 内容を書きます
- 色は自由に変更可能
- ボックス
- 内容を書きます
- 色は自由に変更可能
- ボックス
- 内容を書きます
- 色は自由に変更可能
ここにタイトルを入力
- ボックス
- 内容を書きます
- 色は自由に変更可能
ここにタイトルを入力
- ボックス
- 内容を書きます
- 色は自由に変更可能
ここにタイトルを入力
- ボックス
- 内容を書きます
- 色は自由に変更可能
ここにタイトルを入力
- ボックス
- 内容を書きます
- 色は自由に変更可能
ここにタイトルを入力
- ボックス
- 内容を書きます
- 色は自由に変更可能
ここにタイトルを入力
- ボックス
- 内容を書きます
- 色は自由に変更可能
ここにタイトルを入力
- ボックス
- 内容を書きます
- 色は自由に変更可能
まだまだあります…！「ボックス色」は自由に変更することが可能です。
2
ブロック紹介
アイコンボックス（全400種から選べる）
「アイコン」と「ボックスの色」は自由に変更可能です！
3
ブロック紹介
ボタン （マイクロコピー対応！）
ボタンデザインは「塗り」「アウトライン」「アロー」から選べます！
4
ブロック紹介
吹き出し（キャラクター会話）
キャラクターの会話文を作れます！
いろんな表情の口コミキャラを標準で用意
色や形も自由に変更できます！
パターン豊富！いろんなデザインに変更できるよ！
5
ブロック紹介
タイムライン （ステップ表示）
ステップ式の情報は「タイムライン」を使えば整理しやすいです！
JIN:Rを「ダウンロード」
JIN:R公式サイトのダウンロードページで、テーマを購入します。自動返信メールが届きますので、その案内に従って「jinr.zip」というファイルを入手しましょう。
JIN:Rを有効化
WordPressにログインして、「外観」>「テーマ」より「jinr.zip」を追加してインストールのボタンを押しましょう。
6
ブロック紹介
アコーディオン（Q＆A）
ブログ記事で使いやすい「Q＆A」も簡単に作れます
- 初心者でも使いこなせますか？
-
はい。初心者でも使いやすいように、操作性をシンプルにしています。
Q
- サポートはありますか？
-
無料サポートが付帯されています。ご安心くださいませ。
Q
7
ブロック紹介
有料コンテンツ（記事販売）
少し上級者機能ですが、JIN:Rは「有料記事」の販売機能にも対応しています！
- 読者が購入すると「記事の続き」が表示される仕組み
- 販売手数料：3.6％
- Stripeの決済機能を使っています。
- JIN運営（株式会社CROOVER）は、一切の手数料をいただきません。
- １記事購入で、全記事解放も可能！
この機能を応用すると、ちょっとした会員専用コンテンツを作ることができます。記事販売だけでなく「動画講座」などに応用して使うことも可能。
初心者向けの機能から、上級者機能まで、しっかり揃えました！
JIN:Rを使いこなしてブログ収益化をしっかり進めてもらえると幸いです。
JIN:Rの販売価格＆ダウンロード
JIN:Rの販売価格は、19,800円（税込）となっています。
1
JIN:Rについて
販売価格は19,800円は高い？
たぶん、「え、高くね？」と感じるかもしれませんが、正直言って「これでも安い」と言える価格設定だと思っています。
JIN:Rのサービスをまとめると
- 業界トップクラスのデザイン性
- 高機能＆SEOに強い設計
- 無料アップデート実施
- コミュニティの「学びの場」がある
- フォーラムの「サポート」もある
そんなツールが、サブスクなし・買い切り19,800円なのは、、
「本当にいいのかな？」と個人的には思いました。
これだけの「デザイン性のあるページ」が作れるWordPressテーマであることに加えて、「ブログで本気で稼ぐ環境」の特典があります。
JIN:Rは「ただのWordPressテーマ」じゃなくて、「ブログで稼ぐためのツール」として、19,800円以上の価値のあるものに仕上げました。
2
JIN:Rについて
複数ブログで利用可能！家族間共有もOK
JIN:Rは「1ライセンスあれば複数サイトで利用できる」ようになっています！
ご自身の所有するサイト内であれば、ブログだけでなく、ポートフォリオやホームページ作りなども楽しんでいけるようになっています。
また、同居する家族内であればJIN:RをシェアOKです！
1ライセンスあれば、夫婦でそれぞれブログを作ったり、子供と一緒にWebサイト作りにチャレンジしたりしてもらうことができます。
3
JIN:Rについて
さいごに
開発者としてはもちろん、１人の個人として、自信をもって「本当にいいサービスです」と言えるものに仕上げました。
ここまで「テーマ」も「環境」も整っているものは、普通あり得ないです。
ぜひ手に取って、JIN:Rでブログ収益化を加速させていってください。
直感的なデザインを、今すぐ
DOWNLOAD
ABOUT ME
WordPressテーマ「JIN:R」は、これまで培ったすべてのノウハウを結集して作り上げた最高のデザインツールです。 ブログの初心者でも、直感的にwebデザインを楽しめるテーマとして3年間の試行錯誤を重ねて仕上げました。
