「スタッフ紹介」というコンテンツをグローバルナビゲーションに表示しましょう。解説使用テーマbeginner2018BeforeAfter目次モジュールについてグローバルナビゲーションの表示設定を変更するクイックサーチを活用しようモジュールについてモジュールブラウザ上から更新できる部分には、「モジュール」と呼ばれるパーツが表示用テンプレートのHTMLファイルに貼り付けられています。登録した様々なデータを処理/表示することができ、基本的にモジュールを使い動的なサイトを制作していきます。テーマ「site2018」のトップページでは、「ナビゲーションモジュール」「エントリーヘッドラインモジュール」「エントリーサマリーモジュール」などが使われています。cmsが用意しているモジュールの中から最適なものを組み合わせ、HTMLやCSSで独自にスタイルを調整していきます。他にもモジュールには様々な種類があり、それぞれのモジュールはその役割ごとにグループ分けされています。大きな括りは、テンプレートを組み立てるためのGETモジュール、サーバーにデータを送信するためのPOSTモジュールです。POST_2GETモジュールダウンロードモジュールさらにGETモジュールは、ビルトインモジュール・フィールドモジュール・タッチモジュールの3種類に、POSTモジュールはPOST_2GETモジュール・ダウンロードモジュールの2種類に分けられます。今回のハンズオンで作業していくナビゲーションモジュールはビルトインモジュールの1つです。これらのモジュールの区分は少々発展的な内容になるため、詳しくは以下の関連記事をご覧ください。今回のチュートリアルについてはこれらの区分を理解していなくても進められるようになっています。developerグローバルナビゲーションの表示設定を変更するそれでは、グローバルナビゲーションに「スタッフ紹介」というコンテンツを追加していきましょう。以下の手順でモジュールの表示設定画面へ移動します。いうボタンをクリックするモジュールの表示設定画面が表示されました。ボタンをクリックし、新しく設定された入力欄にスタッフ紹介のラベルとURLの情報を入力していきます。cmsのグローバル変数を使った方法で記述しています。cms側で特定の情報に変換できる文字列をグローバル変数といいます。cmsによって「https://example.com/staff/」と解釈されます。URLなどをグローバル変数で指定することのメリットは、ドメインを変更した時などに内部リンクが自動修正されることです。cms内でリンクのパスなどを記述する際は、一般的にグローバル変数を使うことが推奨されています。以上でグローバルナビゲーションの表示設定が変更できました。設定を保存してトップページで表示を確認すると、「スタッフ紹介」のコンテンツが追加されているのがわかります。以上でチュートリアルの目標は達成です。クイックサーチを活用しよう補足としてモジュールやグローバル変数への理解を深めるのに役立つ「クイックサーチ」という機能をご紹介します。cmsが用意するモジュールのスニペットやグローバル変数を、管理ページを通さずに素早く検索することができる機能です。押すことで、ログイン中であればどのページにいても起動することができます。今回学習した「モジュール」や「グローバル変数」のパターンはそれぞれ数多く用意されています。目的に合ったものを効率よく探し出すために、是非クリックサーチを積極的に取り入れていきましょう。