02｜ブログデザインを一段上へ！JINテーマ初期設定の必勝法

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

【ダッシュボード】とは？

• 『(ワードプレス)』にログインした時に最初に表示される「管理画面」です。
• 画面上部左上の『あなたのサイト名』をクリックすると「閲覧画面(HOMEページ画面)」にアクセスできます。
• 画面左側に、各機能へのメニューが並んでいます。
• メニューは以下の３パータンの表示があります。※初期から常設＋【テーマ】追加で増設されることもある＋【プラグイン】追加で増設されることもある)

記事を書き始める前に行うことで円滑な執筆へ

【本館】01｜

本館｜01｜4記事で達成！アドセンス合格までのWordPressブログ開設ステップ【総合目次】

【本館】02｜

本館｜02｜ブログ開設準備！『ConoHa WING』で始める『WordPress』ガイド

【本館】04｜

本館｜04｜初心者必見！ブロックエディッターの使い方ガイド

公開ページ上部の【カスタマイズ】→ 画面左側の【基本設定】をクリック

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

「タイトル」を入れる設定の手順

[タイトル]

• 【基本設定】の「サイトタイトル」の下の枠内に好きな文字(タイトル)を入力する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

「サブタイトル」を入れる設定の手順

[サブタイトル]

• 「基本設定」の「サブタイトル」の下の枠内に好きな文字(タイトル)を入力する。※サブタイトルを追加する場合
• 「【PC】サブタイトルを表示」、「【スマホ】サブタイトルを表示」を「オン・オフ」のチェックを切り替えてクリックし選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

「ディスクリプション」を入れる設定の手順

[ディスクリプション]

• 「基本設定」の「ディスクリプション」の枠の下に好きなサイトの説明文をに入力する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

「サイトアイコン」を入れる設定の手順

[サイトアイコン]

• 「詳細設定」の【サイトアイコン】の「サイトアイコンを選択」をクリックしメディア内または新規でメディアに追加した、512×512ピクセル以上の画像を選んで「選択」をクリックする。
• その後、左上部の「公開」をクリックする。

ブログのHOME画面などのデザインを設定できます

• 『JIN:R』に通常搭載されている既成のデザインに、自作ページを置き換えたりアレンジを加えて仕上げるなどブログ初心者におススメなのが【デザインプリセット】。
• ゼロから構成を考えてブロックエディッターなどを用いてオリジナリティーの高いページを仕上げたいならば【サイトデザイン設定】を選択する。

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

　→画面左側の【デザインプリセット】or【サイトデザイン設定】をクリック

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

必要に応じて設定

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

　→→→画面左側の【デザインプリセット】をクリック

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

【デザインプリセット】の設定の手順

[デザインプリセット]

• 「デザインプリセット」の中のデザインから、お好みのデザインを選んで「Download」をクリックする。
• その後、左上部の「公開」をクリックする。
• その後、次の工程の『各種記事や画像を作成』に移り、デザインを整える。

必要に応じて設定

• サイトのデザインやコンセプトイメージなどを、自由に表現したい方などは【サイトデザイン設定】内の各項目を１つづつ設定がオススメです。

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

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

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

[サイトデザイン]

※各項目の設定後、その都度、左上部の「公開」をクリックする

【サイトデザイン設定】の設定の手順

• B/0１:「ページレイアウト」を設定する
• B/0２:「ページフレーム」を設定する
• B/0３:「デザインルール」を設定する
• B/0４:「角の丸み」を設定する
• B/0５:「フォント選択」を設定する
• B/0６:「ロゴ設定」を設定する
• B/0７:「ヘッダー」を設定する
• B/0８:「背景装飾」・「ヘッダー背景画像」の設定をする
• B/0９:「記事のデザイン」(「記事幅」・「文字サイズ」・「コメント」・「投稿日時の表示」・「記事内の画像に丸みをつける」・「表示設定」など)を設定する
• B/10:「ブログカード」を設定する
• B/11:「関連記事」と「詳細設定」を設定する
• B/12:「カラー設定」で【テーマカラー】などを設定する
• B/1３:「見出し」を設定する
• B/14:「吹き出し」を設定する
• B/15:「メインビジュアル」と「ボックス」と「ボタン」と「アニメーション設定」を設定する
• B/16:「インフォメーション設定」を設定する

「ページレイアウト」の設定の手順

[ページレイアウト]

• 【サイトデザイン設定】で「トップページ」のカラム数と「記事ページ」のカラム数をクリックで選択する。
• その後、左上部の「公開」をクリックする。

「ページフレーム」の設定の手順

[ページフレーム]

• 【サイトデザイン設定】の「トリム」、「フルワイド」、「トランスレート」の中から好きなデザインをクリックで選択する。
• その後、左上部の「公開」をクリックする。

「デザインルール」の設定の手順

[デザインルール]

• 【サイトデザイン設定】の「コンセプト(記事タイトル＆アイキャッチの表示デザイン)」を「フラット」、「マテリアル」の中から好きなデザインをクリックで選択する。
• その後、左上部の「公開」をクリックする。

「角の丸み」の設定の手順

[角の丸み]

• 【サイトデザイン設定】の「(サイト全体の)角の丸み」を「ソリッド」、「スモール」、「ミディアム」、「ラージ」の中から好きなデザインをクリックで選択する。
• その後、左上部の「公開」をクリックする。

「フォント選択」の設定の手順

[フォント選択]

• 【サイトデザイン設定】の「フォント選択」、「英語フォント選択」の中から好きなフォントをクリックで選択する。
• 「英語フォントをイタリックにする」の「ON」、「OFF」をクリックで選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

「ロゴ設定」の設定の手順

[ロゴ設定]

• 【サイトデザイン設定】の「ロゴ設定」の「画像を選択」をクリックしメディア内または新規でメディアに追加した画像を選んで「選択」をクリックする。
• 「ロゴ / タイトルの大きさ【PC】」、「ロゴ / タイトルの大きさ（スマホ）」、「ロゴ / タイトルの上下余白（PC）」、「ロゴ / タイトルの上下余白（スマホ）」の中から好きな表示スタイルにスライダーで選択して表示させる。
• その後、左上部の「公開」をクリックする。

「ヘッダー」の設定の手順

[ヘッダー]

• 【サイトデザイン設定】の「レイアウト」を「左寄せ」、「中央寄せ」の中から好きなヘッダーレイアウトをクリックで選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

「背景装飾」の設定の手順

[背景装飾]

• 【サイトデザイン設定】の「背景装飾」を「なし」、「アンダーライン」、「トライアングル１」、「トライアングル２」の中から好きなデザインをクリックで選択する。　

「ヘッダー背景画像の設定」の設定の手順

[ヘッダー背景画像の設定]

• 必要に応じて「ヘッダー背景画像の設定」の「画像を選択」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

「記事幅」の設定の手順

[記事幅]

• 【サイトデザイン設定】の「記事デザイン」を「ベーシック」、「アドバンス」の中から好きなデザインをクリックで選択する。
• 【サイトデザイン設定】の「記事幅」を「680px」と「740px」の中から好きなサイズをクリックで選択する。

「文字サイズ」の設定の手順

[文字サイズ]

• 【サイトデザイン設定】の「文字サイズ(PC)」と「文字サイズ(スマホ)」をそれぞれ「L」、「M」、「S」の中から好きなサイズをクリックで選択する。
• その後、左上部の「公開」をクリックする。

「コメント」の設定の手順

[コメント]

• 「関連記事を表示」、「コメントエリアを表示」を、それぞれ「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• その後、左上部の「公開」をクリックする。

「投稿日時の表示」の設定の手順

[投稿日時の表示]

• 【サイトデザイン設定】の「投稿日時の表示」を「なし」、「公開日と更新日」、「公開日のみ」、「更新日のみ」の中からお好きな表示法を表示させて選択する。
• その後、左上部の「公開」をクリックする。

「記事内の画像に丸みをつける」の設定の手順

[記事内の画像に丸みをつける]

• 【サイトデザイン設定】の「記事内の画像に丸みをつける」を「ON」、「OFF」の中からお好みのデザインをクリックで選択する。
• その後、左上部の「公開」をクリックする。

「表示設定」の設定の手順

[表示設定]

• 「表示設定」の「アイキャッチ画像を表示」、「関連記事を表示」、「コメントエリカを表示」を、それぞれ「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

「ブログカード」の設定の手順

[ブログカード]

• 【サイトデザイン設定】の「ブログカードのデザイン選択」で「ベーシック」、「コンパクト」の中から好きなデザインをクリックで選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

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

[関連記事]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[詳細設定]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

「カラー設定」の設定の手順

[基本設定]

• 【サイトデザイン設定】の「カラー設定」をクリックする。
• 「基本設定」の【テーマカラー】、「背景色」、「文字色」を好きな色を選択して表示させる。
• その後、左上部の「公開」をクリックする。　

[ヘッダーエリア設定]

• 「ヘッダーエリア設定」の「ヘッダーの背景色」、「タイトルの文字色」、「メニューの文字色」を好きな色を選択して表示させる。
• その後、左上部の「公開」をクリックする。

[執筆ツールの設定]

• 「執筆ツールの設定」の「マーカー１の太さ」などを「細め」、「普通」、「太目」の中から選択して表示させ、「マーカー１の色」などを好きな色を選択して表示させる。
• 「カラーテキスト１の色」を好きな色を選択して表示させる。
• その後、左上部の「公開」をクリックする。

[他のパーツの設定]

• 「他のパーツの設定」の「リンクの色」、「リンクにマウスを合わせたときの色」を好きな色を選択して表示させる。
• 「関連記事の背景色」を「単色」、「グラデーション」、「透明」の中から好きなデザインを選択しクリックする。
• 「関連記事の文字色」を「サイトの文字色」、「白色」の中から好きな色を選択して表示させる。
• その後、左上部の「公開」をクリックする。

[フッターエリア設定]

• 「フッターエリア設定」の「フッターの背景色」を「単色」、「グラデーション」、「透明」の中から好きなデザインを選択し、「色」の枠の中に好きな色を選択して表示させる。
• その後、左上部の「公開」をクリックする。

[お気に入り]

• 「登録１」などに「色」の枠の中に好きな色を選択して表示させる。※お気に入りに登録した６色はJIN:Rブロックのカラー選択に追加されます
• その後、左上部の「公開」をクリックする。

「見出し」の設定の手順

[H2見出し設定]

• 【サイトデザイン設定】の「見出し」の「H２見出し設定」を「スタイル１｜シンプル塗り」、「スタイル２｜吹き出し」、「スタイル３｜上下ボーダー」、「スタイル４｜下ボーダー」、「スタイル５｜左ボーダー」、「スタイル６｜左ボーダー塗り」、「スタイル７｜二重ボーダー」、「スタイル８｜ストライプ」、「スタイル９｜ワンポイント」、「スタイル10｜薄い塗り」、「CSSカスタマイズ用」の中から好きなデザインをクリックで選択する。
• その後、左上部の「公開」をクリックする。

【H３見出し設定】

• 「見出し」の「H３見出し設定」を「スタイル１｜下ボーダー」、「スタイル２｜左ボーダー」、「スタイル３｜ドット」、「スタイル４｜二重ボーダー下」、「スタイル５｜二重ボーダー左」、「スタイル６｜スクエア」、「スタイル７｜サークル」、「スタイル８｜薄い塗り」、「CSSカスタマイズ用」の中から好きなデザインをクリックで選択する。
• その後、左上部の「公開」をクリックする。

[H4見出し設定]

• 「見出し」の「H４見出し設定」を「スタイル１｜インデント」、「スタイル２｜ドット」、「スタイル３｜左ボーダー」、「スタイル４｜薄い塗り」、「スタイル５｜スクエア」、「スタイル６｜サークル」、「CSSカスタマイズ用」の中から好きなデザインをクリックで選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

「吹き出し」の設定の手順

[吹き出し]

• 【サイトデザイン設定】の「吹き出し」をクリックする。
• 「吹き出し１」～「吹き出し４」の計４種の吹き出しと、「プリセット１」～「プリセット６」の計６種のプリセットに、任意の項目に任意のデザインを以下の手順で登録する。
• 「吹き出し」か「プリセット」の中から、デザインを登録したい場所をクリックする。
• 「キャラクターの設定」の「画像を変更」をクリックしメディア内または新規でメディアに追加した、150×150ピクセル以上の画像を選んで「選択」をクリックする。
• 「キャラクター名」を任意で入力し変更する。
• その後、左上部の「公開」をクリックする。

[吹き出し部分の設定]

• 「吹き出し部分の設定」を「ノーマル」、「こころの声」、「インタビュー」の中から好きな吹き出しのタイプをクリックで選択する。
• その後、左上部の「公開」をクリックする。

[色の設定]

• 「色の設定」の「キャラクター画像の枠色」を「単色」、「グラデーション」、「透明」の中から好きなデザインをクリックで選択し、「色の選択」を好きな色を選択して表示させる。
• 「吹き出しの背景色」を好きな色を選択して表示させる。
• 「吹き出しの枠色」を「単色」、「透明」の中から好きなデザインをクリックで選択し、「色の選択」を好きな色を選択して表示させる。
• その後、左上部の「公開」をクリックする。

[詳細設定]

• 「レイアウト」を「左」、「右」の中から好きなデザインをクリックで選択する。
• 「全体の枠の太さ」を「細め」、「普通」、「太め」の中から好きなデザインをクリックして選択する。
• その後、左上部の「公開」をクリックする。

[吹き出しの登録名を変更]

• 「登録名」を任意で入力し変更する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

「メインビジュアル」と「ボックス」と「ボタン」と「アニメーション設定」の設定の手順

[メインビジュアル]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[ボックス]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[ボタン]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[アニメーション設定]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

デフォルトでは、外部リンクになっているので必ず変更する

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

　→画面左側の【インフォメーション設定】をクリック

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

「インフォメーション設定」の設定の手順

[インフォメーション設定]

• 「インフォメーションバーの表示」を「利用する」と「利用しない」の中から好きな表示をクリックして選択する。
• 「タイプの選択」を「テキストのみ(帯がリンク)」と「テキストとボタン」の中から好きなタイプをクリックして選択する。
• 「テキスト１」の下の枠内に好きな文字を入力する。
• 「テキスト１の文字サイズ」を「小」、「大」、「大(下線付)」の中から好きな文字サイズをクリックして選択する。
• 「テキスト２」に好きな文字を入力する。 ※空欄でも大丈夫
• 「リンク先URL」の下の枠内に、「表示したいページのURL」を入力する

• 「文字色」を好きな色を選択して表示させる。
• 「背景色」を「単色」、「グラデーション」の中から好きなデザインをクリックで選択し、「色の選択」を好きな色を選択して表示させる。
• 「表示位置」を「ヘッダーの上」、「ヘッダーの下」の中から好きな表示位置をクリックし選択する
• 「表示ページ設定」を「TOPページで表示する」、「下層ページで表示する」、「スマホで表示する」、それぞれ「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• 「非表示にしたいページID」の下の枠内に、非表示にしたいページのIDを入力する。
• その後、左上部の「公開」をクリックする。

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

　→画面左側の【アイキャッチ画像自動生成】をクリック

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

「アイキャッチ画像自動生成」の設定の手順

[アイキャッチ画像自動生成]

• 「デザインパターン」を「背景色」と「オリジナル背景画像」の中から好きな表示をクリックして選択する。
• 「背景色」を選択した場合は、「単色」か「グラデーション」の中から好きな表示をクリックし、「単色」を選択した場合は、「色の選択」を好きな色を選択して表示させ、「グラデーション」を選択した場合は、「グラデーション１」、「グラデーション２」、「グラデーション３」の中から好きな表示をクリックし選択する。
• 「オリジナル背景画像」を選択した場合は、「背景画像アップロード」の下の「画像を選択」をクリックし、「メディアライブラリ」から選択するか、「ファイルをアップロードをクリック後にファイルを選択等でアップロード」し、「画像を選択」をクリックする。
• 「テキストの位置」を「左寄せ」と「中央よせ」の中から好きな表示をクリックして選択する。
• 「テキストカラー」の「色の選択」をクリックし、好きな色を選択して表示させる。
• 「著作プロフィールを表示」を「OFF」、「ON」の中から好きな表示をクリックして選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

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

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

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

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

[SNS登録]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[シェア設定]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

必要に応じて設定

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

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

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

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

[プロフィール登録]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

必要に応じて設定

公開ページ上部の【カスタマイズ】→ 画面左側の【スマホ専用機能】をクリック

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

【スマホ専用機能】の設定の手順

[スマホメニュー]

• 「スマホ専用機能」の「スマホメニュー」のタブをクリックする。
• 「メニュー１」～「メニュー４」の計４種にリンクを貼ることができるので、リンク先のページを考える。
• 「メニュー１」の「メニュー名」に任意の文字を入力する。
• 「アイコン選択」を「あり」と「なし」の中から好きな表示方法をクリックで選択する。「アイコン選択」を「あり」にしたい場合は、「選択中のアイコン」の下の「アイコンを変更する」をクリックし、表示されたアイコンの中から好きなデザインをクリックし選択する。
• 「スマホメニューのリンク先URL」の下の枠に「リンクさせたいページのURL」を入力する。※必要に応じて、「メニュー２」などの設定をする。
• 「表示設定」の「TOPぺージでの表示」を「表示」、「非表示」の中から好きな表示方法をクリックで選択する。
• その後、左上部の「公開」をクリックする。

[コンバージョンボタン]

• 「スマホ専用機能」の「コンバージョンボタン」のタブをクリックする。
• 「全記事ページ」を「利用する」、「利用しない」の中から好きな表示方法をクリックで選択する。
• 「メインテキスト」と「サブテキスト」の枠の中に、好きな文字を入力する。
• 「選択中のアイコン」の「アイコンを変更する」をクリックし、表示されたアイコンの中から好きなデザインをクリックし選択する。
• 「アイコンを画像に置き換える」を「ON」、「OFF」の中から好きな表示方法をクリックで選択する。「ON」を選択した場合は、「画像を変更」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
• 「リンク先URL」の下の枠に「リンクさせたいページのURL」を入力する。「別タブで開く」の表示方法をスイッチを切り替えて選択する。
• 「デザイン」を「アウトライン」、「ベタ塗り」の中から好きなデザインをクリックで選択する。
• 「ボタンのカラー設定」を「単色」、「グラデーション」の中から好きなデザインをクリックで選択し、「色の選択」を好きな色を選択して表示させる。
• 「除外カテゴリーID」と「除外ページID」の下の枠に、任意で該当IDを入れる。※デフォルトの空欄でも大丈夫です。
• 「特定カテゴリー１」と「特定カテゴリー２」を「利用する」、「利用しない」の中から好きな利用方法をクリックで選択する。
• 「利用する」を選択した場合は、「カテゴリー選択」の下の枠に利用したいカテゴリー名をクリックで選択する。以降の項目は、前途の設定方法と一緒です。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

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

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

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

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

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

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

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

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

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

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

[その他の設定]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

必要に応じて設定

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

　→画面左側の【メニュー】をクリック

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

Cジャスミン瑠璃地楽が薦める【メニュー】設定のタイミング

『プライバシーポリシーなどの(加筆修正が必要な)』ページと『お問い合わせフォーム』ページ、『サイトマップ』ページ、『プロフィール』ページの作成・公開を完了した後に【メニュー】の設定がです！

【メニュー】の設定の手順

[メニュー]

• 【サイトデザイン設定】の「グローバルメニューのデザイン選択」を「デザイン１」、「デザイン２」の中から好きなデザインを表示させて選択する。
• 「グローバルメニューの文字サイズ（PC）」をスライダーでサイズを選択する。
• 【サイトデザイン設定】の「グローバルメニューにカーソルしたときの動き」を「文字色を変える」、「下線(下から上へ)」、「下線(左から右へ)」、「下線(左から右へ消える)」の中から好きなデザインを表示させて選択する。
• 【サイトデザイン設定】の「表示設定」の「PCでハンバーガーメニューを表示」、「検索ボックスを表示」、「グローバルメニューをタブレット端末で表示」、「トップページでヘッダーを表示」を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• その後、左上部の「公開」をクリックする。

必要に応じて設定

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

　→画面左側の【ウィジェット】をクリック

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

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

[サイドバー]

• 『【サイドバー】の設定をする』のページへ

[その他のウィジェット」

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

必要に応じて設定

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

　→画面左側の【ホームページ設定】をクリック

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

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

[ホームページ設定]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

必要に応じて設定

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

　→画面左側の【追加CSS】

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

「追加CSS」の設定の手順

[追加CSS]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

必要に応じて設定

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

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

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

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

[エクスポート]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[インポート]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

メンテナンスモード使用中の注意点

• サイト開設前や更新時に閲覧者の方にメンテナンス中であることを伝える
• 必ず【メンテナンスモード】を使用しないといけない訳ではないのでお好みで
• プラグイン『Maintenance』などを使用

【メンテナンスモード】の設定の手順

[メンテナンスモードにするための「プラグイン」のインストールと設定]

• ダッシュボードの「プラグイン」の「新規プラグインを追加」をクリックする。
• 画面右側の検索窓で「Maintenance」と入れ検索表示をさせる。
• 「Maintenance(作者 WebFactory様)」を「今すぐインストール」をクリックし「有効化」をクリックする。　　
• メンテナンス中を知らせるメッセージや背景画像などをカスタマイズする

記事を書き始める前に行うことで円滑な執筆へ

【本館】01｜

本館｜01｜4記事で達成！アドセンス合格までのWordPressブログ開設ステップ【総合目次】

【本館】02｜

本館｜02｜ブログ開設準備！『ConoHa WING』で始める『WordPress』ガイド

【本館】04｜

本館｜04｜初心者必見！ブロックエディッターの使い方ガイド

At the top of the public page, go to 【カスタマイズ】 → Click 【基本設定】 on the left side of the screen

In addition to editing through the JIN:R dashboard, you can also make changes directly from the public page.

Steps to enter 「タイトル」

[タイトル]

• Enter your preferred text (title) in the box under 「サイトタイトル」 in 【基本設定】.
• Then, click 「公開」 at the top left.

Set as needed

Steps to enter 「サブタイトル」

[サブタイトル]

• Enter your preferred text (title) in the box under 「サブタイトル」 in 「基本設定」. ※ If adding a subtitle
• Toggle the 「【PC】サブタイトルを表示」 and 「【スマホ】サブタイトルを表示」 options by switching the checkmarks on or off.
• Then, click 「公開」 at the top left.

Set as needed

Steps to enter 「ディスクリプション」

[ディスクリプション]

• Enter your preferred site description in the box under 「ディスクリプション」 in 「基本設定」.
• Then, click 「公開」 at the top left.

Set as needed

Steps to enter 「サイトアイコン」

[サイトアイコン]

• Choose an image from the media library or upload a new one with at least 512×512 pixels, then click 「選択」.
• Finally, click 「公開」 at the top left.

You can set the design for the blog’s HOME screen, etc

• The 【デザインプリセット】 is recommended for blog beginners, as it allows you to replace or customize the pre-installed design of 『JIN:R』 with your own pages.
• If you want to create a highly original page from scratch using tools like a block editor, choose 【サイトデザイン設定】.

Click 【カスタマイズ】 at the top of the public page, then select 【デザインプリセット】 or 【サイトデザイン設定】 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.

Set as needed

Click 【カスタマイズ】 at the top of the public page, then select 【デザインプリセット】 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 your preferred design from 「デザインプリセット」, then click 「Download」.
• Next, click 「公開」 in the upper left corner.
• Then, proceed to the next step, 『各種記事や画像を作成』, to refine the design.
• I have translated precisely as requested. Let me know if any adjustments are needed.

Set as needed

• For those who want to freely express their site’s design and concept image, it is recommended to configure each item within 【サイトデザイン設定】 one by one

Click 【カスタマイズ】 at the top of the public page, then select 【サイトデザイン設定】 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.

[サイトデザイン]

After configuring each item, click 「公開」 in the upper left corner each time

Steps to set up 【サイトデザイン設定】

• B/0１:set up「ページレイアウト」
• B/0２:set up「ページフレーム」
• B/0３:set up「デザインルール」
• B/0４:set up「角の丸み」
• B/0５:set up「フォント選択」
• B/0６:set up「ロゴ設定」
• B/0７:set up「ヘッダー」
• B/0８:set up「背景装飾」・「ヘッダー背景画像」
• B/0９:set up「記事のデザイン」(「記事幅」・「文字サイズ」・「コメント」・「投稿日時の表示」・「記事内の画像に丸みをつける」・「表示設定」など)
• B/10:set up「ブログカード」
• B/11:set up「関連記事」と「詳細設定」
• B/12:set up「カラー設定」【テーマカラー】
• B/1３:set up「見出し」
• B/14:set up「吹き出し」
• B/15:set up「メインビジュアル」＆「ボックス」＆「ボタン」＆「アニメーション設定」
• B/16:set up「インフォメーション設定」

Steps to set up 「ページレイアウト」

[ページレイアウト]

• In 【サイトデザイン設定】, select the number of columns for the 「トップページ」 and 「記事ページ」 by clicking the options.
• Then, click 「公開」 in the upper left corner.

Steps to set up「ページフレーム」

[ページフレーム]

• In 【サイトデザイン設定】, select your preferred design from 「トリム」, 「フルワイド」, or 「トランスレート」 by clicking the option.
• Then, click 「公開」 in the upper left corner.

Steps to set up 「デザインルール」

[デザインルール]

• In 【サイトデザイン設定】, select your preferred design for 「コンセプト(記事タイトル＆アイキャッチの表示デザイン)」 from 「フラット」 or 「マテリアル」 by clicking the option.
• Then, click 「公開」 in the upper left corner.

Steps to set up 「角の丸み」

[角の丸み]

• In 【サイトデザイン設定】, select your preferred design for 「(サイト全体の)角の丸み」 from 「ソリッド」, 「スモール」, 「ミディアム」, or 「ラージ」 by clicking the option.
• Then, click 「公開」 in the upper left corner.

Steps to set up 「フォント選択」

[フォント選択]

• In 【サイトデザイン設定】, select your preferred font from 「フォント選択」 or 「英語フォント選択」 by clicking the option.
• Choose 「ON」 or 「OFF」 for 「英語フォントをイタリックにする」 by clicking the option.
• Then, click 「公開」 in the upper left corner.

Set as needed

Steps to set up 「ロゴ設定」

[ロゴ設定]

• In 【サイトデザイン設定】, click 「画像を選択」 under 「ロゴ設定」, then choose an image from the media library or upload a new one and click 「選択」.
• Use the slider to select your preferred display style for 「ロゴ / タイトルの大きさ【PC】」, 「ロゴ / タイトルの大きさ（スマホ）」, 「ロゴ / タイトルの上下余白（PC）」, and 「ロゴ / タイトルの上下余白（スマホ）」.
• Then, click 「公開」 in the upper left corner.

Steps to set up 「ヘッダー」

[ヘッダー]

• In 【サイトデザイン設定】, select your preferred header layout from 「左寄せ」 or 「中央寄せ」 by clicking the option.
• Then, click 「公開」 in the upper left corner.

Set as needed

Steps to set up 「背景装飾」

[背景装飾]

• In 【サイトデザイン設定】, select your preferred design for 「背景装飾」 from 「なし」, 「アンダーライン」, 「トライアングル１」, or 「トライアングル２」 by clicking the option.

Steps to set up 「ヘッダー背景画像の設定」

[ヘッダー背景画像の設定]

• If needed, click 「画像を選択」 under 「ヘッダー背景画像の設定」, then choose an image from the media library or upload a new one and click 「選択」.
• Then, click 「公開」 in the upper left corner.

Set as needed

Steps to set up 「記事幅」

[記事幅]

• In 【サイトデザイン設定】, select your preferred article design from 「ベーシック」 or 「アドバンス」 by clicking the option.
• Choose the article width by selecting either 「680px」 or 「740px」.

「文字サイズ」の設定の手順

[文字サイズ]

• In 【サイトデザイン設定】, select your preferred text size for 「文字サイズ(PC)」 and 「文字サイズ(スマホ)」 from 「L」, 「M」, or 「S」 by clicking the option.
• Then, click 「公開」 in the upper left corner.

Steps to set up 「コメント」

[コメント]

• Switch 「関連記事を表示」 and 「コメントエリアを表示」 between 「ON(ボタンが青色)」 and 「OFF」 to select your preferred settings.
• Then, click 「公開」 in the upper left corner.

Steps to set up 「投稿日時の表示」

[投稿日時の表示]

• In 【サイトデザイン設定】, select your preferred display option for 「投稿日時の表示」 from 「なし」, 「公開日と更新日」, 「公開日のみ」, or 「更新日のみ」.
• Then, click 「公開」 in the upper left corner.

Steps to set up 「記事内の画像に丸みをつける」

[記事内の画像に丸みをつける]

• In 【サイトデザイン設定】, select your preferred design for 「記事内の画像に丸みをつける」 by clicking either 「ON」 or 「OFF」.
• Then, click 「公開」 in the upper left corner.

Steps to set up 「表示設定」

[表示設定]

• In 「表示設定」, switch 「アイキャッチ画像を表示」, 「関連記事を表示」, and 「コメントエリアを表示」 between 「ON(ボタンが青色)」 and 「OFF」 to select your preferred settings.
• Then, click 「公開」 in the upper left corner.

Set as needed

Steps to set up 「ブログカード」

[ブログカード]

• In 【サイトデザイン設定】, select your preferred blog card design from 「ベーシック」 or 「コンパクト」 by clicking the option.
• Then, click 「公開」 in the upper left corner.

Set as needed

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

[関連記事]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[詳細設定]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

Steps to set up 「カラー設定」

[基本設定]

• In 【サイトデザイン設定】, click 「カラー設定」.
• Under 「基本設定」, select your preferred colors for 【テーマカラー】, 【背景色】, and 【文字色】 to customize their display.
• Then, click 「公開」 in the upper left corner.

[ヘッダーエリア設定]

• In 「ヘッダーエリア設定」, choose your preferred colors for 「ヘッダーの背景色」, 「タイトルの文字色」, and 「メニューの文字色」 to customize their display.
• Then, click 「公開」 in the upper left corner.

[執筆ツールの設定]

• In 「執筆ツールの設定」, select the thickness for 「マーカー１の太さ」 from 「細め」, 「普通」, or 「太目」, and choose your preferred color for 「マーカー１の色」 to customize its display.
• Then, select your desired color for 「カラーテキスト１の色」.
• Finally, click 「公開」 in the upper left corner.

[他のパーツの設定]

• In 「他のパーツの設定」, select your preferred colors for 「リンクの色」 and 「リンクにマウスを合わせたときの色」 to customize their display.
• For 「関連記事の背景色」, choose a design from 「単色」, 「グラデーション」, or 「透明」 by clicking the option.
• Select your desired color for 「関連記事の文字色」 from 「サイトの文字色」 or 「白色」 to customize its appearance.
• Then, click 「公開」 in the upper left corner.

[フッターエリア設定]

• In 「フッターエリア設定」, choose a design for 「フッターの背景色」 from 「単色」, 「グラデーション」, or 「透明」, then select your preferred color within the 「色」 frame to customize the display.
• Finally, click 「公開」 in the upper left corner.

[お気に入り]

• In 「登録１」, select your preferred color within the 「色」 frame to customize its display.
• ※ The six colors you mark as favorites will be added to the JIN:R block color selection.
• Then, click 「公開」 in the upper left corner.

Steps to set up 「見出し」

[H2見出し設定]

• In 【サイトデザイン設定】, under 「見出し」, choose your preferred 「H２見出し設定」 style from the following options: 「スタイル１｜シンプル塗り」, 「スタイル２｜吹き出し」, 「スタイル３｜上下ボーダー」, 「スタイル４｜下ボーダー」, 「スタイル５｜左ボーダー」, 「スタイル６｜左ボーダー塗り」, 「スタイル７｜二重ボーダー」, 「スタイル８｜ストライプ」, 「スタイル９｜ワンポイント」, 「スタイル10｜薄い塗り」, 「CSSカスタマイズ用」.
• Click to select your preferred design. Then, click 「公開」 in the upper left corner.

【H３見出し設定】

• In 「見出し」, select your preferred 「H３見出し設定」 style from 「スタイル１｜下ボーダー」, 「スタイル２｜左ボーダー」, 「スタイル３｜ドット」, 「スタイル４｜二重ボーダー下」, 「スタイル５｜二重ボーダー左」, 「スタイル６｜スクエア」, 「スタイル７｜サークル」, 「スタイル８｜薄い塗り」, 「CSSカスタマイズ用」 by clicking your desired design.
• Then, click 「公開」 in the upper left corner.

[H4見出し設定]

• In 「見出し」, select your preferred 「H４見出し設定」 style from 「スタイル１｜インデント」, 「スタイル２｜ドット」, 「スタイル３｜左ボーダー」, 「スタイル４｜薄い塗り」, 「スタイル５｜スクエア」, 「スタイル６｜サークル」, 「CSSカスタマイズ用」 by clicking your desired design.
• Then, click 「公開」 in the upper left corner.

Set as needed

Steps to set up 「吹き出し」

[吹き出し]

• In 【サイトデザイン設定】, click 「吹き出し」.
• Register a design for any item within the four types of 吹き出し（吹き出し１〜吹き出し４） or the six types of プリセット（プリセット１〜プリセット６） using the following steps:
• Click the desired location within 「吹き出し」 or 「プリセット」 where you want to register a design.
• In 「キャラクターの設定」, click 「画像を変更」, then select an image (150×150 pixels or larger) from your media library or upload a new image, and click 「選択」.
• Enter and modify the 「キャラクター名」 as needed.
• Then, click 「公開」 in the upper left corner.

[吹き出し部分の設定]

• In 「吹き出し部分の設定」, select your preferred speech bubble type from 「ノーマル」, 「こころの声」, or 「インタビュー」 by clicking the desired option.
• Then, click 「公開」 in the upper left corner.

[色の設定]

• In 「色の設定」, select a design for 「キャラクター画像の枠色」 from 「単色」, 「グラデーション」, or 「透明」 by clicking the desired option, then choose your preferred color under 「色の選択」.
• Select your preferred color for 「吹き出しの背景色」.
• For 「吹き出しの枠色」, choose a design from 「単色」 or 「透明」 by clicking the desired option, then select your preferred color under 「色の選択」.
• Then, click 「公開」 in the upper left corner.

[詳細設定]

• In 「レイアウト」, select your preferred design from 「左」 or 「右」 by clicking your desired option.
• For 「全体の枠の太さ」, choose a thickness from 「細め」, 「普通」, or 「太め」 by clicking the desired design.
• Then, click 「公開」 in the upper left corner.

[吹き出しの登録名を変更]

• Enter and modify 「登録名」 as needed.
• Then, click 「公開」 in the upper left corner.

Set as needed

Steps to set up 「メインビジュアル」＆「ボックス」＆「ボタン」＆「アニメーション設定」

[メインビジュアル]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[ボックス]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[ボタン]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[アニメーション設定]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

デフォルトでは、外部リンクになっているので必ず変更する

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【インフォメーション設定】

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

Steps to set up 「インフォメーション設定」

[インフォメーション設定]

• Select 「インフォメーションバーの表示」 by clicking your preferred option between 「利用する」 and 「利用しない」.
• For 「タイプの選択」, choose between 「テキストのみ(帯がリンク)」 or 「テキストとボタン」.
• Enter your preferred text in the field under 「テキスト１」.
• Choose the font size for 「テキスト１の文字サイズ」 from 「小」, 「大」, or 「大(下線付)」.
• Enter text in 「テキスト２」, though leaving it blank is also fine.
• Input the URL for the page you want to display in the field under 「リンク先URL」

• Select and display your preferred color for 「文字色」.
• Select 「背景色」 from 「単色」 or 「グラデーション」 by clicking your preferred design, then choose and display a color under 「色の選択」.
• Click to select the preferred display position for 「表示位置」 from 「ヘッダーの上」 or 「ヘッダーの下」.
• For 「表示ページ設定」, toggle the switches between ON (blue button) and OFF to select whether to display on 「TOPページで表示する」, 「下層ページで表示する」, or 「スマホで表示する」.
• Enter the relevant ページID in the field under 「非表示にしたいページID」 to hide specific pages.
• Finally, click 「公開」 in the upper left corner.

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【アイキャッチ画像自動生成】

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

Steps to set up 「アイキャッチ画像自動生成」

[アイキャッチ画像自動生成]

• Select 「デザインパターン」 from 「背景色」 or 「オリジナル背景画像」 by clicking your preferred display option.
• If 「背景色」 is selected, choose between 「単色」 or 「グラデーション」. If 「単色」 is selected, click 「色の選択」 to choose and display your preferred color. If 「グラデーション」 is selected, click and choose from 「グラデーション１」, 「グラデーション２」, or 「グラデーション３」.
• If 「オリジナル背景画像」 is selected, click 「画像を選択」 under 「背景画像アップロード」, then select an image from 「メディアライブラリ」 or upload a new file by clicking 「ファイルをアップロード」, selecting the file, and clicking 「画像を選択」.
• Click your preferred display option for 「テキストの位置」 from 「左寄せ」 or 「中央よせ」.
• Click 「色の選択」 under 「テキストカラー」, then select your preferred color for display.
• For 「著作プロフィールを表示」, click 「ON」 or 「OFF」 to choose your preferred setting.
• Finally, click 「公開」 in the upper left corner.

Set as needed

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【SNS登録/シェア設定】

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登録]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[シェア設定]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

Set as needed

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【プロフィール登録】

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

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

[プロフィール登録]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

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 【スマホ専用機能】

[スマホメニュー]

• In 「スマホ専用機能」, click the 「スマホメニュー」 tab.
• Decide which pages to link within the four menu options: 「メニュー１」～「メニュー４」.
• Enter your desired text in the field for 「メニュー１」の「メニュー名」.
• For 「アイコン選択」, choose 「あり」 or 「なし」. If 「あり」 is selected, click 「アイコンを変更する」 under 「選択中のアイコン」, then choose a design from the displayed icons.
• Enter the 「スマホメニューのリンク先URL」 in the designated field to link to your chosen page. Configure 「メニュー２」 and others as needed.
• For 「表示設定」, choose 「表示」 or 「非表示」 for its visibility on the TOPページ.
• Then, click 「公開」 in the upper left corner.

[コンバージョンボタン]

• In 「スマホ専用機能」, click the 「コンバージョンボタン」 tab.
• Select your preferred display method for 「全記事ページ」 from 「利用する」 or 「利用しない」.
• Enter your desired text in the fields for 「メインテキスト」 and 「サブテキスト」.
• Click 「アイコンを変更する」 under 「選択中のアイコン」, then choose a design from the displayed icons.
• For 「アイコンを画像に置き換える」, select 「ON」 or 「OFF」. If 「ON」 is selected, click 「画像を変更」, then choose an image from the media library or upload a new one, and click 「選択」.
• Enter the 「リンク先URL」 in the designated field, then toggle the switch for 「別タブで開く」.
• Choose a design for 「デザイン」 from 「アウトライン」 or 「ベタ塗り」.
• For 「ボタンのカラー設定」, select a design from 「単色」 or 「グラデーション」, then choose a color under 「色の選択」.
• In the fields for 「除外カテゴリーID」 and 「除外ページID」, optionally enter relevant IDs (leaving them blank is also fine).
• For 「特定カテゴリー１」 and 「特定カテゴリー２」, select 「利用する」 or 「利用しない」.
• If 「利用する」 is chosen, click the relevant category name under 「カテゴリー選択」. The following settings follow the same configuration steps as previously mentioned.
• Then, click 「公開」 in the upper left corner.

Set as needed

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【ステマ規制への対応設定】

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

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

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

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【その他の設定】

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

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

[その他の設定]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

Set as needed

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【メニュー】

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

Cジャスミン瑠璃地楽が薦める【メニュー】設定のタイミング

『プライバシーポリシーなどの(加筆修正が必要な)』ページと『お問い合わせフォーム』ページ、『サイトマップ』ページ、『プロフィール』ページの作成・公開を完了した後に【メニュー】の設定がです！

Steps to set up 【メニュー】

[メニュー]

• In 【サイトデザイン設定】, select your preferred 「グローバルメニューのデザイン選択」 from 「デザイン１」 or 「デザイン２」.
• Adjust 「グローバルメニューの文字サイズ（PC）」 using the slider.
• For 「グローバルメニューにカーソルしたときの動き」, choose from 「文字色を変える」, 「下線(下から上へ)」, 「下線(左から右へ)」, or 「下線(左から右へ消える)」.
• In 【サイトデザイン設定】の「表示設定」, toggle the switches for 「PCでハンバーガーメニューを表示」, 「検索ボックスを表示」, 「グローバルメニューをタブレット端末で表示」, and 「トップページでヘッダーを表示」 between ON (blue button) and OFF.
• Then, click 「公開」 in the upper left corner.

Set as needed

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【ウィジェット】

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

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

[サイドバー]

• 『【サイドバー】の設定をする』のページへ

[その他のウィジェット」

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

Set as needed

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【ホームページ設定】

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

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

[ホームページ設定]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

Set as needed

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【追加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]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

Set as needed

At the top of the public page, click 【カスタマイズ】 → On the left side of the screen, click 【エクスポート/インポート】

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

Steps to set up 「エクスポート/インポート」

[エクスポート]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

[インポート]

• 『全ての項目の【カスタマイズ】の設定をする』のページへ

Precautions when using maintenance mode

• Inform visitors that the site is undergoing maintenance before launching or during updates.
• Using 【メンテナンスモード】 is optional, depending on preference.
• Use plugins such as 『Maintenance』.

Steps to set up 【メンテナンスモード】

[メンテナンスモードにするための「プラグイン」のインストールと設定]

• In the dashboard, click 「プラグイン」 and then 「新規プラグインを追加」.
• In the search box on the right side of the screen, type 「Maintenance」 to display the search results.
• Click 「今すぐインストール」 for 「Maintenance(作者 WebFactory様)」, then click 「有効化」.
• Customize the maintenance message and background image to notify visitors during maintenance mode.