タグ: PHP

実技 CMS構築実習

-本日のアジェンダ-

1限目
実技 CMS構築実習
WordPressサイトのフォルダ構成について

2限目
実技 CMS構築実習
WordPressサイトの移行について

3限目
実技 CMS構築実習
WordPressサイトの移行について

4限目
実技 CMS構築実習
課題作成

5限目
実技 CMS構築実習
課題作成

本日のテーマ

WordPressサイト移行手順を確認しましょう。

WordPressサイトのフォルダ構成について

WordPressのフォルダで移行に関連するフォルダは、以下の通りです。投稿ページや固定ページなどのコンテンツデータは、ファイルではなくデータベースに格納されているためファイルとして確認することはできません。

  • テーマフォルダ：/wp-content/themes
  • プラグインフォルダ：/wp-content/plugins
  • メディアライブラリィフォルダ：/wp-content/uploads

また、WordPressサイトの移行にAll-in-One WP Migrationプラグインを使用した場合は、以下のフォルダに移行用データが作成されます。

  • 移行データフォルダ：/wp-content/ai1wm-backups

WordPressサイト移行時の対象物について

WordPressサイトを移行する場合には、以下の対象物の移行が必要になります。

  • WordPressサイト環境（テーマ、プラグインなど）
  • 設定情報、投稿データ、固定ページデータ
  • メディアデータ
  • ドメイン移行（必要に応じて）

WordPressサイトの移行手順について

WordPressサイトの移行の行うためには、以下の手順があります。

  • レンタルサーバーが提供する簡単引越し機能
  • プラグインを使用した移行

参考サイト

本日の課題

提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。

学科 CMS構築基礎⑥

-本日のアジェンダ-

1限目
学科 CMS構築基礎⑥
基本機能を保有したテーマの構造について

2限目
学科 CMS構築基礎⑥
基本機能を保有したテーマの実装について

3限目
学科 CMS構築基礎⑥
課題作成

4限目
学科 CMS構築基礎⑥
課題作成

5限目
学科 CMS構築基礎⑥
課題作成

本日のテーマ

基本機能を保有したテーマを理解しましょう。

【資料】

Dropboxにある資料をダウンロードしましょう。
作品制作のポイントをまとめた資料です。

［保存場所］
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 /
【STEP4】Webページの制作/「Wordpress活用法の教科書⑧.pdf」

【動画】「Wordpress活用法の教科書⑧」

WordPressテーマの基本機能とは

基本機能を持ったWorkPressテーマを作成するためには、以下の機能を実装する必要があります。

  • 投稿一覧の表示
  • 投稿ページの表示
  • 固定ページの表示
  • メニューの表示

HTML・CSSからオリジナルテーマを作成

WordPressのオリジナルテーマを作成する手順を理解しましょう。

参考サイト

本日の課題

提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。

学科 CMS構築基礎⑤

-本日のアジェンダ-

1限目
学科 CMS構築基礎⑤
WordPressのテーマについて

2限目
学科 CMS構築基礎⑤
WordPressのテーマの役割について

3限目
学科 CMS構築基礎⑤
課題作成

4限目
学科 CMS構築基礎⑤
課題作成

5限目
学科 CMS構築基礎⑤
課題作成

本日のテーマ

WordPressのテーマの仕組みを確認しましょう。

【資料】

Dropboxにある資料をダウンロードしましょう。
作品制作のポイントをまとめた資料です。

［保存場所］
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 /
【STEP4】Webページの制作/「Wordpress活用法の教科書⑦.pdf」

【動画】「Wordpress活用法の教科書⑦」

WordPressについて

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

参考サイト

WordPressのテーマとは

WordPressのテーマは、Webサイトのデザインを決定するものですが、デザインに加えてサイト全体の構成や表示される機能にも影響します。単純に見た目のデザインだけで選ぶと操作がしにくかったりメンテナンスが大変だったりする場合もあります。
テーマの入手方法は、以下の種類があります。無料のテーマの中には、機能制限有りが無料で制限を解除する場合は、有料になる場合もあります。

  • 無料のテーマ（WordPress公式テーマ）
  • 無料のテーマ（WordPress非公式テーマ）
  • 有料のテーマ
  • 制作会社に発注
  • 自分で作成

参考サイト

HTML・CSSからオリジナルテーマを作成

WordPressのオリジナルテーマを作成する手順を理解しましょう。

参考サイト

本日の課題

提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。

学科 サーバーサイドプログラム基礎

-本日のアジェンダ-

1限目
学科 サーバーサイドプログラム基礎
サーバーサイドプログラム について

2限目
学科 サーバーサイドプログラム基礎
WordPressのサーバ について

3限目
学科 サーバーサイドプログラム基礎
課題作成

4限目
学科 サーバーサイドプログラム基礎
課題作成

5限目
学科 サーバーサイドプログラム基礎
課題作成

本日のテーマ

WordPressのより深いお話です。

【資料】

Dropboxにある資料をダウンロードしましょう。
作品制作のポイントをまとめた資料です。

［保存場所］
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 /
【STEP4】Webページの制作/「Wordpress活用法の教科書⑥.pdf」

【動画】「Wordpress活用法の教科書⑥」

サーバーサイドスクリプトとクライアントサイドスクリプト

スクリプト（プログラミング）にはサーバー側で動くものとクライアント側（PC側）で動くものがあります。違いについて理解しましょう。

参考サイト

サーバーサイドの仕組み

Webページには固定のHTMLが設定されているページ（静的ページ）と要求発生時にHTMLを作成するページ（動的ページ）があります。静的ページと動的ページの違いを理解しましょう。

参考サイト

サーバーの契約と開設

サーバーサイドプログラミングを行うためにはレンタルサーバーとの契約が必要です。

参考サイト

ワンポイントアドバイス

サーバー選びは最初に行いましょう。
お仕事時に一番最初に確認すべき事としてどのサーバーを利用しているか？
そしてどのサーバーを利用するか？これは、企画初期に確認を行いましょう。 後から、出来る出来ない問題が発生してしまいます。

本日の課題

提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。

学科 PHP基礎

-本日のアジェンダ-

1限目
学科 PHP基礎
PHP について

2限目
学科 PHP基礎
WordPressのPHPでの役割について

3限目
学科 PHP基礎
課題作成

4限目
学科 PHP基礎
課題作成

5限目
学科 PHP基礎
課題作成

本日のテーマ

WordPressはphpで出来ています。

【資料】

Dropboxにある資料をダウンロードしましょう。
作品制作のポイントをまとめた資料です。

［保存場所］
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 /
【STEP4】Webページの制作/「Wordpress活用法の教科書⑤.pdf」

【動画】「Wordpress活用法の教科書⑤」

サーバーサイドスクリプトとクライアントサイドスクリプト

スクリプト（プログラミング）にはサーバー側で動くものとクライアント側（PC側）で動くものがあります。違いについて理解しましょう。

参考サイト

サーバサイドスクリプト

PHPやPerlといったプログラミング言語があります。これらの言語はWebサーバ上で動作します。このことから、これらの言語を「サーバサイドスクリプト」と呼びます。何らかの操作を実行すると、Webサーバにデータが送信され、サーバの中のプログラムが処理を行い、結果をブラウザに返します。

クライアントサイドスクリプト

一方、JavaScriptでは、記述したHTMLファイルはWebサーバ上でも公開されますが、ブラウザさえあれば実行することが可能です。Webサーバは必須ではありません。これは、Webブラウザ内でプログラムが実行されるためです。このようなスクリプトのことを「クライアントサイドスクリプト」と呼びます。

PHPとは

PHPとは動的にWebページを生成することができるサーバーサイドのスクリプト言語です。他のプログラミング言語と比較して仕様や文法が簡単なため習得しやすいと言われています。またMySQLなどのデータベースとの連携が容易なことなどから、WordPressを含めたWebアプリケーションの開発にもよく使われる有名なスクリプト言語でもあります。

参考サイト

PHP入門

PHPはプログラミング言語なのでIT技術者が利用するのが一般的です。但し、WordPressがPHPで作成されていることもありWordPressの独自テーマ作成などを行う時にPHPに接する機会もあります。

ワンポイントアドバイス

PHPはHTMLの延長と考えて、Wordpressの利用でよく見かける技術として今後に備えておきましょう。まずは、しっかりとHTML・CSSを理解しましょう。
PHPのファイルにHTMLを記述できるわけですから 必要性と使いどころをまずは理解して、一つ一つ理解してい くのが良いでしょう。

本日の課題

提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。