実技 ECサイトデザイン実習④

-本日のアジェンダ-

1限目
実技 ECサイトデザイン実習④
成績考査

2限目
実技 ECサイトデザイン実習④
成績考査

3限目
実技 ECサイトデザイン実習④
成績考査

4限目
実技 ECサイトデザイン実習④
成績考査

5限目
実技 ECサイトデザイン実習④
バナー 講評

本日のテーマ

成績考査です

ワンポイントアドバイス

Webサイト利用のバナーは、様々なサイズで作成する技術が求められます。デザインの「レイアウト」「文字」「配色」をしっかりと継承したデザインを作成できるようにしましょう。また元データは、それに対応しやすいように計画的に整理整頓しておきましょう。

本日の課題

バナー作成練習 -バリエーション-

バナーのサイズ違いを展開して作成して下さい。
【サイズ展開】
(width x height)
・750px x 290px
・250px x 250px
・320px x 100px
・320px x 50px
・120px x 600px (縦長)
今までに作成したバナーから、別サイズを展開してもOKです。
作成したバナーを4限目終了までにご自身のWordpressに新規固定ページを作成してUPしてください。
5限目に講評を行います。

WordPressへの成績考査の上げ方

ご自身のWordPressに成績考査用のバナーを投稿していただきます。
手順は以下の通りです。

①固定ページに新規投稿で作成します。

②タイトル(タイトルを追加の部分)に「第三回成績考査」、次のブロックにお名前(漢字フルネーム)を入力して下さい。

③以降のブロックにバナー画像をブロックエディタ「画像」にてアップロードし、キャプション部分にそのバナーサイズを記載して下さい。
キャプションが出ない場合は、その下に通常の文章の投稿でも構いません。
これをサイズ違いバナー、5種分繰り返して下さい。

④投稿設定のパーマリンクのURLスラッグに下記を設定して下さい。
http://deau000□□(出席番号).wp.xdomain.jp/grade-check_20220617

※URLスラッグに入力が出てこない場合は、作成した固定ページをいったん下書きに保存し、下部「※パーマリンクのURLスラッグが出ない場合」の方法にて設定を変更してから再度公開して下さい。

⑤公開状態をパスワード保護にします。パスワードは「test」と設定して下さい。

⑥公開にして終了です。固定ページ一覧に作成したページが出来ているか確認して下さい。

※パーマリンクのURLスラッグが出ない場合

そのテーマのデフォルトの表示設定によっては、URLスラッグが表示されない場合があります。この場合は設定を以下のように変更して下さい。

①WordPressの左メニューの中の「設定」の中のパーマリンクを開いて下さい。

②共通設定の中の「投稿名」にチェックを入れ「変更を保存」にして下さい。

③作成した固定ページに戻ると、パーマリンクのURLスラッグが入力可能になります。

実技 ポートフォリオ作成実習①

-本日のアジェンダ-

1限目
実技 ポートフォリオ作成実習①
WordPressサイトの掲載内容について

2限目
実技 ポートフォリオ作成実習①
アンサーページの作成方法について

3限目
実技 ポートフォリオ作成実習①
WordPressサイトに作品を掲載しましょう

4限目
実技 ポートフォリオ作成実習①
WordPressサイトに作品を掲載しましょう

5限目
実技 ポートフォリオ作成実習①
WordPressサイトに作品を掲載しましょう

本日のテーマ

WordPressサイトの完成度を向上させましょう

WordPressサイトの掲載内容について

WordPressサイトには、以下の内容を掲載しましょう。

ポートフォリオサイト

ポートフォリオサイトとして活用できるように以下の項目を掲載してください。

  • ご挨拶
  • プロフィール(自己紹介)
    • 名前
    • 顔写真
    • 生年月日
    • 略歴
    • 仕事への姿勢や意気込み
    • 自己PR
  • 保有スキル
    • スキル項目
    • スキルレベル
  • ポートフォリオ
    • 作品
    • 作成の説明
    • 作品ツール
    • 作成時間
    • その他(苦労したこと、考慮したこと、学んだこと など)
  • 後書き

訓練ブログ

学んだことの復習や忘れてしまったことを思い出す資料として訓練ブログを作成してください。

  • 訓練の1日単位で投稿ページを作成してください。
  • ページのタイトルは、訓練内容がわかるようにしてください。

参考サイト

注意事項

  • テーマを入れすぎるとサーバーのディスク容量が大きくなってしまうと同時にWordPressの動きが重たくなってしまうので不要になったテーマは削除するようにしましょう。

WordPressサイト作成時の注意事項

WordPressサイトの作成に当たっては、ポートフォリオとしての活用を中心に考えてサイト構成を考えてください。また、ポートフォリオの作成に当たっては、ポートフォリオを見る人の立場に立って考えてみましょう。

  • 採用担当者の立場になって作りましょう(採用担当者が何をみたいか考えてみましょう)
  • トップページは作品主体にしましょう(ポートフォリオとしてのトップページを意識してみましょう)
  • 操作性や導線を考慮しましょう(クリックの多すぎは見る気がしなくなります)
  • 未経験者の場合は「学校でこんな事を勉強してきました」、「私はこんなことができます」をわかるようにしましょう

アンサーページの作成について

求人票には「○○の出来る方」というような条件がついている場合があります。このような時は、指定された条件の回答となるページを作成して提示することで保有スキルをアピールすることができます。
訓練の中では、成績考査の提出物をアンサーページとして作成してもらうこともあります。

  1. アンサーページを固定ページで作成
  2. アンサーページを開くためのメニュー項目を追加
  3. 必要に応じてアンサーページを開くためのパスワードを設定

参考サイト

本日の課題

作成中のWordPressサイトのサイト構成の再確認と作品掲載を進めましょう。