04｜読者に優しいメニュー作り！『JIN:R』テーマのナビゲーション完全活用術

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

公開ページ上部の【カスタマイズ】→ 画面左側の【メニュー】をクリック

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

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

　→→→画面左側の【メニュー】→【メニューの位置】→「公開」をクリック

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

「メニューの位置」の設定の手順

[メニュー]

• 「メニューの位置」の「全ての位置を表示」をクリックする
• 「グローバルナビゲーション」、「ハンバーガーメニュー」、「フッターメニュー」に、「グローバルナビゲーション」と「フッターメニュー」の中から好きな設定名(下記の項目でセットした設定)を選択して表示させる
• その後、左上部の「公開」をクリックする。

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

　→画面左側の【メニュー】→【グローバルナビゲーション】→「公開」クリック

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

「グローバルナビゲーション」の設定の手順

[グローバルナビゲーション]

• 好きな記事を好きなメニューをサイト上部のグローバルナビゲーションに設置することができます。

[メニュー名]

• 【メニュー】の「グローバルナビゲーション」をクリックする
• 画面左側の「メニュー」の下に並んでいるものが「グローバルナビゲーション」に表示されている記事。
• 「グローバルナビゲーション」に不要な記事は、記事名の右側の▼をクリックし「削除」をクリックする。
• 「グローバルナビゲーション」に追加したい記事は、一覧の下にある「＋項目を追加」をクリックし、追加したい記事を各種記事の中から探し、追加したい記事をクリックして一覧に加える
• 「グローバルナビゲーション」での表示名を変えたい場合は、対象の記事の記事名の右側の▼をクリックし「ナビゲーションラベルの枠」に、希望の文字を入れる。※こちらの設定は表示名の変更であり記事のタイトルは変わりません
• 必要に応じて「グロバールナビゲーション」の並び順や階層を、記事名をクリックしたまま長押しして希望の場所へ移動させるか、「並び替え」をクリックし、<のマークに従い移動させることで変更をする。
• その後、左上部の「公開」をクリックする。

[メニューの位置]

• 「(A｜)グローバルナビゲーション」、「(B｜)ハンバーガーメニュー」、「(C｜)フッターメニュー」の中から好きな表示メニューをチェックボックスをクリックし選択する。

[メニュー設定]

• 「このメニューに新しいトップレベルページを自動的に追加」に好きな設定をチェックをクリックし選択する。

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

　→→→画面左側の【メニュー】→【フッターメニュー】→「公開」をクリック

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

フッターメニューの設定の手順

[フッターメニュー]

• 好きな記事を好きなメニューをサイト下部のフッターに設置することができます。

[メニュー名]

• 【メニュー】の「フッターメニュー」をクリックする
• 画面左側の「メニュー」の下に並んでいるものが「フッターメニュー」に表示されている記事。
• 「フッターメニュー」に不要な記事は、記事名の右側の▼をクリックし「削除」をクリックする。
• 「フッターメニュー」に追加したい記事は、一覧の下にある「＋項目を追加」をクリックし、追加したい記事を各種記事の中から探し、追加したい記事をクリックして一覧に加える
• 「フッターメニュー」内の表示名を変えたい場合は、対象の記事の記事名の右側の▼をクリックし「ナビゲーションラベルの枠」に、希望の文字を入れる。※こちらの設定は表示名の変更であり記事のタイトルは変わりません
• 必要に応じて「フッターメニュー」の並び順や階層を、記事名をクリックしたまま長押しして希望の場所へ移動させるか、「並び替え」をクリックし、<のマークに従い移動させることで変更をする。
• その後、左上部の「公開」をクリックする。

[メニューの位置]

• 「(A｜)グローバルナビゲーション」、「(B｜)ハンバーガーメニュー」、「(C｜)フッターメニュー」の中から好きな表示メニューをチェックボックスをクリックし選択する。

[メニュー設定]

「このメニューに新しいトップレベルページを自動的に追加」に好きな設定をチェックをクリックし選択する。

▼このサイト『Cジャスミン瑠璃地楽の魔王城別館』のHOMEページ▼

▼ピックアップコンテンツ▼

List of Quizzes by Family

List of Quizzes by Part

List of Quizzes by Aromatic

• HOMEページへの【ピックアップコンテンツ】の設置未設置はお好みで
• 【ピックアップコンテンツ】は【リッチメニュー】で制作する。
• JINやJIN:R(ホームページ設定未使用)の時は、TOP(HOME)ページに設置
• JIN:R(【ホームページ設定】使用時)は、HOMEページに設置　※【ホームページ設定】使用時用の「投稿ページ」には【ピックアップコンテンツ】を置いてはいけない　※【ホームページ設定】は『仕上げのホームページ設定方法』ページへ
• HOMEページだけでなく、どのページにも設置可能です

管理画面の【ダッシュボード】

　→【任意のページ】や【ウィジェット】→【リッチメニュー】を呼び出し設置→【公開】をクリック

リッチメニュー設定の手順

[リッチメニュー設定]

• 画面左上の【＋(背景青色)】か、本文スペースをクリックした時に、右側に表示される【＋(背景黒色)】をクリックする
• 画面左側の「ブロック」タブ内で「JINRブロック」内の「リッチメニュー」をクリック
• 表示された「リッチメニュー」のかたまりをクリックし、画面右側の「ブロック」タブをクリックし、「基本設定」などを表示させる
• 「カラム選択【PC】」を、「２カラム」、「３カラム」、「４カラム」、「６カラム」の中から好きなデザインを選択しクリックする。
• 「カラム選択【スマホ】」を、「１カラム」、「２カラム」、「３カラム」、「スライド」の中から好きなデザインを選択しクリックする。
• 「画像比率選択」を「正方形(１：１)」、「横長(４：３)」、「横長(１６：９)」、「横長(５：２)」、「縦長(２：３)」の中から好きなデザインを選択しクリックする。
• 「メニューアイテムの文字」を、「あり」、「なし」の中から好きなデザインを選択しクリックする。
• 「デザイン選択」を、「スタイル１｜下」、「スタイル２｜中央コンパクト」、「スタイル３｜中央ダイナミック」、「スタイル４｜左上」、「スタイル５｜外に出す」の中から好きなデザインを選択しクリックする。
• 「文字サイズ」を「小」、「中」、「大」の中から好きなデザインを選択しクリックする。
• 「色」を、デフォルトの選択群やオリジナル色の中から好きな色を選択しクリックする。
• 「アニメーション」を、「なし」、「全体フェードイン」、「一つづつフェードイン」の中から好きなデザインを選択しクリックする。
• 「カーソルしたときの動きの選択」を、「なし」、「浮かす」、「ズーム」、「フェード」の中から好きなデザインを選択しクリックする。

[リッチメニューアイテム設定]

• 「リッチメニュー」のブロックをクリックして、「＋リッチメニューアイテムを追加」や「削除」を用いて、必要数のリッチメニューアイテムを設置する。
• 各「リッチメニュー」をクリックして、画面右側の「ブロック」タブに「リッチメニューアイテム設定」を表示させる
• 「URL設定」の枠に、画像から飛ばしたい(リンクをしたい)ページのURLを入れる。
• 「画像設定」の「画像の置き換え」をクリックしメディア内、または新規でメディアに追加した画像を選んで「選択」をクリックする。
• 「別タブで開く」を、「ON(ボタンが青色)」と「OFF」のスイッチを切り替えて選択する。
• 必要に応じて、「サブテキスト」と「メインテキスト」を入力する

Scheduled for release later

At the top of the published page, click 【カスタマイズ】, then click 【メニュー】 on the left side of the screen

Editing is possible not only from the JIN:R dashboard but also directly from the published page.

At the top of the published page, click 【カスタマイズ】 → 【メニュー】 on the left side of the screen → 【メニューの位置】 → Click 「公開」

Editing is possible not only from the JIN:R dashboard but also directly from the published page.

Steps to set 「メニューの位置」

[メニュー]

• Click 「全ての位置を表示」 in 「メニューの位置」.
• In 「グローバルナビゲーション」, 「ハンバーガーメニュー」, and 「フッターメニュー」, select and display a preferred setting name from 「グローバルナビゲーション」 or 「フッターメニュー」, based on the configurations set in the following items.
• Then, click 「公開」 at the top left to finalize the settings

Click 【カスタマイズ】 at the top of the published page → 【メニュー】 on the left side of the screen → 【グローバルナビゲーション】 → Click 「公開」.

Editing is possible not only from the JIN:R dashboard but also directly from the published page.

Steps to set「グローバルナビゲーション」

[グローバルナビゲーション]

• You can place any desired article in your preferred menu within the グローバルナビゲーション at the top of the site.

[メニュー名]

• Click 「グローバルナビゲーション」 in 【メニュー】.
• The items listed below 「メニュー」 on the left side of the screen are the articles displayed in 「グローバルナビゲーション」.
• To remove an unnecessary article, click ▼ next to the article name and select 「削除」.
• To add an article to 「グローバルナビゲーション」, click 「＋項目を追加」 at the bottom of the list, find the desired article among various articles, and click it to add it to the list.
• To change the displayed name in 「グローバルナビゲーション」, click ▼ next to the article name and enter the preferred text in 「ナビゲーションラベルの枠」.
• ※ This setting changes only the displayed name, not the actual article title.
• If necessary, adjust the order or hierarchy in 「グローバルナビゲーション」 by either holding and dragging an article name to the preferred location or clicking 「並び替え」 and moving items according to < markers.
• Finally, click 「公開」 at the top left to apply the changes.

[メニューの位置]

• Click the checkbox to select the preferred display menu from 「(A｜)グローバルナビゲーション」, 「(B｜)ハンバーガーメニュー」, or 「(C｜)フッターメニュー」.

[メニュー設定]

• Click 「このメニューに新しいトップレベルページを自動的に追加」, then select the preferred setting by checking the box.

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

　→→→画面左側の【メニュー】→【フッターメニュー】→「公開」をクリック

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

Steps to setフッターメニュー

[フッターメニュー]

• You can place any desired article in your preferred menu within the footer at the bottom of the site.

[メニュー名]

• Click 「フッターメニュー」 in 【メニュー】.
• The items listed below 「メニュー」 on the left side of the screen are the articles displayed in 「フッターメニュー」.
• To remove an unnecessary article, click ▼ next to the article name and select 「削除」.
• To add an article to 「フッターメニュー」, click 「＋項目を追加」 at the bottom of the list, find the desired article among various articles, and click it to add it to the list.
• To change the displayed name in 「フッターメニュー」, click ▼ next to the article name and enter the preferred text in 「ナビゲーションラベルの枠」.
• ※ This setting changes only the displayed name, not the actual article title.
• If necessary, adjust the order or hierarchy in 「フッターメニュー」 by either holding and dragging an article name to the preferred location or clicking 「並び替え」 and moving items according to < markers.
• Finally, click 「公開」 at the top left to apply the changes.

[メニューの位置]

• Click the checkbox to select the preferred display menu from 「(A｜)グローバルナビゲーション」, 「(B｜)ハンバーガーメニュー」, or 「(C｜)フッターメニュー」.

[メニュー設定]

• Click 「このメニューに新しいトップレベルページを自動的に追加」, then select the preferred setting by checking the box.

▼このサイト『Cジャスミン瑠璃地楽の魔王城別館』のHOMEページ▼

▼ピックアップコンテンツ▼

List of Quizzes by Family

List of Quizzes by Part

List of Quizzes by Aromatic

• The placement of 【ピックアップコンテンツ】 on the HOME page is optional.
• 【ピックアップコンテンツ】 is created using 【リッチメニュー】.
• For JIN and JIN:R (when 【ホームページ設定】 is not used), it should be placed on the TOP (HOME) page.
• For JIN:R (when 【ホームページ設定】 is used), it should be placed on the HOME page.
• ※ Do not place 【ピックアップコンテンツ】 on a 「投稿ページ」 when 【ホームページ設定】 is used.
• ※ Refer to 『仕上げのホームページ設定方法』 for 【ホームページ設定】 instructions.
• 【ピックアップコンテンツ】 can be placed not only on the HOME page but on any page as well.

From the management screen, go to 【ダッシュボード】 → select 【任意のページ】 or 【ウィジェット】 → call and place 【リッチメニュー】 → click 【公開】 to finalize.

Steps to set リッチメニュー

[リッチメニュー設定]

• Click 【＋(背景青色)】 at the top left of the screen or, when clicking the content space, click 【＋(背景黒色)】 that appears on the right side.
• In the left panel, go to the 「ブロック」 tab and select 「リッチメニュー」 under 「JINRブロック」.
• Click the displayed 「リッチメニュー」 cluster, then navigate to the 「ブロック」 tab on the right panel to access 「基本設定」 and other configuration options.
• Select design preferences:
• 「カラム選択【PC】」 → Choose from 「２カラム」, 「３カラム」, 「４カラム」, 「６カラム」.
• 「カラム選択【スマホ】」 → Choose from 「１カラム」, 「２カラム」, 「３カラム」, 「スライド」.
• 「画像比率選択」 → Choose from 「正方形(１：１)」, 「横長(４：３)」, 「横長(１６：９)」, 「横長(５：２)」, 「縦長(２：３)」.
• 「メニューアイテムの文字」 → Select either 「あり」 or 「なし」.
• 「デザイン選択」 → Choose from 「スタイル１｜下」, 「スタイル２｜中央コンパクト」, 「スタイル３｜中央ダイナミック」, 「スタイル４｜左上」, 「スタイル５｜外に出す」.
• 「文字サイズ」 → Select 「小」, 「中」, 「大」.
• 「色」 → Choose from default color options or custom colors.
• 「アニメーション」 → Select 「なし」, 「全体フェードイン」, 「一つづつフェードイン」.
• 「カーソルしたときの動きの選択」 → Choose from 「なし」, 「浮かす」, 「ズーム」, 「フェード」.

[リッチメニューアイテム設定]

• Click the 「リッチメニュー」 block, then use 「＋リッチメニューアイテムを追加」 or 「削除」 to add or remove the required number of リッチメニューアイテム.
• Click each 「リッチメニュー」, then open the 「ブロック」 tab on the right side to access 「リッチメニューアイテム設定」.
• In 「URL設定」, enter the URL of the page you want the image to link to.
• In 「画像設定」, click 「画像の置き換え」, then choose an image from existing media or upload a new one. Click 「選択」 to finalize.
• Toggle 「別タブで開く」 between ON (blue button) and OFF as preferred.
• Optionally, input 「サブテキスト」 and 「メインテキスト」 as needed.