chevron_left

WordPress -HTMLからオリジナルテーマ化実践-
PREMIUM
第1回

WordPressオリジナルテーマの作り方 - 実際にHTMLをテーマ化する①-

2015年9月11日 60min
WordPressオリジナルテーマの作り方 - 実際にHTMLをテーマ化する①- play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 39

授業の概要

WordPress (ワードプレス) は、オープンソースのブログ／CMS プラットフォームです。セマンティック Web、コードやデザインの美しさ、Web 標準、ユーザビリティなどを意識して開発されており、無料でダウンロードして使うことができます。

全2回を通して、HTMLにて制作されたサイトデータを元に、WordPressのテーマを作成します。

■ 今回の内容

- パーツテンプレートへの分解
- functions.phpを利用したCSSとJSの読み込み
- ヘッダーのメタタグの設定

■事前準備

この授業では下記準備・前提知識が必要です。自信の無い方は各入門授業を御覧ください。

- サンプルページの確認
　- http://file.m-g-n.me/schoo/
　- http://file.m-g-n.me/schoo/archive.html
　- http://file.m-g-n.me/schoo/single.html

- HTML/CSSの基本的な知識
- WordPressが動く環境
　[PHP入門 開発環境を構築しよう（全2回）]
　もしくはホスティングサーバ
- WordPressの基本知識
　基礎からのWordPress
- WordPressオリジナルテーマの作り方の理解
　WordPressオリジナルテーマの作り方
- PHP初心者レベルの知識があると望ましい

こんな人にオススメ

WordPressで、オリジナルテーマを作りたい方・仕事をしたい方

担当の先生／パーソナリティ

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
自己紹介＆アジェンダ
04:30
play_arrow
今までのおさらい
02:27
play_arrow
サンプルとなるサイトの紹介
06:12
play_arrow
テーマ制作の準備
02:32
play_arrow
ベーステーマのインストール
03:50
play_arrow
テーマユニットテストの導入
01:57
play_arrow
フロントページの設定
06:48
play_arrow
テーマの編集：CSSの移動
02:10
play_arrow
画像の移動
01:57
play_arrow
front-page.phpを書いていく
04:46
play_arrow
パーツテンプレートの切り分け
03:00
play_arrow
フッターを書いていく
01:50
play_arrow
ヘッダーを書いていく
09:34
play_arrow
Ｑ：先生のお使いのエディタは何ですか？
00:58
play_arrow
Ｑ：Show Current Templateでテンプレートのリストが表示されるのですが、下の方が表示されません。
05:52
play_arrow
Ｑ：functions.phpにタイトル読み込みが追加されたことについて