2026年9月17日
2026年9月17日
JINテーマの初期設定と基本カスタマイズ(インストール・着せ替え・子テーマ・更新)
JIN(ジン)は、ブログやアフィリエイトサイト向けに作られた有料の WordPress テーマです。公式サイト(jin-theme.com)で販売されており、wordpress.org のテーマディレクトリには無いため、管理画面の「外観」→「テーマ」→「テーマを追加」で検索しても出てきません。
この記事では、JIN を入れてから最初に行う設定を、2026年11月時点の公式マニュアル(jin-theme.com の「マニュアル」)の記載に沿って説明します。JIN 独自の画面の細かな操作は、バージョンによって変わることがあるので、各項目で公式マニュアルの該当ページも確認してください。
なお、公式サイトでは、ブロックエディター(Gutenberg)に対応した後継のテーマ「JIN:R」も案内されています。これから新しくサイトを作る場合は、どちらを使うかを公式サイトで比べてから購入するとよいでしょう。この記事は JIN についての説明です。
1. JINをインストールする
- 購入後に届くメールに書かれたダウンロード用の URL とパスワードで、
jin.zipをダウンロードします。公式マニュアルでは、ブラウザーによっては ZIP が自動で解凍されてしまうため、Chrome でのダウンロードを勧めています。解凍されてしまった場合は、ZIP の状態のファイルを用意し直します。 - 管理画面の「外観」→「テーマ」を開き、「テーマを追加」→「テーマのアップロード」を押します。
- 「ファイルを選択」で
jin.zipを選び、「今すぐインストール」を押します。 - インストールが終わったら「有効化」を押します。
ファイルサイズの上限を超えるというエラーでアップロードできない場合は、jin.zip をパソコンで解凍し、できた jin フォルダーを FTP やレンタルサーバーのファイルマネージャーで wp-content/themes/ にアップロードしてから、「外観」→「テーマ」で有効化します。
2. 子テーマを使うかを決める
子テーマは、親テーマ(JIN 本体)のファイルを直接書き換えずにカスタマイズするための仕組みです。JIN の子テーマは、公式サイトの「JINの子テーマをダウンロード」のページから入手できます。
公式のアップデート手順のページによると、子テーマが必要かどうかは次のように分かれます。
| カスタマイズの方法 | 子テーマ |
|---|---|
| カスタマイザーの設定と「追加CSS」だけで調整する | 不要(「追加CSS」はアップデートで上書きされない) |
テーマのファイル(style.css や PHP ファイル)を編集する |
必要(親テーマを直接編集すると、アップデートで元に戻る) |
子テーマを使う場合は、親テーマの JIN をインストールしたうえで、子テーマの ZIP を同じ手順(「テーマのアップロード」)でインストールし、子テーマの方を有効化します。親テーマは削除せず、そのまま残しておきます。
子テーマの仕組みは「WordPressの子テーマを作る方法」でも説明しています。
3. カスタマイザーで初期設定をする
JIN の見た目の設定は、主に「外観」→「カスタマイズ」(カスタマイザー)で行います。画面の右側でプレビューを見ながら変更し、「公開」を押すと反映されます。
公式マニュアルの「JINのインストールと推奨設定」では、次の項目を最初に設定するよう案内しています。
| 項目 | 内容と設定する場所 |
|---|---|
| サイトタイトル・サブタイトル・ディスクリプション | サイトの名前と説明。ディスクリプションは120文字以内が目安とされている |
| ピックアップ | 重要な記事をトップページで目立たせる。「外観」→「メニュー」で記事を選んだメニューを作り、位置「トップページのピックアップコンテンツ」に割り当てる。見た目は「カスタマイズ」→「トップページ設定」で選ぶ |
| コンテンツマガジン | トップページに、指定したカテゴリーの記事一覧を並べる。「カスタマイズ」→「トップページ設定」の「トップページの記事一覧に表示させるカテゴリーID」に、カテゴリー ID をカンマ区切りで入れる(最新記事の欄が固定で入るため、追加できるのは3つまで) |
| インフォメーションバー | お知らせの文字とリンクを表示する帯。「カスタマイズ」→「ヘッダー設定」の「インフォバーに表示する文字」「インフォバーのリンク先URL」に入れる |
| スマホスライドメニュー・スマホフッターメニュー | スマートフォンで表示するメニュー |
| 目次 | 記事の目次の表示 |
| OGP 設定 | SNS で共有されたときの画像や説明 |
カテゴリー ID は、「投稿」→「カテゴリー」でカテゴリー名にマウスを重ねたときに表示されるリンクの tag_ID= の後ろの数字で確認できます。
色やレイアウトを自分で決める場合は、カスタマイザーの「サイトデザイン設定」と「カラー設定」を変更します。
4. デモサイトのデザインを取り込む(着せ替え)
JIN には、公式のデモサイトと同じ色やレイアウトをまとめて取り込む「着せ替え」の手順があります。公式マニュアルの手順は次のとおりです。
- 公式サイトの「JINのデモサイト一覧」で好きなデザインを選び、「スタイルをダウンロード」を押します。
jin-demoで始まる.datファイルが保存されます。 - 「プラグイン」→「プラグインを追加」で「Customizer Export/Import」を検索し、インストールして有効化します。
- 「外観」→「カスタマイズ」を開き、「エクスポート / インポート」を選びます。
- インポートの「ファイルを選択」で
.datファイルを選び、「画像ファイルをダウンロードしてインポート」にチェックを入れて、「インポート」を押します。
着せ替えの前に、次の点を確認してください。
- 「追加CSS」は上書きされて消えます。 すでに書いている場合は、先にテキストファイルなどへ写しておきます。
- 記事やカテゴリーに結び付いた設定は取り込まれません。 メニュー、ピックアップ、コンテンツマガジン、OGP 設定は、取り込んだあとに自分で設定し直します。
- 時間切れで止まることがあります。
Maximum execution timeのエラーで止まることがあります。公式マニュアルでは、回線の速度やパソコンの性能が原因になることもあるとしたうえで、改善しない場合はレンタルサーバーに相談するよう案内しています。
着せ替えが終わってプラグインが不要になったら、無効化してかまいません。取り込んだ設定はカスタマイザーに保存されています。
5. メニューとウィジェットを設定する
JIN のメニューとサイドバーは、WordPress 標準の画面で設定します。
- グローバルメニュー(ヘッダーのメニュー): 「外観」→「メニュー」でメニューを作り、表示位置の「グローバルナビゲーション」にチェックを入れて「メニューを保存」を押します。文字サイズとデザインは「カスタマイズ」→「グローバルメニュー設定」で変えられます。
- サイドバー: 「外観」→「ウィジェット」で、サイドバーにウィジェットを追加します。JIN には、プロフィールやおすすめ記事を表示する独自のウィジェットがあります。
- フッター: 「外観」→「ウィジェット」のフッター用のエリア(フッター【左】・【中央-左-】・【中央-右-】・【右】)にウィジェットを置いて作ります。中央の2つのエリアは「アーカイブ」「カテゴリー」「ナビゲーションメニュー」用で、ほかのウィジェットを置くとデザインが適用されません。
それぞれの作り方は、公式マニュアルの「「グローバルメニュー」の設定」「「プロフィール」の設定」「フッターの作り方」に画面つきで説明されています。
6. 記事を書くエディターを決める
JIN の吹き出し・ボックス・ボタンなどの記事装飾は、旧来のエディター(Classic Editor)で使う前提の機能が多く、公式マニュアルの推奨設定でも Classic Editor の利用を勧めています。Classic Editor を使う場合は、「プラグイン」→「プラグインを追加」で「Classic Editor」を入れます。
ブロックエディターで書きたい場合は、公式マニュアルの「JINの「Gutenberg」の使い方」を参照してください。ブロックエディターを中心に使いたいなら、後継の JIN:R も選択肢になります。
7. アップデートのしかた
JIN の更新は、ほかのテーマと同じく管理画面から行います。
- 更新の前に、サイトのバックアップ(ファイルとデータベース)を取ります。
- 「ダッシュボード」→「更新」を開き、テーマの欄で JIN を選んで「テーマを更新」を押します。
- 更新後、トップページと記事のページを開き、表示が崩れていないかを確かめます。
更新の通知が出ない場合は、公式サイトの「JINをアップデートする方法」に手動で更新する方法が載っています。
親テーマのファイルを直接編集していた場合、更新するとその変更は元に戻ります。追記したコードは子テーマに移してから更新してください。
うまくいかないとき
- カスタマイザーで変更が保存されない: カスタマイザーの変更が保存されないときの対処を参照してください。
- 更新後に表示が崩れた: テーマの更新後にサイトが崩れたときの対処の手順で原因を切り分けます。
- プラグインを入れすぎない: 公式マニュアルでも、プラグインを多く入れると不具合の原因になると注意しています。着せ替えに使ったプラグインのように、用が済んだものは無効化・削除します。