-本日のアジェンダ-
1限目
学科 CMS構築基礎③
WordPressの移行について
2限目
学科 CMS構築基礎③
基本機能を保有したテーマの実装について
3限目
学科 CMS構築基礎③
基本機能を保有したテーマの実装について
4限目
学科 CMS構築基礎③
課題作成
5限目
学科 CMS構築基礎③
課題作成
【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報(注記)を追記して頂いても大丈夫です。
ストーリー:Wordpressの仕組み
内容1:Wordpressについて②
内容2:就職活動のための時間
内容3:
課題:なし
(注記)
・WordPressの移行に関わる説明と移行方法を説明してください。
・生徒のWordPress(ポートフォリオ)サイトの移行を実施してください。
・移行できなかった場合は「実技 CMS構築実習②」でフォローする旨を伝えてください。
・WordPressテーマの基本機能と基本機能を持ったテーマの作成方法について説明してください。
本日のテーマ
基本機能を保有したテーマを理解しましょう。
【資料】
カリキュラム資料 ダウンロード用サイト
https://samplesdl-web.com/doc/
下記のファイルをダウンロードしましょう。
「WordPress活用法の教科書⑧.pdf」
【動画】
- WordPressのテーマについて
TOPページの活用法
https://youtu.be/3YuaHIvmXxs(6:30) - WordPressのテーマについて
投稿ページの活用法
固定ページの活用法
https://youtu.be/h-tWuQldBws(6:17) - WordPressのテーマについて
固定ページのカスタムテンプレート
条件分岐タグ
if文を使う
https://youtu.be/kGXF0PV-WUA(13:05) - WordPressのテーマについて
ループ処理のタグと合わせる
他のページに投稿を表示させる
https://youtu.be/73ks5jwhyQ0(8:39) - WordPressのテーマについて
アイキャッチ画像の表示方法
ウィジェットの活用について
https://youtu.be/TwogdcJbOpM(10:48)
WordPressの移行について
学校で使用しているWordPressサイトを各自のサーバーに移行してください。
WordPressの移行には、以下の種類があります。
- WordPressの基本機能を使用した移行
- プラグインを使用した移行(今回は、この方法で実施)
- サーバーが提供する移行機能での移行
参考サイト
- WordPressサイトはどうやって引っ越しする?移行方法を解説
- 大きくは3つ!WordPressを別のサーバーへ移行する方法とは?
- 【徹底解説】ドメイン変更を伴うWordPressの引っ越し手順7ステップ!移行時の注意点も解説
WordPressテーマの基本機能とは
基本機能を持ったWorkPressテーマを作成するためには、以下の機能を実装する必要があります。
- 投稿一覧の表示
- 投稿ページの表示
- 固定ページの表示
- メニューの表示
HTML・CSSからオリジナルテーマを作成
WordPressのオリジナルテーマを作成する手順を理解しましょう。
参考サイト
- 【テーマ自作】WordPress オリジナルテーマの作り方と基本 – WEBST8のブログ
- WordPressのテーマを自作する方法解説!必要なファイルとそれぞれでよく使う内容例ご紹介
- WordPress オリジナルテーマの作り方 3.0+ | Webクリエイターボックス
本日の課題
提出課題はありません。
就職活動に応じた作品制作、ポートフォリオのまとめやコーディングの続きを進めましょう。