4月27日(木)-CMS構築基礎⑥

【要参考】
・【STEP4】Webページの制作「Wordpress活用法の教科書⑧.pdf」参考
WordPress テーマ作成入門 | HTML-CSS 入門講座 | 情報デザイン工房 濱屋

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

WordPressテーマの基本機能とは

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

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

メモ

・大浜先生より(WordPress テーマ作成入門 | HTML-CSS 入門講座 | 情報デザイン工房 濱屋 「A4.5 テーマのカスタマイズ」参照)

テーマのカスタマイズ方法は、複数ありますので以下の順でカスタマイズ可否を確認してください。

  1. テーマが提供するカスタマイズ機能でのカスタマイズ
  2. プラグインを利用したカスタマイズ
  3. 追加 CSS を利用したカスタマイズ
  4. 子テーマを利用したカスタマイズ
  5. カスタマイズをあきらめましょう!(他のテーマを探すかオリジナルテーマを作成することを検討しましょう)

4月25日(火)-CMS構築基礎⑤

【要参考】
・【STEP4】Webページの制作「Wordpress活用法の教科書⑦.pdf」参考
WordPress テーマ作成入門 | HTML-CSS 入門講座 | 情報デザイン工房 濱屋

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

WordPressについて

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

【参考サイト】

WordPressのテーマとは

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

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

【参考サイト】

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

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

【参考サイト】

メモ

・WordPressのテーマはPHPも関わってくるのでかなり難しいので、業務内容に応じて不要であればあまり覚えなくてもいい(けど、覚えられると幅が広がる)

4月21日(金)-PHP基礎

【要参考】
・【STEP4】Webページの制作「Wordpress活用法の教科書⑤.pdf」参考

【大浜先生の作成したPHPを使用したお問合せフォーム】
お問い合わせ | HTML-CSS 入門講座 | 情報デザイン工房 濱屋 (表示)
https://tools.hamaya2020.com/contact/contact.txt (公開しているPHP内容)
※txtを参考に使用していいが、4・6行目のメールアドレスは大浜先生のアドレスなので、変更する。
+自分で作成したページの例えば下部などにお問合せフォームを作り、そこに紐づけるのは難しい(書き換えないといけない)ので、お問合せフォームも別ページで単体で作成するのが良いとのこと

WordPressはphpで出来ています

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

スクリプト(プログラミング)にはサーバー側で動くものとクライアント側(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を記述できるわけですから 必要性と使いどころをまずは理解して、一つ一つ理解してい くのが良いでしょう。