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

-本日のアジェンダ-

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

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

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

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

5限目
実技 ポートフォリオ作成実習①
FTPコマンドの使用方法について

本日のテーマ

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

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

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

ポートフォリオサイト

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

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

訓練ブログ

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

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

参考サイト

注意事項

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

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

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

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

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

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

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

参考サイト

FTPコマンドの使用方法について

HTML/CSSで作成したWebサイトを公開するためには、作成したWebサイトデータをサーバーにアップロードする必要があります。サーバーへのアップロードを行うには、FTPコマンドを使用します。FTPコマンドを使用したサーバーへのアップロード方法を理解しましょう。訓練ではFTPコマンドとしてffftpという名称のコマンドを使用しますが実際には使用するPC環境に合ったコマンドをインストールして使用してください。

本日の課題

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

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

-本日のアジェンダ-

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

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

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

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

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

本日のテーマ

成績考査です

本日の課題

①バナー作成 -バリエーション展開-

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

②WP(ポートフォリオ)サイトチェック

バナー投稿が終わったら、残りの時間でポートフォリオサイトを整理しましょう。

WordPressへの成績考査の上げ方

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

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

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

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

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

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

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