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

botanical-studys

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

Our English version is in progress. Stay tuned for exciting updates

02|Take Your Blog Design to the Next Level! Winning Strategies for JIN Theme Initial Setup

02|『JIN:R』テーマ初期設定の必勝法

サイトデザインを円滑に進めるポイント

  • おおまかな完成イメージを思い浮かべてから設定を行うことがスムーズです
  • 私の最初の最小限設定3選は【タイトル】【テーマカラー】【インフォメーション設定】です
  • 最初に全ての設定を行わず段階的に設定を行うことも可能です
  • ブログデザインの設定の前に記事などを公開する場合は【メンテナンスモード】で制作することがオススメです

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

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

Contents
  1. 【カスタマイズ】を必要最低限のみ設定する
  2. タイトルとアイコンの基本設定を設定する
  3. 【デザインプリセット】か【サイトデザイン設定】を設定する
  4. 【SNS登録/シェア設定を設定する
  5. 【プロフィール登録】を設定する
  6. 【スマホ専用機能】を設定する
  7. 【ステマ規制への対応設定】を設定する
  8. 【その他の設定】を設定する
  9. 【メニュー】を設定する
  10. 【ウィジェット】を設定する
  11. 【ホームページ設定】を設定する
  12. 【追加CSS】を設定する
  13. 【エクスポート/インポート】を設定する
  14. 【メンテナンスモード】を使用する方法
  15. 02|Take Your Blog Design to the Next Level! Winning Strategies for JIN Theme Initial Setup

【カスタマイズ】を必要最低限のみ設定する

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

【本館】01|
【本館】02|

タイトルとアイコンの基本設定を設定する

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

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

「タイトル」を入れる

Geranium
Geranium

アドセンス審査ポイント

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

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

「サブタイトル」を入れる

必要に応じて設定

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

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

「ディスクリプション」を入れる

必要に応じて設定

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

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

「サイトアイコン」を入れる

必要に応じて設定

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

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

【デザインプリセット】か【サイトデザイン設定】を設定する

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

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

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

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

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

Geranium
Geranium

掲載ページ数が少ない場合や、TOPページをホームページのようにシンプルに仕上げたい時は【サイトデザイン設定】がオススメ!

Geranium
Geranium

Cジャスミン瑠璃地楽の2種のサイトは、カテゴリーやコンテンツが多く、オリジナリティーとサイト内検索など使いやすさを重視したかったため【サイトデザイン設定(ホームページ設定き)】で制作しています。

【日本語サイト】Cジャスミン瑠璃地楽の魔王城HOME
Cジャスミン瑠璃地楽の魔王城
Cジャスミン瑠璃地楽の魔王城

A:【デザインプリセット】を設定する

必要に応じて設定

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

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

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

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

[デザインプリセット]

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

Geranium
Geranium

注意!

インポートな何度でも可能が、デザイン設定でデザインを作っていた場合は、「HOME画面を固定ページで保存する」や「変更前にバックアップをとっておき復元する」をしないと、デザイン設定で作ったデザインに戻せないので注意が必要です!

Geranium
Geranium

【サイトデザイン設定】を駆使することで【デザインプリセット】

と同じデザインを作ることも可能です

B:【サイトデザイン設定】を必要最低限のみ設定する

必要に応じて設定

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

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

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

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

[サイトデザイン]

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

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

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

B/01:「ページレイアウト」を設定する

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

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

B/02:「ページフレーム」を設定する

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

[ページフレーム]

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

B/03:「デザインルール」を設定する

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

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

B/04:「角の丸み」を設定する

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

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

B/05:「フォント選択」を設定する

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

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

B/06:「ロゴ設定」を設定する

必要に応じて設定

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

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

B/07:「ヘッダー」を設定する

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

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

B/08:「背景装飾」・「ヘッダー背景画像」を設定をする

必要に応じて設定

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

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

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

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

B/09:「記事のデザイン」(「記事幅」・文字サイズコメント投稿日時の表示記事内の画像に丸みをつける表示設定など)を設定する

必要に応じて設定

「記事幅」の設定の手順

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

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

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

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

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

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

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

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

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

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

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

Geranium
Geranium

各投稿へのコメント受付をONにした場合は

【サイトデザイン設定】の「コメントのタイトル文字」に

任意の文字を入れて変更する。

好きなサイズをクリックで選択する

コメント表示設定の設定の手順

  • 下記の【表示設定】→【コメントエリアを表示】を「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
  • 併せて【ダッシュボード】→【設定】→【ディスカッション】にある各項目にお好みの内容にチェックで選択する。
  • その後、左下部の「変更を保存」をクリックする。

B/10:「ブログカード」を設定する

必要に応じて設定

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

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

Geranium
Geranium

上記の設定はデフォルト設定です!

記事にブログカードを入れた場合はブログカードブロックを選択し

編集ページの右上の「ブロックタブ」から、個別に「ブログカードのデザイン選択」と「ブログカードの見出し」を変更できます

B/11:「関連記事」と「詳細設定」を設定する

必要に応じて設定

B/12:「カラー設定」で【テーマカラー】などを設定する

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

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

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

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

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

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

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

Geranium
Geranium

【テーマカラー】とは?

メインになる色で「見出し」や「ボックス」などの主要なパーツに自動的に反映されます。

B/13:「見出し」を設定する

Geranium
Geranium

アドセンス審査ポイント

「見出し」の設定の手順

[H2見出し設定]
  • 【サイトデザイン設定】の「見出し」の「H2見出し設定」を「スタイル1|シンプル塗り」、「スタイル2|吹き出し」、「スタイル3|上下ボーダー」、「スタイル4|下ボーダー」、「スタイル5|左ボーダー」、「スタイル6|左ボーダー塗り」、「スタイル7|二重ボーダー」、「スタイル8|ストライプ」、「スタイル9|ワンポイント」、「スタイル10|薄い塗り」、「CSSカスタマイズ用」の中から好きなデザインをクリックで選択する。
  • その後、左上部の「公開」をクリックする。

【H3見出し設定】
  • 「見出し」の「H3見出し設定」を「スタイル1|下ボーダー」、「スタイル2|左ボーダー」、「スタイル3|ドット」、「スタイル4|二重ボーダー下」、「スタイル5|二重ボーダー左」、「スタイル6|スクエア」、「スタイル7|サークル」、「スタイル8|薄い塗り」、「CSSカスタマイズ用」の中から好きなデザインをクリックで選択する。
  • その後、左上部の「公開」をクリックする。

[H4見出し設定]
  • 「見出し」の「H4見出し設定」を「スタイル1|インデント」、「スタイル2|ドット」、「スタイル3|左ボーダー」、「スタイル4|薄い塗り」、「スタイル5|スクエア」、「スタイル6|サークル」、「CSSカスタマイズ用」の中から好きなデザインをクリックで選択する。
  • その後、左上部の「公開」をクリックする。

B/14:「吹き出し」を設定する

必要に応じて設定

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

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

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

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

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

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

B/15:「メインビジュアル」と「ボックス」と「ボタン」と「アニメーション設定」を設定する

必要に応じて設定

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

[メインビジュアル]

[ボックス]

[ボタン]

[アニメーション設定]

B/16:「インフォメーション設定」を設定する

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

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

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

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

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

注意! 自作の記事作成&公開前は「リンク先URL」を空欄にする

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

【SNS登録/シェア設定を設定する

Geranium
Geranium

アドセンス審査ポイント

必要に応じて設定

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

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

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

【プロフィール登録】を設定する

Geranium
Geranium

アドセンス審査ポイント

必要に応じて設定

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

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

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

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

[プロフィール登録]

【スマホ専用機能】を設定する

必要に応じて設定

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

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

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

【サイトデザイン設定】の「スマホ専用機能」をクリックし、「スマホメニュー」と「コンバージョンボタン」の中から、設定を変更したいタブをクリックで選択する。

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

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

【ステマ規制への対応設定】を設定する

必要に応じて設定

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

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

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

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

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

【その他の設定】を設定する

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

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

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

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

[その他の設定]

【メニュー】を設定する

必要に応じて設定

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

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

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

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

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

【ウィジェット】を設定する

必要に応じて設定

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

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

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

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

[サイドバー]

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

【ホームページ設定】を設定する

必要に応じて設定

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

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

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

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

[ホームページ設定]

【追加CSS】を設定する

必要に応じて設定

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

 →画面左側の【追加CSS】

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

【エクスポート/インポート】を設定する

必要に応じて設定

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

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

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

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

[エクスポート]

[インポート]

【メンテナンスモード】を使用する方法

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

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

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

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

C Jasmine
C Jasmine
公式サイト様も見てね!

サーバー:『ConoHa WING』

テーマ:『JIN:R公式』『JIN公式』

ブログを始めるならこちら!「ブログガイドリンク集」

botanical-study.site『Cジャスミン瑠璃地楽の魔王城別館』Aromatherapy and Herbal Study Guide 

02|Take Your Blog Design to the Next Level! Winning Strategies for JIN Theme Initial Setup

English article

Scheduled for release later

記事URLをコピーしました