07｜完成度を引き上げる最終調整！『JIN:R』テーマで整えるブログの仕上げ術

この記事にはPR（プロモーション）が含まれています。

公開ページ上部の【カスタマイズ】

　→画面左側の【サイトデザイン設定】などの項目をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

公開ページ上部の【カスタマイズ】

　→画面左側の【関連記事/詳細設定】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「関連記事」と「詳細設定」の設定の手順

[関連記事]

• 【カスタマイズ】の「サイトデザイン設定」の「関連記事」の「タイトルの文字」の下の枠内に好きな文字(タイトル)を入力する。
• 「サブタイトルの文字」の下の枠内に好きな文字(タイトル)を入力する。※サブタイトルを追加する場合
• 「表示件数」を「スライダー」で好きな投稿数を表示させて選択する。
• その後、左上部の「公開」をクリックする

[詳細設定]

• 「詳細設定」の「記事一覧のカードデザイン」を「縦長カード」、「横長カード」の中から好きなデザインをクリックで選択する。
• 「記事一覧の追加読み込み」を「ページネーション」、「非同期読み込み」の中から好きな形式をクリックで選択する。
• 「記事一覧のカーソルしたときの動き」を「浮かす」、「ズーム」、「フェード」の中から好きなデザインをクリックで選択する。
• 「背景画像の設定」の「画像を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。※デフォルト希望のままは何もしない
• 「背景画像リピート」を「ON」、「OFF」の中から好きなデザインをクリックで選択する。　
• その後、左上部の「公開」をクリックする

【デザインプリセット】で設定したデザインが気に入っている人は設定を変更不可

公開ページ上部の【カスタマイズ】

　→画面左側の【メインビジュアル】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「メインビジュアル」の設定の手順

[メインビジュアル]

• 【カスタマイズ】の「サイトデザイン設定」の【メインビジュアル】をクリックする。
• 「メインビジュアルの設定」の「タイプ選択」を「なし」、[記事スライドショー]、[画像スライドーショー]、[ヘッダー画像]、[ヘッダー動画]の中から好きなメインビジュアルタイプをクリックし選択する。

[記事スライドショー]

• 「デザインの選択」を「フォーカス」、「マガジン」の中から好きなデザインをクリックで選択する。
• 「記事の選択」を「個別選択」、「新着順で自動表示」の中から好きなデザインをクリックして選択する。
• 「記事URL」の下の枠内に、好きな表示させたい記事のURLを入力する。※全ての枠を埋めなくても、任意の数だけの入力で大丈夫。
• 「詳細設定」の「記事タイトルの色」を「白」、「記事の文字色」、「テーマカラー」の中から好きな色をクリックして選択する。
• 「アニメーションの速度」を「遅め」、「普通」、「早め」の中から好きな速度をクリックして選択する。
• その後、左上部の「公開」をクリックする

[画像スライドショー]

• 「スライド画像の設定」の「画像１」などの「画像を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。※全ての枠を埋めなくても、任意の数だけの入力で大丈夫。
• 「詳細設定」の「アニメーション選択」を「スライドイン」、「フェード」、「スライド」、「パララックス」の中から好きなデザインをクリックして選択する。
• 「アニメーションの速度」を「遅め」、「普通」、「早め」の中から好きな速度をクリックして選択する。
• 「自動再生」を「ON」、「OFF」の中から好きな表示をクリックして選択する。
• その後、左上部の「公開」をクリックする

[ヘッダー画像]

• 「デザイン選択」を「ベーシック」、「ヘッダーカバー」の中から好きなデザインをクリックして選択する。
• 「画像設定」の「画像を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
• 「画像比率」を「画像の大きさに合わせる」、「オリジナル比率」、「カスタム」の中から好きな比率をクリックして選択する。
• 「スマホ用画像設定」の「画像を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
• 「画像比率」を「画像の大きさに合わせる」、「オリジナル比率」、「カスタム」の中から好きな比率をクリックして選択する。
• 「オーバーレイ効果」を「なし」、「シンプル」、「ブラー」の中から好きなデザインをクリックして選択する。
• 必要に応じて、「画像のリンク先URL」を入力する。
• 「キャッチコピー設定」の「キャッチコピーの表示」を「ON」、「OFF」の中から好きな表示をクリックして選択する。
• 「メインコピー」の下の枠内に好きなメインコピー名を入力する。
• 「サブコピー」の下の枠内に好きなサブコピー名を入力する。
• 「キャッチコピーの文字サイズ調整」をスライダーで好きな文字サイズを表示させて選択する。
• 「文字色」の「色を選択」に好きな色を選択して表示させる。
• 「文字のデコレーション」を「なし」、「影【小さめ】」、「影【普通】」、「影【大きめ】」、「白フチ」の中から好きなデザインをクリックして選択する。
• 「ボタン設定」の「ボタンの表示」を「ON」、「OFF」の中から好きな表示をクリックして選択する。
• 「デザイン選択」を「CVボタン１」、「CVボタン２」、「アウトラインボタン１」、「アウトラインボタン２」、「アローボタン」、「インフォメーション」の中から好きなデザインをクリックして選択する。※【カスタマイズ】→「サイトデザイン設定」→【ボタン】で設定した内容が反映されている。【ボタン】の設定方法は下部参照。
• 「テイスト」に好きな文字を入力する
• 「リンク先のURL」の下の枠内に「表示したいページのURL」を入れる
• 「コピー / ボタンの配置設定」の「行揃え」を「左揃え」、「中央揃え」、「右揃え」の中から好きなデザインをクリックして選択する。
• 「縦方向の位置【PC】」をスライダーで好きな位置を表示させて選択する。
• 「横方向の位置【PC】」をスライダーで好きな位置を表示させて選択する。
• 「縦方向の位置【スマホ】」をスライダーで好きな位置を表示させて選択する。
• 「横方向の位置【スマホ】」をスライダーで好きな位置を表示させて選択する。
• 「詳細設定」の「下層ページにも表示」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• その後、左上部の「公開」をクリックする

[ヘッダー動画]

• 「動画の設定」の「デザイン選択」を「ベーシック」、「ヘッダーカバー」の中から好きなデザインをクリックして選択する。
• 「動画をアップロード」の下の「動画を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
• 「動画の表示比率【スマホ】」を「PCと同じ」、「カスタム」の中から好きな比率をクリックして選択する。
• 「自動再生」を「ON」、「OFF」の中から好きな設定をクリックして選択する。
• 「ループ再生」を「ON」、「OFF」の中から好きな設定をクリックして選択する。
• 「キャッチコピー設定」の「キャッチコピーの表示」を「ON」、「OFF」の中から好きな表示をクリックして選択する。
• 「メインコピー」の下の枠内に好きなメインコピー名を入力する。
• 「サブコピー」の下の枠内に好きなサブコピー名を入力する。
• 「キャッチコピーの文字サイズ調整」をスライダーで好きな文字サイズを表示させて選択する。
• 「文字色」の「色を選択」に好きな色を選択して表示させる。
• 「文字のデコレーション」を「なし」、「影【小さめ】」、「影【普通】」、「影【大きめ】」、「白フチ」の中から好きなデザインをクリックして選択する。
• 「ボタン設定」の「ボタンの表示」を「ON」、「OFF」の中から好きな表示をクリックして選択する。
• 「デザイン選択」を「CVボタン１」、「CVボタン２」、「アウトラインボタン１」、「アウトラインボタン２」、「アローボタン」、「インフォメーション」の中から好きなデザインをクリックして選択する。※【カスタマイズ】→「サイトデザイン設定」→【ボタン】で設定した内容が反映されている。【ボタン】の設定方法は下部参照。「コピー / ボタンの配置設定」の「行揃え」を「左揃え」、「中央揃え」、「右揃え」の中から好きなデザインをクリックして選択する。
• 「縦方向の位置【PC】」をスライダーで好きな位置を表示させて選択する。
• 「横方向の位置【PC】」をスライダーで好きな位置を表示させて選択する。
• 「縦方向の位置【スマホ】」をスライダーで好きな位置を表示させて選択する。
• 「横方向の位置【スマホ】」をスライダーで好きな位置を表示させて選択する。
• その後、左上部の「公開」をクリックする

公開ページ上部の【カスタマイズ】

　→画面左側の【ボックス】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「ボックス」の設定の手順

[「ボックス」と「アイコンボックス」]

• 【サイトデザイン設定】の「ボックス」をクリックし、【ボックス】と【アイコンボックス】の中から、設定を変更したいタブをクリックで選択する

[ボックス]

• 「シンプルボックス１」～「シンプルボックス11」や「タイトル付きボックス１」～「タイトル付きボックス９」の好きなボックスの「色を選択」に好きな色を選択して表示させる。
• その後、左上部の「公開」をクリックする

[アイコンボックス]

• 「アイコンボックス１」～「アイコンボックス８」と、「タイトル付き１」～「タイトル付き４」の好きなボックスの「アイコンを変更する」を好きなアイコンに、「色を選択」を好きな色を選択して表示させる。
• 「タイトル」の下の枠内に好きなアイコンボックスタイトル名を入れる。
• その後、左上部の「公開」をクリックする。

公開ページ上部の【カスタマイズ】

　→画面左側の【ボタン】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「ボタン」の設定の手順

[ボタン]

• 【カスタマイズ】の「サイトデザイン設定」の【ボタン】をクリックする。
• 「CVボタン１」、「CVボタン２」、「アウトラインボタン１」、「アウトラインボタン２」、「アローボタン」、「インフォメーション」、「比較表用ボタン１」、「比較表用ボタン２」、「ボタン」、「ボタン」の中から、設定を変更したい項目をクリックで選択する　
• 例「CVボタン１」の「ボタンのデザイン設定」の「デザインの選択」を「塗りつぶし」、「アウトライン」、「アロー」の中から好きなデザインをクリックで選択する。
• 「ボタンのカラー設定」を「単色」、「グラデーション」の中から好きなデザインをクリックで選択し、「色の選択」を好きな色を選択して表示させる。
• 「文字色」に好きな色を選択して表示させる。
• 「文字サイズ」と「丸み(px)」と「横幅(px)」と「高さ(px)」をスライダーで好きなサイズを表示させて選択する。
• 「矢印アイコン設定」の下に表示されたアイコンの中から好きなアイコンをクリックで選択する。
• 「詳細設定」の「影のサイズ」を「なし」、「小さめ」、「普通」、「大きめ」の中から好きな設定をクリックで選択する。
• 「カーソルしたときの動き」を「なし」、「色を薄める」、「浮かぶ」、「沈む」、「押し込む」、「膨らむ」、「左からアウトライン化」、「中央からアウトライン化」の中から好きなカーソルしたときの動きをクリックで選択する。
• 「表示アニメーション」を「なし」、「フェード」、「下からフェード」、「膨らむ」、「押し込む」の中から好きな設定をクリックで選択する。
• 「ボタンの登録名を変更」の「登録名」の下の枠内に好きな登録名を入れる。
• その後、左上部の「公開」をクリックする。　※他の設定も同様です。

必要に応じて設定

公開ページ上部の【カスタマイズ】

　→画面左側の【アニメーション設定】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「アニメーション設定」の設定の手順

• 【カスタマイズ】の「サイトデザイン設定」の【アニメーション設定】の「全体のアニメーション」を「ON」、「OFF」の中から好きな表示をクリックで選択する。
• 「ブロック毎のアニメーション」の「デザイン見出し」を「なし」、「フェードイン」の中から好きな設定をクリックで選択する。
• 「カラム」を「なし」、「１つづつフェードイン」、「１つづつフェードイン(スライド)」、「全体をフェードイン」の中から好きな設定をクリックで選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

公開ページ上部の【カスタマイズ】

　→画面左側の【SNS登録/シェア設定】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「SNS登録/シェア設定」の設定の手順

[SNS登録]

• 「FacebookアカウントのURL」の下の枠内にリンクをさせたいFacebookアカウントのURLを入力する。
• 「XアカウントのURL」の下の枠内にリンクをさせたいXアカウントのURLを入力する。
• 「instagramアカウントのURL」の下の枠内にリンクをさせたいinstagramアカウントのURLを入力する。
• 「YouTubeアカウントのURL」の下の枠内にリンクをさせたいYouTubeアカウントのURLを入力する。
• 「LINEアカウントのURL」の下の枠内にリンクをさせたいLINEアカウントのURLを入力する。
• 「お問い合わせページのURL」の下の枠内にお問い合わせページのURLを入力する。
• 「SNSフォローボタンの色」を「ブランドカラー」、「テーマカラー」の中から好きな表示をクリックで選択する。
• 「表示する場所」の「記事終わりの著者情報内」と「ハンバーガーメニュー内」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• 「ハンバーガーメニュー内」の「ラベルのテキスト」の下の枠内に好きな文字を入れる。
• その後、左上部の「公開」をクリックする。

[シェアボタン設定]

• 【シェアボタン設定】の「デザイン選択」を「ベーシック」、「アドバンス」の中から好きなデザインをクリックして選択、「ベタ塗り」、「白抜き」の中から好きなデザインをクリックして選択する。
• 「表示する場所」の「記事下」と「記事おわり（X）」と「記事おわり（Facebook）」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• その後、左上部の「公開」をクリックする。

[シェアされた時の表示設定]

• 「TOPページがシェアされた時の画像（OGP）」の下の「動画を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
• 「Xでシェアされたときの画像サイズ」を「コンパクト」、「ラージ」の中から好きな画像サイズをクリックし選択する。
• 「facebookの管理者ID」の下の枠内にfacebookの管理者IDを入れる
• 「Xのユーザー名」の下の枠内にXのユーザー名(＠ユーザー名)を入れる
• 「ブログがシェアされた時のハッシュタグ」の下の枠内に好きなハッシュタグを入れる
• その後、左上部の「公開」をクリックする。

必要に応じて設定

公開ページ上部の【カスタマイズ】

　→画面左側の【プロフィール登録】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「プロフィール登録」の設定の手順

[プロフィール登録]

• 【プロフィール登録】の「プロフィール画像」の「画像を選択」をクリックしメディア内または新規でメディアに追加した、150×150ピクセル以上の画像を選んで「選択」をクリックする。
• 「プロフィール名」の下の枠内に好きなプロフィール名を入力する。
• 「肩書」の下の枠内に自由の肩書を入力する。
• 「プロフィール紹介文」の下の枠内に自由に紹介文を入力する。
• 「プロフィールページのURL」の下の枠内に表示したいページのURLを入力する。
• 「ラベルテキスト」の下の枠内に好きな文字を入力する。
• 「表示エリアの設定」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

公開ページ上部の【カスタマイズ】

　→画面左側の【ステマ規制への対応設定】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「ステマ規制への対応設定」の設定の手順

[ステマ規制への対応設定]

• 【ステマ規制への対応設定】の「表示するページ」の「投稿ページ」と「固定ページ」と「記事化されたカテゴリーページ」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• 「表示エリアの設定」の「カテゴリー横」と「記事はじめ」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• 「カテゴリー横のテキスト」の下の枠内に好きな文字を入れる。
• 「記事はじめのテキスト」も下の枠内に好きな文字を入れる。
• 「デザイン選択」を「枠線タイプ」、「塗りタイプ」、「協調タイプ」の中から好きなデザインをクリックし選択する。
• 「除外するカテゴリーID(半角数字)」の下に希望のページIDを入力する。
• その後、左上部の「公開」をクリックする。

公開ページ上部の【カスタマイズ】

　→画面左側の【その他の設定】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「その他の設定」の設定の手順

[その他の設定]

• 【その他の設定】の「外部読み込み」の「カエレバヨメレバデザインを読み込む」と「アプリーチデザインを読み込む」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• 「高速化」の「絵文字ファイルを読み込まない」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• 「Noimage画像設定」の「画像を選択」をクリックしメディア内または新規でメディアに追加した画像を選んで「選択」をクリックする。
• 「その他」の「テーマ内のJSON-LDを読み込まない」と「見出しタグとリストタグにテーマ独自のclassを付与」と「アイキャッチ画像をオリジナルサイズで利用する」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

• 『サイドバー』設置方法はコチラ

※サイドバーと他の場所も同じ設置方法です

公開ページ上部の【カスタマイズ】

　→画面左側の【ウィジェット】→【記事上】など任意の項目をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

• 『サイドバーの設置方法』ページへ

「ウィジェット」の設定の手順

[ウィジェット]

• ダッシュボードの【外観】をクリックし、その後【ウェジェット】をクリックし編集ページを表示させる。※【カスタマイズ】からもアクセス可能ですが、ダッシュボードからの設定が個人的に操作しやすいと思います。
• 「希望の設置先(「トップページ上部」など)」をクリックする。
• 画面左上の【＋(背景青色)】か、本文スペースをクリックした時に、右側に表示される【＋(背景黒色)】をクリックする
• 画面左側の「ブロック」タブ内で「JINRブロック」内の好きな「ブロック」(「検索」など)をクリックする。(画面右上の「公開」をクリックし、次の設置へ)
• 表示させたいブロックをクリックし、画面右側の「ブロック」タブ内の項目を必要と目的に応じて設定をする。(画面右上の「公開」をクリックし、次の設置へ)
• 画面右上の「公開」をクリックして、変更を反映させる。

「公開」クリック＝「保存・上書き保存」です。時々、画面上部に赤っぽいピンクのポップアップが表示されることがあります。(保存ができなかった時に表示されるもので、この状態で画面を切り替えたり作業を終了すると、前回保存の状態に戻ってしまいます。)

Geranium

上部にポップアップが出た時は、設置したブロック１つづつを、「削除」・「保存」・「設置」を繰り返しながら修正することが必要です。

※１つブロックを追加したり、設定するごとに、マメに画面右上の「公開」をクリックし、次の設置へ移ることで、結果として大幅な時間短縮に繋がる場合があります。

必要に応じて設定

設定ページへのアクセスは以下の２種です

• 管理画面の【ダッシュボード】→「設定」→「表示設定」→【ホームページの表示】をクリック
• 公開ページ上部の【カスタマイズ】→ 画面左側の【ホームページ設定】をクリック　

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「ホームページ設定」の設定の手順

[ホームページ設定の前の事前準備①]

• 下記の方法でHOME(TOP)ページをつくる。　※《例:①の固定記事》とする
• ダッシュボードの【固定ページ】をクリック後に「新規固定ページを追加」をクリックで新しいページを開く。
• 固定ページの「タイトル」に、(この場合は閲覧者からは見えないので)「HOME」などあなたが判りやすいタイトルを入れ、画面右側の「リンク」の枠内に「home」や「top」などの任意のスラッグを入力する。
• 本文入力箇所に、自由に【見出し】や【画像】などの「ブロック」を用いてデザインを整える。
• 画面右上の「公開」をクリックして、記事を公開する。

[ホームページ設定の前の事前準備②]

• 次に最新記事表示用のページをつくる。　※《例:②の投稿記事》とする
• ダッシュボードの【投稿】をクリック後に「新規投稿を追加」をクリックで新しいページを開く。
• 投稿ページの「タイトル」は空欄か、ダッシュボード内でも判りやすい好きなタイトルを入れ、画面右側の「リンク」の枠内に「latest-updates」や「new」などの任意のスラッグを入力する。
• 本文入力箇所は何も入力をしない。
• 画面右上の「公開」をクリックして、記事を公開する。

[ホームページ設定]

• 上記の２種の方法のいずれかの方法で、【ホームページ設定】のページにアクセスする。※どちらにアクセスしても設定の手順は同じです。
• 「ホームページの表示」の「固定ページ」に、ラジオボタンをクリックし選択する。
• 「ホームページ」の下の枠内に上記の手順で作成した、《例:①の固定記事》を表示させて選択する。
• 「投稿ページ」の下の枠内に上記の手順で作成した、《例:②の投稿記事》を表示させて選択する。
• 【ダッシュボード】からの設定の場合は、画面左下の「変更を保存」をクリック、【カスタマイズ】からの設定の場合は、左上部の「公開」をクリックする。

必要に応じて設定

公開ページ上部の【カスタマイズ】

　→画面左側の【追加CSS】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「追加CSS」の設定の手順

[追加CSS]

• 枠内に任意のCSSを入力する
• 画面右上の「公開」をクリックして、変更を反映させる。

必要に応じて

公開ページ上部の【カスタマイズ】

　→画面左側の【エクスポート/インポート】をクリック

JIN:Rの管理画面（ダッシュボード）からの編集方法だけでなく、公開ページからも編集が可能です

「エクスポート/インポート」の手順

[エクスポート]

• 「書き出し」をクリック(現在のJINテーマのカスタマイズ設定を保存する)
• デスクトップなどに「エクスポートしたファイル」を保存する。

[インポート]

• 「ファイルを選択」をクリックし、前回、上記の方法で「エクスポートしたファイル」を「開く」をクリックし選択する。
• 任意で「画像ファイルをダウンロードしてインポートしますか？」にチェックを入れ、「インポート」をクリックする。

記事の全体を整えて仕上げる

• 『ボックス』のデザインと配置の検討
• 『見出し』の余白調整
• 内部・外部リンクの設置と確認
• 画像や図の最適化
• キーワードの最終調整
• 目次の確認
• CTA（行動喚起）の設置
• フォントサイズや色の統一
• プレビューで最終確認
• モバイル表示の確認
• SNS共有ボタンの設置
• 『プロフィール』の再確認
• 文章の構成
• カテゴリーの整備
• ページの読み込み速度テスト

Geranium

アドセンス審査ポイント

本館｜03｜アドセンス審査について

下記の２記事なども確認の上でチャレンジを！

• 08｜アドセンス＆計測でサイト改善　
• 09｜定期更新とサイト健康管理のコツ　

アドセンス審査については下記のページへ

　本館｜03｜アドセンス審査について

Click 【カスタマイズ】 at the top of the public page → Click items such as 【サイトデザイン設定】 on the left side of the screen.

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Click 【カスタマイズ】 at the top of the public page → Click 【関連記事/詳細設定】 on the left side of the screen.

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「関連記事」＆「詳細設定」

[関連記事]

• Enter your preferred text (title) in the field below 「タイトルの文字」 under 「関連記事」 in 【カスタマイズ】 → 「サイトデザイン設定」.
• Enter your preferred text (title) in the field below 「サブタイトルの文字」 if adding a subtitle.
• Use the slider in 「表示件数」 to select and display the desired number of posts.
• Finally, click 「公開」 at the top left to apply the changes.

[詳細設定]

• Select your preferred design under 「記事一覧のカードデザイン」 from 「縦長カード」 or 「横長カード」.
• Select your preferred format under 「記事一覧の追加読み込み」 from 「ページネーション」 or 「非同期読み込み」.
• Select the cursor effect under 「記事一覧のカーソルしたときの動き」 from 「浮かす」, 「ズーム」, or 「フェード」.
• Click 「画像を選択」 in 「背景画像の設定」, then choose an image from media or upload a new one and click 「選択」. (Skip this step if keeping the default setting.)
• Select 「ON」 or 「OFF」 for 「背景画像リピート」.
• Finally, click 「公開」 at the top left to apply the changes.

Users who like the design set in 【デザインプリセット】 cannot change the settings

Click 【カスタマイズ】 at the top of the public page → Click 【メインビジュアル】 on the left side of the screen.

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「メインビジュアル」

[メインビジュアル]

• Click 【メインビジュアル】 in 【カスタマイズ】 → 「サイトデザイン設定」.
• Under 「メインビジュアルの設定」, select a preferred main visual type from 「なし」, [記事スライドショー], [画像スライドショー], [ヘッダー画像], or [ヘッダー動画].

[記事スライドショー]

• Select your preferred design under 「デザインの選択」 from 「フォーカス」 or 「マガジン」.
• Select the preferred article display format under 「記事の選択」 from 「個別選択」 or 「新着順で自動表示」.
• Enter the desired article URL in the field below 「記事URL」. (You don’t need to fill in all fields—inputting only a few is fine.)
• Under 「詳細設定」, choose the color for 「記事タイトルの色」 from 「白」, 「記事の文字色」, or 「テーマカラー」.

[画像スライドショー]

• Click 「画像を選択」 under 「スライド画像の設定」, then choose an image from media or upload a new one and click 「選択」. (You don’t need to fill in all fields—inputting only a few is fine.)
• Under 「詳細設定」, select an animation type from 「スライドイン」, 「フェード」, 「スライド」, or 「パララックス」.
• Choose the animation speed from 「遅め」, 「普通」, or 「早め」.
• Select 「ON」 or 「OFF」 for 「自動再生」.
• Finally, click 「公開」 at the top left to apply the changes.

[ヘッダー画像]

• Select your preferred design under 「デザイン選択」 from 「ベーシック」 or 「ヘッダーカバー」.
• Click 「画像を選択」 under 「画像設定」, then choose an image from media or upload a new one and click 「選択」.
• Select the image ratio under 「画像比率」 from 「画像の大きさに合わせる」, 「オリジナル比率」, or 「カスタム」.
• Click 「画像を選択」 under 「スマホ用画像設定」, then choose or upload an image and click 「選択」.
• Select the image ratio under 「画像比率」 from 「画像の大きさに合わせる」, 「オリジナル比率」, or 「カスタム」.
• Select an overlay effect under 「オーバーレイ効果」 from 「なし」, 「シンプル」, or 「ブラー」.
• Enter 「画像のリンク先URL」 if necessary.
• Select 「キャッチコピーの表示」 as 「ON」 or 「OFF」.
• Enter your preferred main copy under 「メインコピー」.
• Enter your preferred sub copy under 「サブコピー」.
• Adjust the catch copy font size using the slider under 「キャッチコピーの文字サイズ調整」.
• Select a font color under 「文字色」 → 「色を選択」.
• Choose a text decoration under 「文字のデコレーション」 from 「なし」, 「影【小さめ】」, 「影【普通】」, 「影【大きめ】」, or 「白フチ」.
• Select 「ボタンの表示」 as 「ON」 or 「OFF」.
• Choose a button design under 「デザイン選択」 from 「CVボタン１」, 「CVボタン２」, 「アウトラインボタン１」, 「アウトラインボタン２」, 「アローボタン」, or 「インフォメーション」. (【カスタマイズ】 → 「サイトデザイン設定」 → 【ボタン】 settings apply.)
• Enter text for 「テイスト」.
• Enter a URL under 「リンク先のURL」 to link to the displayed page.
• Select text/button alignment under 「コピー / ボタンの配置設定」 → 「行揃え」 from 「左揃え」, 「中央揃え」, or 「右揃え」.
• Adjust vertical position for PC using the slider under 「縦方向の位置【PC】」.
• Adjust horizontal position for PC using the slider under 「横方向の位置【PC】」.
• Adjust vertical position for mobile using the slider under 「縦方向の位置【スマホ】」.
• Adjust horizontal position for mobile using the slider under 「横方向の位置【スマホ】」.
• Toggle 「下層ページにも表示」 between 「ON(ボタンが青色)」 or 「OFF」.
• Finally, click 「公開」 at the top left to apply the changes.

[ヘッダー動画]

• Select your preferred design under 「デザイン選択」 from 「ベーシック」 or 「ヘッダーカバー」.
• Click 「動画を選択」 under 「動画をアップロード」, then choose a video from media or upload a new one and click 「選択」.
• Select video aspect ratio for smartphones under 「動画の表示比率【スマホ】」 from 「PCと同じ」 or 「カスタム」.
• Set 「自動再生」 to 「ON」 or 「OFF」.
• Set 「ループ再生」 to 「ON」 or 「OFF」.
• Select 「キャッチコピーの表示」 as 「ON」 or 「OFF」.
• Enter your preferred main copy under 「メインコピー」.
• Enter your preferred sub copy under 「サブコピー」.
• Adjust catch copy font size using the slider under 「キャッチコピーの文字サイズ調整」.
• Select a font color under 「文字色」 → 「色を選択」.
• Choose a text decoration under 「文字のデコレーション」 from 「なし」, 「影【小さめ】」, 「影【普通】」, 「影【大きめ】」, or 「白フチ」.
• Set 「ボタンの表示」 to 「ON」 or 「OFF」.
• Choose a button design under 「デザイン選択」 from 「CVボタン１」, 「CVボタン２」, 「アウトラインボタン１」, 「アウトラインボタン２」, 「アローボタン」, or 「インフォメーション」. (【カスタマイズ】 → 「サイトデザイン設定」 → 【ボタン】 settings apply.)
• Select text/button alignment under 「コピー / ボタンの配置設定」 → 「行揃え」 from 「左揃え」, 「中央揃え」, or 「右揃え」.
• Adjust vertical position for PC using the slider under 「縦方向の位置【PC】」.
• Adjust horizontal position for PC using the slider under 「横方向の位置【PC】」.
• Adjust vertical position for mobile using the slider under 「縦方向の位置【スマホ】」.
• Adjust horizontal position for mobile using the slider under 「横方向の位置【スマホ】」.
• Finally, click 「公開」 at the top left to apply the changes.

Click 【カスタマイズ】 at the top of the public page → Click 【ボックス】 on the left side of the screen.

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「ボックス」

[「ボックス」と「アイコンボックス」]

• Click 「ボックス」 in 【サイトデザイン設定】, then select the tab you want to modify from 【ボックス】 or 【アイコンボックス】 by clicking on it.

[ボックス]

• Select your preferred color under 「色を選択」 for any box from 「シンプルボックス１」 to 「シンプルボックス11」 or 「タイトル付きボックス１」 to 「タイトル付きボックス９」.
• Finally, click 「公開」 at the top left to apply the changes.

[アイコンボックス]

• Select your preferred icon under 「アイコンを変更する」 for any box from 「アイコンボックス１」 to 「アイコンボックス８」, or 「タイトル付き１」 to 「タイトル付き４」.
• Choose a color under 「色を選択」 to display.
• Enter your preferred icon box title in the field below 「タイトル」.
• Finally, click 「公開」 at the top left to apply the changes.

Click 【カスタマイズ】 at the top of the public page → Click 【ボタン】 on the left side of the screen.

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「ボタン」

[ボタン]

• Click 【ボタン】 in 【カスタマイズ】 → 「サイトデザイン設定」.
• Select the item to modify from 「CVボタン１」, 「CVボタン２」, 「アウトラインボタン１」, 「アウトラインボタン２」, 「アローボタン」, 「インフォメーション」, 「比較表用ボタン１」, 「比較表用ボタン２」, or 「ボタン」.
• Example: For 「CVボタン１」, under 「ボタンのデザイン設定」, select a design from 「塗りつぶし」, 「アウトライン」, or 「アロー」.
• Choose a color setting under 「ボタンのカラー設定」 from 「単色」 or 「グラデーション」, then select a preferred color under 「色の選択」.
• Select a color under 「文字色」.
• Adjust font size, corner rounding (px), width (px), and height (px) using sliders.
• Select an arrow icon from the options displayed under 「矢印アイコン設定」.
• Choose shadow size under 「詳細設定」 → 「影のサイズ」 from 「なし」, 「小さめ」, 「普通」, or 「大きめ」.
• Select a cursor effect under 「カーソルしたときの動き」 from 「なし」, 「色を薄める」, 「浮かぶ」, 「沈む」, 「押し込む」, 「膨らむ」, 「左からアウトライン化」, or 「中央からアウトライン化」.
• Choose display animation under 「表示アニメーション」 from 「なし」, 「フェード」, 「下からフェード」, 「膨らむ」, or 「押し込む」.
• Enter a preferred registration name under 「ボタンの登録名を変更」 → 「登録名」.
• Finally, click 「公開」 at the top left to apply the changes.
• (Other settings follow the same process.)

Set as needed

Click 【カスタマイズ】 at the top of the public page → Click 【アニメーション設定】 on the left side of the screen.

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「アニメーション設定」

• Select 「ON」 or 「OFF」 for 「全体のアニメーション」 under 【アニメーション設定】 in 【カスタマイズ】 → 「サイトデザイン設定」.
• Under 「ブロック毎のアニメーション」, select 「なし」 or 「フェードイン」 for 「デザイン見出し」.
• Under 「カラム」, select 「なし」, 「１つづつフェードイン」, 「１つづつフェードイン(スライド)」, or 「全体をフェードイン」.
• Finally, click 「公開」 at the top left to apply the changes.

Set as needed

Click 【カスタマイズ】 at the top of the public page → Click 【SNS登録/シェア設定】 on the left side of the screen.

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「SNS登録/シェア設定」

[SNS登録]

• Enter the desired Facebook account URL in the field below 「FacebookアカウントのURL」.
• Enter the desired X account URL in the field below 「XアカウントのURL」.
• Enter the desired Instagram account URL in the field below 「instagramアカウントのURL」.
• Enter the desired YouTube account URL in the field below 「YouTubeアカウントのURL」.
• Enter the desired LINE account URL in the field below 「LINEアカウントのURL」.
• Enter the contact page URL in the field below 「お問い合わせページのURL」.
• Select the SNS follow button color under 「SNSフォローボタンの色」 from 「ブランドカラー」 or 「テーマカラー」.
• Toggle 「記事終わりの著者情報内」 and 「ハンバーガーメニュー内」 between 「ON(ボタンが青色)」 or 「OFF」 to select the display location.
• Enter your preferred label text in the field below 「ハンバーガーメニュー内」 → 「ラベルのテキスト」.
• Finally, click 「公開」 at the top left to apply the changes.

[シェアボタン設定]

• Select a design under 「デザイン選択」 from 「ベーシック」 or 「アドバンス」, then choose 「ベタ塗り」 or 「白抜き」 for the button style.
• Toggle 「記事下」, 「記事おわり（X）」, and 「記事おわり（Facebook）」 between 「ON(ボタンが青色)」 or 「OFF」 to set their display locations.
• Finally, click 「公開」 at the top left to apply the changes.

[シェアされた時の表示設定]

• Click 「動画を選択」 under 「TOPページがシェアされた時の画像（OGP）」, then choose an image from media or upload a new one and click 「選択」.
• Select 「コンパクト」 or 「ラージ」 for 「Xでシェアされたときの画像サイズ」.
• Enter your Facebook administrator ID in the field below 「facebookの管理者ID」.
• Enter your X username (@username) in the field below 「Xのユーザー名」.
• Enter your preferred hashtags in the field below 「ブログがシェアされた時のハッシュタグ」.
• Finally, click 「公開」 at the top left to apply the changes.

Set as needed

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「プロフィール登録」

[プロフィール登録]

• Click 「画像を選択」 under 「プロフィール画像」, then choose an image from media or upload a new one (minimum 150×150 pixels) and click 「選択」.
• Enter your preferred profile name in the field below 「プロフィール名」.
• Enter a title in the field below 「肩書」.
• Write a profile introduction in the field below 「プロフィール紹介文」.
• Enter the desired profile page URL in the field below 「プロフィールページのURL」.
• Enter your preferred label text in the field below 「ラベルテキスト」.
• Toggle 「表示エリアの設定」 between 「ON(ボタンが青色)」 or 「OFF」 to select the display option.
• Finally, click 「公開」 at the top left to apply the changes.

Set as needed

Click 【カスタマイズ】 at the top of the public page → Click 【ステマ規制への対応設定】 on the left side of the screen.

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「ステマ規制への対応設定」

[ステマ規制への対応設定]

• Toggle 「投稿ページ」, 「固定ページ」, and 「記事化されたカテゴリーページ」 between 「ON(ボタンが青色)」 or 「OFF」 under 「表示するページ」.
• Toggle 「カテゴリー横」 and 「記事はじめ」 between 「ON(ボタンが青色)」 or 「OFF」 under 「表示エリアの設定」.
• Enter your preferred text in the field below 「カテゴリー横のテキスト」.
• Enter your preferred text in the field below 「記事はじめのテキスト」.
• Select a design under 「デザイン選択」 from 「枠線タイプ」, 「塗りタイプ」, or 「協調タイプ」.
• Enter the desired page ID in the field below 「除外するカテゴリーID(半角数字)」.
• Finally, click 「公開」 at the top left to apply the changes.

Click 【カスタマイズ】 at the top of the public page → Click 【その他の設定】 on the left side of the screen

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「その他の設定」

[その他の設定]

• Toggle 「カエレバヨメレバデザインを読み込む」 and 「アプリーチデザインを読み込む」 between 「ON(ボタンが青色)」 or 「OFF」 under 「外部読み込み」.
• Toggle 「絵文字ファイルを読み込まない」 between 「ON(ボタンが青色)」 or 「OFF」 under 「高速化」.
• Click 「画像を選択」 under 「Noimage画像設定」, then choose an image from media or upload a new one and click 「選択」.
• Toggle 「テーマ内のJSON-LDを読み込まない」, 「見出しタグとリストタグにテーマ独自のclassを付与」, and 「アイキャッチ画像をオリジナルサイズで利用する」 between 「ON(ボタンが青色)」 or 「OFF」 under 「その他」.
• Finally, click 「公開」 at the top left to apply the changes.

Set as needed

• Setup Guide Here『サイドバー』

※The setup process for the sidebar is the same as for other locations.

公開ページ上部の【カスタマイズ】

　→画面左側の【ウィジェット】→【記事上】など任意の項目をクリック

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

• 『サイドバーの設置方法』ページへ

Steps to set up「ウィジェット」

[ウィジェット]

• Click 【外観】 in the dashboard, then click 【ウェジェット】 to open the editing page.
• ※ You can also access it from 【カスタマイズ】, but setting it from the dashboard may be personally easier to operate.
• Click your desired installation location (e.g., 「トップページ上部」).
• Click 【＋(背景青色)】 at the top left of the screen, or click the content space and then click 【＋(背景黒色)】 on the right side.
• On the left side of the screen, in the 「ブロック」 tab, click your preferred block under 「JINRブロック」 (e.g., 「検索」).
• (Click 「公開」 at the top right of the screen, then proceed to the next setup.)
• Click the block you want to display, then configure the necessary settings in the 「ブロック」 tab on the right side according to your needs and purpose.
• (Click 「公開」 at the top right of the screen, then proceed to the next setup.)
• Finally, click 「公開」 at the top right to apply the changes.

Clicking 「公開」 means “Save/Overwrite Save.”
Sometimes, a reddish-pink popup may appear at the top of the screen.
(This appears when saving fails. If you switch screens or end the task in this state, the changes will revert to the previously saved version.)

Geranium

When a popup appears at the top, you need to repeatedly delete, save, and reapply each block one by one to fix the issue.

※ By frequently clicking 「公開」 at the top right of the screen after adding or configuring each block, you may significantly reduce the overall setup time.

Set as needed

設定ページへのアクセスは以下の２種です

• In the management screen, click 【ダッシュボード】 → 「設定」 → 「表示設定」 → 【ホームページの表示】.
• At the top of the published page, click 【カスタマイズ】, then click 【ホームページ設定】 on the left side of the screen　

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「ホームページ設定」

[ホームページ設定の前の事前準備①]

• Create the HOME (TOP) page using the method below.
• ※ Example: Set it as ①の固定記事
• Click 【固定ページ】 in the dashboard, then click 「新規固定ページを追加」 to open a new page.
• In the fixed page title, enter a name such as “HOME” (this won’t be visible to visitors, so choose something recognizable for yourself).
• In the link field on the right side, enter a desired slug, such as “home” or “top”.
• In the content input section, use 【見出し】, 【画像】, and other blocks to design the layout freely.

[ホームページ設定の前の事前準備②]

• Create a page for displaying latest articles using the method below.
• ※ Example: Set it as ②の投稿記事
• Click 【投稿】 in the dashboard, then click 「新規投稿を追加」 to open a new page.
• For the post title, either leave it blank or enter a recognizable name for easier management in the dashboard.
• In the link field on the right side, enter a desired slug, such as “latest-updates” or “new”.
• Do not enter anything in the content input section.
• Finally, click 「公開」 at the top right of the screen to publish the article.

[ホームページ設定]

• Access the 【ホームページ設定】 page using either of the two methods above.
• ※ The setup steps remain the same regardless of which method you use.
• In 「ホームページの表示」, click the radio button for 「固定ページ」 to select it.
• In the field below 「ホームページ」, select the ①の固定記事 created earlier.
• In the field below 「投稿ページ」, select the ②の投稿記事 created earlier.
• If configuring from 【ダッシュボード】, click 「変更を保存」 at the bottom left of the screen.
• If configuring from 【カスタマイズ】, click 「公開」 at the top left of the screen.

Set as needed

公開ページ上部の【カスタマイズ】

　→画面左側の【追加CSS】をクリック

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

Steps to set up「追加CSS」

[追加CSS]

• Enter your desired CSS in the designated field.
• Click 「公開」 at the top right of the screen to apply the changes.

Set as needed

At the top of the published page, click 【カスタマイズ】, then click 【エクスポート/インポート】 on the left side of the screen.

You can edit not only from the JIN:R management screen (dashboard) but also directly from the public page.

「エクスポート/インポート」の手順

[エクスポート]

• Click 「書き出し」 to save the current JIN theme customization settings.
• Save the exported file to your desktop or another preferred location

[インポート]

• Click 「ファイルを選択」 and select the previously exported file using 「開く」.
• Optionally, check 「画像ファイルをダウンロードしてインポートしますか？」, then click 「インポート」.

Finalize and Refine the Entire Article

• Considerations for Box Design and Placement
• Adjust Heading Margins
• Set Up and Verify Internal/External Links
• Optimize Images and Diagrams
• Finalize Keyword Adjustments
• Check Table of Contents
• Implement Call-to-Action (CTA)
• Standardize Font Size and Colors
• Perform Final Preview Check
• Verify Mobile Display Compatibility
• Add Social Media Sharing Buttons
• Review Profile Section
• Refine Article Structure
• Organize Categories
• Test Page Loading Speed

Geranium

アドセンス審査ポイント

本館｜03｜アドセンス審査について

下記の２記事なども確認の上でチャレンジを！

• 08｜アドセンス＆計測でサイト改善　
• 09｜定期更新とサイト健康管理のコツ　

For information on AdSense review, please visit the page below

　本館｜03｜アドセンス審査について