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」のスイッチを切り替えて選択する。
• 必要に応じて、「サブテキスト」と「メインテキスト」を入力する

English article

Scheduled for release later