学科 CMS構築基礎①

-本日のアジェンダ-

1限目
学科 CMS構築基礎①
WordPrsssとは？

2限目
学科 CMS構築基礎①
CMSとは？

3限目
学科 CMS構築基礎①
投稿ページ基本①

4限目
学科 CMS構築基礎①
課題制作

5限目
学科 CMS構築基礎①
課題制作

本日のテーマ

目標は100ページ！

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

下記のファイルをダウンロードしましょう。
「Wordpress活用法の教科書①.pdf」

【動画】

• WordPressとは？
  https://youtu.be/F5w1avZkomw（12:24）
• 目標は○○○ページ！Wordpressでポートフォリオサイトを作る
  https://youtu.be/vHus1dffnt0（13:07）

WordPressとは？

WordPress(ワードプレス)は、ブログやサイト（ホームページ）を作成できるソフトです。今や、世界中のサイトの約3分の1はWordPressで作られていると言われています。日本国内でも、個人ブログだけでなく、企業や公共機関のサイトなどに幅広く利用されています。

参考サイト

• WordPress（ワードプレス）とは？
• WordPress（ワードプレス）7つの長所と9つの短所
• WordPress(ワードプレス)とは？初心者向けに機能やメリット・デメリットを解説

CMSとは？

コンテンツ管理システムは、ウェブコンテンツを構成するテキストや画像などのデジタルコンテンツを統合・体系的に管理し、配信など必要な処理を行うシステムの総称。2005年頃より一般的に普及したといわれる。コンテンツマネージメントシステムとも呼ばれる。 ウィキペディア。

参考サイト

• CMSとは？初心者でもわかるCMSの基礎知識とメリット、導入事例
• CMSとは？CMS（コンテンツマネジメントシステム）を導入するメリット
• CMSとは?　その意味と企業ホームページへの導入のメリットを解説！

WordPressの初期設定

まず皆さん用のアカウントを用意してあります。
講師の指示に従って初期設定を行ってください。
初期設定が出来たら、投稿ページをいじってみましょう。

WordPressの利用方法について

ログインURLについて

まずURLに
/wp-login.php
付け加えてください。

※ワードプレスのログインURLは初期設定の場合はサイトURLのあとに「/wp-login.php」を付けたものになります。

権限について

WordPressはいくつかの権限に分けることが出来ます。運用方法に合わせてうまく使い分けていくと便利です。

参考サイト

• 覚えておきたいWordPressのユーザー権限の種類と登録・管理方法 – バズ部
• WordPressのユーザー権限の種類と設定方法
• 【WordPressのユーザー権限】5種類の権限がそれぞれできること

投稿ページとは？

wordpressの投稿ページとはwordpressというCMS （Content Management Systemの略） を利用して、簡単にページを作れる仕組みです。
Webページの仕組みをここから確認していきましょう。
投稿ページは、日時ごとにページを作成することが出来ます。
コーポレートサイト運用では、新着情報のページに使われることも多いです。

投稿ページの主な項目

1. タイトル
2. 文章入力とブロック(クラシックの追加)
3. ステータスと公開状態
4. 公開する・更新する・予約する
5. パーマリンク

タイトル

ページの見出しやページタイトルに反映します。
また、投稿一覧ページやトップページの記事一覧の箇所に反映されます。
ページのタイトルになる事を想定した見出しを考えましょう。
※検索エンジンのキーワードに重要な存在になります。

文章入力とブロック(クラシックの追加)

ページの内容の部分になります。
「段落」「見出し2～６」「リスト・番号付きリスト」
等を選ぶことが出来ます。
更に
「文字の揃え位置（右揃え・真ん中揃え・左揃え）」
「太字」や「イタリック」
「リンク」・「新しいタブで開く」
「打消し線」
の設定が可能です。

参考サイト

• 【WordPressの記事の書き方】編集＆投稿方法と、読まれる記事のコツ
• WordPress投稿の編集方法
• WordPressブログ記事の「公開日」と「最終更新日」を変更する方法

ポートフォリオについて

Webデザイナーの就活で使用するポートフォリオとは、これまで作成してきた作品を1つのファイルにまとめた「作品集」のことをいいます。自分のスキルや個性を評価してもらう資料であり就活時に提出が求められます。履歴書だけでは伝わらない技術力やセンスなどを視覚的にアピールできます。

参考サイト

• Webデザイナーのポートフォリオ作成4つの手順！企業が見る項目とは
• 一目置かれるWebデザイナーのポートフォリオ！作り方や注意点について解説
• Webデザイナー向けポートフォリオの作り方！未経験者にもわかりやすく解説

ワンポイントアドバイス

ポートフォリオサイトの記事は、訓練校での6カ月間で何をやって過ごしていたかの証明になります。
未経験の方であれば、何を学んでいたのか、自身が普段どんな生活をしているのか、
企業担当者が知りたいのは、「どんな人物なのか？」です。
日々の訓練で学んだ事だけではなく、遊びに行った事や、プライベートで読んだ本、見たYouTubeなどの動画なども載せて自分らしい作品にして行きましょう。

本日の課題

企画でまとめた内容を投稿ページにしてみましょう。
※時系列は訓練日にしておくと良いです。