当日公表

第60回 技能五輪全国大会

ウェブデザイン- Web Technologies -競技課題 M4

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

目次
目次

2

はじめに

3

サイト制作の背景

3

フロントエンドの詳細

4

必須コンテンツ

4

コンテンツ管理箇所

5

最適化に対する作業

5
6

バックエンドの詳細
ユーザープロファイルの作成

6

プラグインの追加・作成

6

説明資料の作成

6

選手への指示7

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

7

評価について8

Date: 2022.11.06
第60回技能五輪全国大会-CMS（当日公表）

Version: 1.0©︎ WorldSkills Japan.

2/8

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

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

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

Date: 2022.11.06
第60回技能五輪全国大会-CMS（当日公表）

Version: 1.0©︎ WorldSkills Japan.

3/8

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

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

トップページ○

メインビジュアル

○最新のお知らせ3件のタイトルと記事ページに遷移できるリンクを設置する

お知らせ・出展情報ページ（一覧ページ／記事ページ）○●●

ページアクセス時に一覧を表示する■

投稿日、カテゴリ、マップ番号、タイトル、画像を表示する■

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

一覧内のタイトルをクリックすることで記事ページに遷移できるようにする○

記事ページでは本文を含めた全ての項目を表示する○

マップ番号と画像は入稿時に空欄でも問題なく一覧や記事を表示できるようにする

お問い合わせページ○

お名前、メールアドレス、タイトル、本文、送信ボタンを表示する○

フォームは送信ボタンを押下しても動作しない状態でよい

チケット購入ページ○

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

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

全ページ共通要素○

ナビゲーション
■各ページ（トップページ、お知らせ・出展情報一覧ページ、お問い合わせページ、チケット購入ページ）に遷移できるようにする

Date: 2022.11.06
第60回技能五輪全国大会-CMS（当日公表）

Version: 1.0©︎ WorldSkills Japan.

4/8

コンテンツ管理箇所
入稿する記事は下記項目とします。
●

お知らせ・出展情報
○

投稿日

○

カテゴリ
■

○

「お知らせ」「企業ブース」「出展情報」が選択できるようにする

マップ番号
■

3桁の英数字が入力される想定で用意する■入稿時に空欄の場合もある

○

タイトル

○

画像■

○

入稿時に空欄の場合もある

本文最適化に対する作業●

SEOの実装○ページを検索エンジンに最適化をするため、meta descriptionの設定をすること。
■●

プラグイン使用の有無は問わない

セキュリティの実装○

管理画面のURLを変更し、URLを「/making-login2022」とすること。
■

プラグイン使用の有無は問わない

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

Date: 2022.11.06
第60回技能五輪全国大会-CMS（当日公表）

Version: 1.0©︎ WorldSkills Japan.

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

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

Username：AdMiN●

Password：Much2Secure!

クライアントユーザー - WordPressのダッシュボードのうち、「設定」にアクセス出来ないようにする。
●

Username：4Clients●

Password：Never4Get!

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

プラグイン名: MakingShowLogo●

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

プラグイン作者: MakingShowAdmin

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

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

アピールポイント

Date: 2022.11.06
第60回技能五輪全国大会-CMS（当日公表）

Version: 1.0©︎ WorldSkills Japan.

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

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

説明

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プラグイン※提供される画像データの一部は写真ACの素材を使用しています

Date: 2022.11.06
第60回技能五輪全国大会-CMS（当日公表）

Version: 1.0©︎ WorldSkills Japan.

7/8

評価についてモジュール項⽬

配 点

UI・UXデザイン

12

レイアウト実装

7

WordPress実装

11

合 計30

Date: 2022.11.06
第60回技能五輪全国大会-CMS（当日公表）

Version: 1.0©︎ WorldSkills Japan.

8/8