Nishiki Pro で、1 ページのみ（シングルページ）の構成で「グローバルナビのメニューをクリックすると、ページ内の特定のコンテンツまでスルスルっとスクロールするウェブサイト」を作りたい時に使える方法です。

シングルページとは、例えば、下の動画のようなウェブサイトですね。

前提あります

Nishiki Pro では、特定の px 数でグローバルナビのメニューがドロワーメニューに切り替わります（px 数は変更できます）。

通常は、下の動画のようにメニューをクリック（タップ）してもドロワーメニューは閉じません。

ですが、下の動画のように、メニューをページ内リンクとして使用している場合は、クリック（タップ）した際にドロワーメニューを閉じたくなりませんか？

というわけで、以下に方法を紹介します。

設定方法

ワードプレスの管理画面から「外観」→「メニュー」を選択します。

メニューの位置を「グローバル」に設定して読み込んでください。

次に、メニュー構造の中からページ内リンクを設定しているメニューを展開し「CSS class (オプション)」の欄に「anchor」と入力してください。これで完成です。複数の CSS class と組み合わせたい場合は「aaa anchor」など、スペースを空けて指定ください。

「CSS class（オプション）」の入力欄が表示されていない場合は、下の画像のように「表示オプション」の中にある「CSS クラス」にチェックを入れてください。