事前公表

第60回 技能五輪全国大会

ウェブデザイン- Web Technologies -

競技課題

M4

CMS（コンテンツ マネジメント システム）
作業時間： 3時間

目次

目次

2

はじめに

3

サイト制作の背景

3

フロントエンドの詳細

4

必須コンテンツ

4

コンテンツ管理箇所

4

最適化に対する作業

5

バックエンドの詳細

5

ユーザープロファイルの作成

5

プラグインの追加・作成

6

説明資料の作成

6

選手への指示6

必要な機器、機械、設備、および資料

7

Date: 2022.10.06
第60回技能五輪全国大会-CMS（事前公表）

Version: 1.0©︎ WorldSkills Japan.

2 / 7

はじめに
このモジュールでは、ウェブサイトのデザイン、ウェブサイトのレイアウト、クライアントサイドのスクリプト、サーバーサイドのスクリプトなど、CMSの構築において必要な技能を用いてウェブサイトを構築します。
SEOやセキュリティを考慮して、CMSとして機能するようにテーマを作成し、最終的にウェブサイトとして閲覧可能にすることがあなたのタスクです。

サイト制作の背景
10代〜20代へのハンドメイド文化の推進を目標に、幕張メッセでリアルイベント「メイキングショー」を開催する。ここでは、日頃からハンドメイド作品を制作しているクリエイターが会場に集い、作品の展示や販売、制作のデモンストレーションなどが出来る。
このイベントでは、個人による参加だけではなく、イベントに出資している企業による企業ブースも用意されている。
この「メイキングショー」のイベント情報をまとめた、プロモーションサイトの制作を依頼された。
このサイトではイベントを成功させるため、メインターゲットの10代〜20代に向けた「メイキングショー」への認知、また最終的に入場チケットの購入をしてもらえることが期待される。

ここでは、最も普及しているコンテンツ管理システムのひとつであるWordPressを使用します。WordPressテーマの「Blankslate」を使用し、子テーマとして独自のテーマを作成、クライアントが管理画面を用いてコンテンツを更新できるページの開発をします。テーマの名前は「MakingShow」とします。
訪問者に最新の情報を提供するために、クライアントが管理画面を用いて、イベント情報、お知らせ、企業ブース情報を更新できるようにします。また、カスタマーサポートを実施するため、問い合わせフォームを用意します。

Date: 2022.10.06
第60回技能五輪全国大会-CMS（事前公表）

Version: 1.0©︎ WorldSkills Japan.

3 / 7フロントエンドの詳細
テキストデータ、ロゴ、写真素材が提供されます。提供素材を組み合わせてデザインの作成を進めてください。ウェブサイトの目的に貢献するものであれば、文言を含めた構成要素の追加や変更をすることが可能です。提供素材はウェブサイトの目的や利用用途に合わせて、加工や最適化をする必要があります。与えられたテーマ(Blankslate)を使い、独自のテーマを作成する必要があります。さまざまなデバイスでアクセス出来るように、PCでもスマートフォンでも利用できるデザインを作成してください。

必須コンテンツ
制作するウェブサイトには、以下の要素を導入する必要があります。
●●●

トップページ○

メインビジュアル

○最新のお知らせ3件のタイトルと遷移できるリンク

お知らせページ○

投稿日、カテゴリ、タイトル、画像、本文を表示する○

カテゴリで絞り込むことが出来るようにする

企業ブース情報ページ○●

お問い合わせページ○●

企業名、マップ番号、ブース画像、ブースタイトル、ブース説明を表示する
お名前、メールアドレス、本文、送信ボタンを表示する

チケット購入ページ○

内容は空白のダミーページとする■●

空のページは必ず作成し遷移出来るようにする

全ページ共通要素○

ナビゲーション
■各ページに遷移できるようにする

コンテンツ管理箇所
●

お知らせ
○

投稿日

○

カテゴリ

○

タイトル

Date: 2022.10.06
第60回技能五輪全国大会-CMS（事前公表）

Version: 1.0©︎ WorldSkills Japan.

4 / 7

●

○

画像

○

本文

企業ブース情報
○

企業名

○

マップ番号

○

ブース画像

○

ブースタイトル○ブース説明

最適化に対する作業●

SEOの実装○ページを検索エンジン用に最適化する必要がある。
提供されているプラグインを選択するか、独自のSEOを実装することができる。

●

セキュリティの実装○

セキュリティプラグインをインストールして設定することで、ページを安全に保つことができる。

○

プラグインによって管理画面のURLを変更する場合はURLを「/making-login2022」とすること。

注：選択したプラグインが意図せずに壊れていたり、期待通りに動作しない場合は、別のものを選択するかプラグインを修正する必要があります。

バックエンドの詳細
ユーザープロファイルの作成
管理上の理由により、2つのユーザープロファイルを作成する必要があります。
●●

Adminユーザー - WordPressの全てのダッシュボードにアクセスできる。
●

Username：AdMiN●

Password：Much2Secure!

クライアントユーザー - WordPressのダッシュボードにアクセスし、ページ、投稿、メディア、関連プラグイン（セキュリティ、SEO）のみを表示する。
●

Username：4Clients

Date: 2022.10.06
第60回技能五輪全国大会-CMS（事前公表）

Version: 1.0©︎ WorldSkills Japan.

5 / 7

●

Password：Never4Get!

プラグインの追加・作成
WordPressのログインページのロゴを変更するためのプラグインを追加・作成します。
プラグインが有効化された時には、デフォルトのロゴの代わりに、提供されたロゴをログインページに表示します。
無効化された時には、デフォルトのロゴを再表示します。
●

プラグイン名: MakingShowLogo●

プラグイン説明: Login Page Logo●

プラグイン作者: MakingShowAdmin

説明資料の作成
ウェブサイトの説明資料をPDFにて作成し、競技終了までに「m4」ディレクトリ直下にファイル名を「ゼッケン番号-presentation.pdf」として格納してください。
※ファイル名の例：01-presentation.pdf
下記内容は、必ず記載すること。
●

デザイン意図●デザイン意図やサイト制作背景に基づいて採用した仕様・機能●

アピールポイント

選手への指示1. 完成したウェブサイトを http://m4.userXX.skilljapan.info に提出します。
※ XX はゼッケン番号となります。
( 例：ゼッケン番号「1」の場合、http://m4.user01.skilljapan.info )2. Wordpressの機能が組み込まれていなくても、提出URLからウェブサイトが閲覧可能であれば採点対象とします。ただし、CMSに関わるコンテンツについては全て採点対象外となります。
3. 注意事項：競技サーバにアップロードされたデータのみが採点対象となります。

Date: 2022.10.06
第60回技能五輪全国大会-CMS（事前公表）

Version: 1.0©︎ WorldSkills Japan.

6 / 7必要な機器、機械、設備、および資料
各選手に提供されるファイル
素材

説明

wordpress-6.x.x-ja.zip

WordPress本体

blankslate.2022.x.zip

ブランクテーマ

advanced-custom-fields.6.x.x.zip

カスタム投稿プラグイン

contact-form-7.x.x.x.zip

フォームプラグイン

contact-form-plugin.4.x.x.zip

フォームプラグイン

contact-forms-builder.2.x.x.zip

フォームプラグイン

all-in-one-wp-security-and-firewall.5.x.
x.zip

セキュリティプラグイン

jetpack.11.x.x.zip

セキュリティプラグイン

wordfence.7.x.x.zip

セキュリティプラグイン

autodescription.4.x.x.zip

SEOプラグイン

wordpress-seo.19.x.x.zip

SEOプラグインseo-by-rank-math.1.x.x.x.zip

SEOプラグイン

Date: 2022.10.06
第60回技能五輪全国大会-CMS（事前公表）

Version: 1.0©︎ WorldSkills Japan.

7 / 7