合同勉強会資料wordpressについて

The Designium
合同勉強会 vol.1
～WordPressテーマ作成初級編～

The Designium
自己紹介（浅井）
浅井渉（あさいわたる）
千葉県千葉市出身
インターンを経て、デザイニウム入社
担当業務
フロント～サーバーサイドのコーディング
テクニカルディレクション

The Designium
BEAMS STYLE'S photostream

The Designium
Nikon COOLPIX Explorer

The Designium
自己紹介（生亀）
名前：生亀健
勤め先：デザイニウム入社１年半目
仕事内容：会津案件コーディング担当
得意分野： WordPressテーマ構築を含むWebサイト制作
その他： ITとは無縁の金型業界から転身しました。

The Designium
八重と会津博

The Designium
会津のへそ！湯川ー坂下観光情報

The Designium
名前：ワードプレス
勤め先：世界中(１２０か国以上)
仕事内容：ブログ記事、コンテンツ管理など
その他：愛されキャラなので色んな貢物(プラグイン)を
受け取っています。
自己紹介（WordPress）

The Designium
イギリス首相官邸

The Designium
フィリピン共和国大統領官邸

The Designium
・ブログ構築システム（語弊あり）
・バージョン3.5のダウンロード数は
http://wordpress.org/download/counter/
WordPressとは？

The Designium
・サイト構築コスト削減
・運用コスト削減
・たくさんの人が使っている
WordPressを使用するメリット

The Designium
・
・・
・・・ある？
WordPressを使用するデメリット

The Designium
本日の勉強会テーマは、
「オリジナルテーマの作成」

The Designium
・ブログのデザインパターン
・http://bit.ly/136Tc4P
そもそもテーマって何さ？

The Designium
オリジナルテーマ作成の流れ
静的なHTMLの作成
HTMLの分解（パーツ化）
WordPressテーマに変更

The Designium
・要するに普通のWebサイトのコーディング
・パーツ分けを意識してコードを書くと後々幸せになれる
静的なHTMLの作成

The Designium
・ヘッダ、フッタ、サイドメニュー…etc
・共通部分を１つのファイルで管理
HTMLの分解（パーツ化）

The Designium
・ページの要素をWordPress独自のタグに置き換える
→記事タイトルや投稿日時など
<?php the_title(); ?>
<?php the_time(); ?>
・詳細はライブコーディング＆ハンズオンのセッションで！
WordPressテーマに変更

The Designium
基本的な流れは以上で終了。

The Designium
・高性能化に伴って難解に…
・ただブログ構築用として使うにはファイル数が多すぎる
デフォルトテーマ「TwentyTwelve」

The Designium
デフォルトテーマ「TwentyTwelve」

The Designium
生亀怒りのテーマ「minimal」
・高性能化よりも分かりやすくしようや…
・ファイル数が多すぎんだよ、殺すぞ…
・SEO？プラグイン使えや…
・いいからとにかくシンプルにしろって…

The Designium
生亀怒りのテーマ「minimal」
・ファイル数３４→１１に！
・TwentyTwelveの新機能がお亡くなりに！
・でも、使いやすい！

The Designium
ハンズオンセッション解説

Recommended